/*$selected_bg_color: #00e8c6;06d6a0*/ /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #d8dee9; /* text color for entries, views and content in general */ @define-color theme_text_color #d8dee9; /* widget base background color */ @define-color theme_bg_color #2a3344; /* text widgets and the like base background color */ @define-color theme_base_color #2e394c; /* base background color of selections */ @define-color theme_selected_bg_color #cd7ebf; /* text/foreground color of selections */ @define-color theme_selected_fg_color #fff; /* base background color of disabled widgets */ @define-color insensitive_bg_color #2c3547; /* text foreground color of disabled widgets */ @define-color insensitive_fg_color #818997; /* disabled text widgets and the like base background color */ @define-color insensitive_base_color #2e394c; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #818997; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #d8dee9; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #2a3344; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #303b4f; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #cd7ebf; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #fff; /* widgets main borders color */ @define-color borders #1d232f; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #1e2531; /* these are pretty self explicative */ @define-color warning_color #e65b66; @define-color error_color #ff3d9f; @define-color success_color #58a1a5; @define-color fg_color #d8dee9; @define-color text_color #d8dee9; @define-color bg_color #2a3344; @define-color base_color #2e394c; @define-color selected_bg_color #cd7ebf; @define-color selected_fg_color #fff; @define-color unfocused_fg_color #818997; @define-color unfocused_text_color #d8dee9; @define-color unfocused_bg_color #2a3344; @define-color unfocused_base_color #303b4f; @define-color unfocused_selected_bg_color #cd7ebf; @define-color unfocused_selected_fg_color #fff; /* 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(#d8dee9, 1.8); @define-color wm_unfocused_title #818997; @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(#2a3344, 1.2); @define-color wm_bg_b #2a3344; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#2a3344, 1.3); @define-color wm_button_hover_color_b #2a3344; @define-color wm_button_active_color_a shade(#2a3344, 0.85); @define-color wm_button_active_color_b shade(#2a3344, 0.89); @define-color wm_button_active_color_c shade(#2a3344, 0.9); @define-color content_view_bg #2e394c; @define-color text_view_bg #2e394c; @define-color budgie_tasklist_indicator_color #cd7ebf; @define-color budgie_tasklist_indicator_color_active #cd7ebf; @define-color placeholder_text_color #b6bdca; @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(216, 222, 233, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 0px; -gtk-secondary-caret-color: #cd7ebf; } /*********** * Widgets * ***********/ /*************** * Action bars * ***************/ .action-bar, actionbar > revealer > box { background-color: #242d3c; border: solid #1d232f; border-width: 1px 0 0 0; color: #d8dee9; box-shadow: none; } .action-bar:backdrop, actionbar > revealer > box:backdrop { background-color: #171b24; 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(33, 40, 54, 0.93); 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: #d8dee9; background-color: #2a3344; } .background:backdrop { color: #818997; background-color: #2a3344; 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: #d8dee9; background-color: #2a3344; } .gtkstyle-fallback:hover { color: #d8dee9; background-color: #3d4b64; } .gtkstyle-fallback:active { color: #d8dee9; background-color: #171b24; } .gtkstyle-fallback:disabled { color: #818997; background-color: #2c3547; } .gtkstyle-fallback:selected { color: #fff; background-color: #cd7ebf; } .view, iconview, textview > text { color: #d8dee9; background-color: #2e394c; } .view:backdrop, iconview:backdrop, textview > text:backdrop { color: #b6bdca; background-color: #303b4f; } .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: #2c3648; } .rubberband, rubberband, flowbox rubberband, .content-view rubberband, columnview.view > rubberband, treeview.view > rubberband { border: 1px solid #bf59ad; background-color: rgba(191, 89, 173, 0.2); } flowbox flowboxchild { padding: 3px; border-radius: 3px; } flowbox flowboxchild:selected { outline-offset: -2px; } label { caret-color: currentColor; } label.separator { color: #d8dee9; } label.separator:backdrop { color: #818997; } label selection { background-color: #cd7ebf; color: #fff; } label:disabled { color: #818997; } label:disabled:backdrop { color: #475673; } label:backdrop { color: #818997; } .dim-label, label.separator, .titlebar .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: #2e394c; border-top: 1px solid #1d232f; } assistant .sidebar:backdrop { background-color: #303b4f; border-color: #1e2531; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #4d5565; } .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: #d8dee9; border: none; background-color: rgba(33, 40, 54, 0.93); background-clip: padding-box; outline-color: rgba(216, 222, 233, 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: #cd7ebf; color: #fff; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #e2b5da 0%, rgba(226, 181, 218, 0) 0%); } to { background-image: radial-gradient(farthest-side, #e2b5da 95%, rgba(226, 181, 218, 0)); } } notebook > header > tabs > arrow, button { min-height: 20px; min-width: 16px; padding: 2px 6px; border: 1px solid #1d232f; border-radius: 4px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: normal; color: #d8dee9; background-color: #333e53; text-shadow: none; } notebook > header > tabs > arrow, 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; } 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: #fff; outline-color: rgba(255, 255, 255, 0.3); background-color: #cd7ebf; 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: #fff; outline-color: rgba(255, 255, 255, 0.3); background-color: #cd7ebf; text-shadow: none; -gtk-icon-filter: brightness(1.2); } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #fff; outline-color: rgba(255, 255, 255, 0.3); background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); background-color: transparent; text-shadow: none; transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #b6bdca; outline-color: rgba(216, 222, 233, 0.3); background-color: #303b4f; 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(255, 255, 255, 0.7); outline-color: rgba(216, 222, 233, 0.3); background-color: #cd7ebf; 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(255, 255, 255, 0.7); } notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #b6bdca; border-color: rgba(29, 35, 47, 0.3); background-color: #2c3547; 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(255, 255, 255, 0.7); outline-color: rgba(216, 222, 233, 0.3); background-color: #cd7ebf; 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 { 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: #b6bdca; border-color: rgba(29, 35, 47, 0.3); background-color: #2c3547; text-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: rgba(255, 255, 255, 0.7); outline-color: rgba(216, 222, 233, 0.3); background-color: #cd7ebf; 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(255, 255, 255, 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.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: 4px; } 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: #a3be8c; border-color: #a3be8c; box-shadow: inset 0 0 0 1px #a3be8c; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #fff; border-color: transparent; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #818997; } button.osd { min-width: 24px; min-height: 20px; color: #d8dee9; border-radius: 5px; outline-color: rgba(216, 222, 233, 0.3); color: #d8dee9; border-color: #1d232f; background-color: rgba(33, 40, 54, 0.93); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(216, 222, 233, 0.3); border: none; box-shadow: none; } button.osd.image-button { min-width: 32px; } button.osd:hover { color: white; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(216, 222, 233, 0.3); border: none; box-shadow: none; } button.osd:active, button.osd:checked { color: white; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); background-clip: padding-box; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(216, 222, 233, 0.3); border: none; box-shadow: none; } button.osd:disabled:backdrop, button.osd:disabled { color: #7d8390; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } button.osd:backdrop { color: #d8dee9; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(33, 40, 54, 0.93), rgba(33, 40, 54, 0.93)); 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: #d8dee9; border-color: #1d232f; background-color: rgba(33, 40, 54, 0.93); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(216, 222, 233, 0.3); } .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(216, 222, 233, 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: #1d232f; background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); background-clip: padding-box; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(216, 222, 233, 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: #7d8390; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 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: #d8dee9; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(33, 40, 54, 0.93), rgba(33, 40, 54, 0.93)); 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: #1d232f; background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(216, 222, 233, 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: #7d8390; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 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: #1d232f; background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); background-clip: padding-box; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(216, 222, 233, 0.3); } button.suggested-action { border: none; box-shadow: none; color: white; border-radius: 4px; background: #79B4B7; } .selection-mode windowcontrols button, button.suggested-action.flat { box-shadow: none; color: white; border-radius: 4px; background: #79B4B7; } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #79B4B7; text-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); background-color: transparent; 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: #79B4B7; 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(255, 255, 255, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #cd7ebf; 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(255, 255, 255, 0.7); } .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: white; border-color: rgba(29, 35, 47, 0.3); background-color: #79B4B7; 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(255, 255, 255, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #cd7ebf; 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 { 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(121, 180, 183, 0.8); } button.suggested-action:disabled { color: white; border-color: rgba(29, 35, 47, 0.3); background-color: #79B4B7; text-shadow: none; } button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: rgba(255, 255, 255, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #79B4B7; text-shadow: none; } button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { color: rgba(255, 255, 255, 0.7); } .osd button.suggested-action { color: #d8dee9; border-color: #1d232f; background-color: rgba(121, 180, 183, 0.5); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(216, 222, 233, 0.3); } .osd button.suggested-action:hover { color: white; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(121, 180, 183, 0.7), rgba(121, 180, 183, 0.7)); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(216, 222, 233, 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: #1d232f; background-image: linear-gradient(to bottom, #79B4B7, #79B4B7); background-clip: padding-box; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(216, 222, 233, 0.3); } .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #7d8390; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.suggested-action:backdrop { color: #d8dee9; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(121, 180, 183, 0.5), rgba(121, 180, 183, 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: 4px; background: #FF56AC; } button.destructive-action.flat { box-shadow: none; color: white; border-radius: 4px; background: #79B4B7; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ff2393; text-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); background-color: transparent; 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: #ff2393; 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(255, 255, 255, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #cd7ebf; 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(255, 255, 255, 0.7); } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: white; border-color: rgba(29, 35, 47, 0.3); background-color: #ff2393; 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(255, 255, 255, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #cd7ebf; text-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(255, 35, 147, 0.8); } button.destructive-action:disabled { color: white; border-color: rgba(29, 35, 47, 0.3); background-color: #ff2393; text-shadow: none; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: rgba(255, 255, 255, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #ff2393; text-shadow: none; } button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { color: rgba(255, 255, 255, 0.7); } .osd button.destructive-action { color: #d8dee9; border-color: #1d232f; background-color: rgba(255, 35, 147, 0.5); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(216, 222, 233, 0.3); } .osd button.destructive-action:hover { color: white; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(255, 35, 147, 0.7), rgba(255, 35, 147, 0.7)); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(216, 222, 233, 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: #1d232f; background-image: linear-gradient(to bottom, #ff2393, #ff2393); background-clip: padding-box; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(216, 222, 233, 0.3); } .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #7d8390; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd button.destructive-action:backdrop { color: #d8dee9; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(255, 35, 147, 0.5), rgba(255, 35, 147, 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: 4px; 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: #fff; outline-color: rgba(255, 255, 255, 0.3); background-color: #cd7ebf; 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, #e2b5da 96%, rgba(226, 181, 218, 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: #d8dee9; background-color: #333e53; text-shadow: none; } toolbar button:active { font-weight: normal; color: #d8dee9; background-color: #333e53; text-shadow: none; } .inline-toolbar toolbutton > 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; } .inline-toolbar toolbutton > button:hover { color: #fff; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #f2f2f2; } .inline-toolbar toolbutton > button:disabled { color: #b6bdca; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: rgba(242, 242, 242, 0.3); } .inline-toolbar toolbutton > button:backdrop { color: #b6bdca; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #f2f2f2; } .inline-toolbar toolbutton > button:backdrop:disabled { color: #b6bdca; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: rgba(242, 242, 242, 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 #1d232f; border-radius: 0; border-right-style: none; box-shadow: none; } .inline-toolbar button:disabled, .linked > button:disabled, .linked:not(.vertical) > spinbutton:disabled:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:disabled, .linked:not(.vertical) > entry:disabled, .linked > combobox > box > button.combo:disabled:dir(ltr), .linked > combobox > box > button.combo:disabled:dir(rtl) { color: #b6bdca; border-color: rgba(29, 35, 47, 0.3); background-color: #2c3547; text-shadow: none; color: #818997; } .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: 4px; border-bottom-left-radius: 4px; } .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: 4px; border-bottom-right-radius: 4px; 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: 4px; 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: 4px; border-top-right-radius: 4px; } .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: 4px; border-bottom-right-radius: 4px; 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: 4px; 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: 4px; outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #343f54; } 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: #d8dee9; border: 1px solid #1d232f; } 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(216, 222, 233, 0.45); } calendar.button:hover { color: #d8dee9; } calendar.button:backdrop { color: rgba(129, 137, 151, 0.45); } calendar.button:disabled { color: rgba(129, 137, 151, 0.45); } calendar:indeterminate, calendar:indeterminate:backdrop { color: alpha(currentColor,0.55); } calendar.highlight, calendar.highlight:backdrop { font-size: smaller; color: #d8dee9; } calendar:backdrop { color: #b6bdca; border-color: #1e2531; } /************************* * 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; background: 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; background: 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; background: 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; background: 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; background: 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; background: 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: #fff; } colorswatch.dark overlay:hover { border-color: #1d232f; } colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } colorswatch.light overlay { color: #d8dee9; } colorswatch.light overlay:hover { border-color: #1d232f; } colorswatch.light overlay:backdrop { color: #b6bdca; } colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { border-color: #a3be8c; box-shadow: inset 0 0 0 2px #1d232f, inset 0 0 0 1px #a3be8c; } colorswatch:drop(active).dark overlay { border-color: #a3be8c; box-shadow: inset 0 0 0 2px #1d232f, inset 0 0 0 1px #a3be8c; } colorswatch overlay { box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); border: 1px solid #1d232f; } colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: #1d232f; 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: #d8dee9; background-color: #333e53; text-shadow: none; } colorswatch#add-color-button overlay:hover { color: #d8dee9; outline-color: rgba(216, 222, 233, 0.3); background-color: #2e394c; text-shadow: none; } colorswatch#add-color-button overlay:backdrop { color: #b6bdca; outline-color: rgba(216, 222, 233, 0.3); background-color: #303b4f; 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 #fff; } 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(42, 51, 68, 0.95); } messagedialog .titlebar { min-height: 20px; background-image: none; background-color: rgba(42, 51, 68, 0.95); border-style: none; border-top-left-radius: 4px; border-top-right-radius: 4px; } messagedialog.csd.background { background-color: rgba(42, 51, 68, 0.95); color: #d8dee9; 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: #d8dee9; box-shadow: none; } messagedialog.csd .dialog-action-area button:hover { background-color: rgba(205, 126, 191, 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; } .messagedialog .message-area { padding: 26px; } filechooser .dialog-action-box { border-top: 1px solid #1d232f; } filechooser .dialog-action-box:backdrop { border-top-color: #1e2531; } filechooser #pathbarbox { border-bottom: 1px solid #2a3344; } 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: 4px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #d8dee9; border-color: #1d232f; background-color: #333e53; } 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: #bf59ad; box-shadow: 0px 0px 1px 1px #cd7ebf inset; } spinbutton:disabled:not(.vertical), spinbutton.vertical > text:disabled, entry:disabled { color: #818997; border-color: rgba(29, 35, 47, 0.3); background-color: #2c3547; box-shadow: none; } spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop, entry:backdrop { color: #b6bdca; border-color: #1e2531; background-color: #303b4f; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), spinbutton.vertical > text:backdrop:disabled, entry:backdrop:disabled { color: #475673; border-color: rgba(29, 35, 47, 0.3); background-color: #2c3547; box-shadow: none; } spinbutton.error:not(.vertical), spinbutton.vertical > text.error, entry.error { color: #d8dee9; border-color: #1d232f; background-color: #333e53; color: #ff3d9f; border-color: #890046; } spinbutton.error:focus-within:not(.vertical), spinbutton.vertical > text.error:focus-within, entry.error:focus-within { border-color: #890046; box-shadow: 0px 0px 1px 1px #cd7ebf 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: #ff3d9f; } spinbutton.warning:not(.vertical), spinbutton.vertical > text.warning, entry.warning { color: #d8dee9; border-color: #1d232f; background-color: #333e53; color: #e65b66; border-color: #7c131b; } spinbutton.warning:focus-within:not(.vertical), spinbutton.vertical > text.warning:focus-within, entry.warning:focus-within { border-color: #7c131b; box-shadow: 0px 0px 1px 1px #cd7ebf 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: #e65b66; } spinbutton:not(.vertical) image, spinbutton.vertical > text image, entry image { color: #b6bdca; } spinbutton:not(.vertical) image:hover, spinbutton.vertical > text image:hover, entry image:hover { color: #d8dee9; } spinbutton:not(.vertical) image:active, spinbutton.vertical > text image:active, entry image:active { color: #cd7ebf; } spinbutton:not(.vertical) image:backdrop, spinbutton.vertical > text image:backdrop, entry image:backdrop { color: #717989; } 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: #a3be8c; box-shadow: inset 0 0 0 1px #a3be8c; } .osd spinbutton:not(.vertical), .osd spinbutton.vertical > text, .osd entry { color: #d8dee9; border-color: #1d232f; background-color: rgba(29, 35, 47, 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: #d8dee9; border-color: #cd7ebf; background-color: rgba(29, 35, 47, 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: #d8dee9; border-color: #1d232f; background-color: rgba(29, 35, 47, 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: #7d8390; border-color: #1d232f; background-color: rgba(51, 58, 72, 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: #cd7ebf; 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: #a3be8c; } .linked:not(.vertical) > spinbutton:focus-within:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:focus-within, .linked:not(.vertical) > entry:focus-within { border-color: #bf59ad; box-shadow: 0px 0px 1px 1px #cd7ebf inset; border-right-style: solid; } .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: #cd7ebf; } .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 4px 4px 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: #293243; background-image: linear-gradient(to bottom, #2e394c, #2e394c); } .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: #2b3446; background-image: linear-gradient(to bottom, #303b4f, #303b4f); } .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: #293243; } .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: #bf59ad; } .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: #a3be8c; } .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: #bf59ad; } .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: #a3be8c; } treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #2e394c; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #2e394c; } treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #cd7ebf; } /************* * 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: #2a3344; border-width: 1px; border-style: solid solid none; border-color: #1d232f; border-radius: 3px 3px 0 0; box-shadow: none; } .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: #2a3344; border-color: #1e2531; } /********** * Frames * **********/ frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #1d232f; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { border-color: #1e2531; } actionbar > revealer > box { padding: 6px; border-top: 1px solid #1d232f; } actionbar > revealer > box:backdrop { border-color: #1e2531; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: radial-gradient(farthest-side at top, #313b4f 85%, rgba(49, 59, 79, 0)), radial-gradient(farthest-side at top, rgba(216, 222, 233, 0.15), rgba(216, 222, 233, 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, #1e2531 85%, rgba(30, 37, 49, 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, #313b4f 85%, rgba(49, 59, 79, 0)), radial-gradient(farthest-side at bottom, rgba(216, 222, 233, 0.15), rgba(216, 222, 233, 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, #1e2531 85%, rgba(30, 37, 49, 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, #313b4f 85%, rgba(49, 59, 79, 0)), radial-gradient(farthest-side at left, rgba(216, 222, 233, 0.15), rgba(216, 222, 233, 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, #1e2531 85%, rgba(30, 37, 49, 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, #313b4f 85%, rgba(49, 59, 79, 0)), radial-gradient(farthest-side at right, rgba(216, 222, 233, 0.15), rgba(216, 222, 233, 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, #1e2531 85%, rgba(30, 37, 49, 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, #1d232f 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #2c3648; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #1e2531 1px, transparent 1px); background-color: #242c3b; transition: 200ms ease-out; } separator { background: rgba(0, 0, 0, 0.1); } /************ * Popovers * ************/ GraniteWidgetsPopOver { border: 1px solid #2e394c; background: #2e394c; color: #d8dee9; } GraniteWidgetsPopOver .button { background-image: none; background: none; border: none; } GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { color: #cd7ebf; } GraniteWidgetsPopOver > .frame { border: none; } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { border: none; background: none; } GraniteWidgetsStaticNotebook .frame { border: none; } .popover_bg { background-color: #2e394c; background-image: none; border: 1px solid #2e394c; color: #d8dee9; } /*********** * Welcome * **********/ GraniteWidgetsWelcome { background-color: #2e394c; } GraniteWidgetsWelcome GtkLabel { color: #d8dee9; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(216, 222, 233, 0.8); } /************** * Source List * ***************/ .source-list { background-color: #2a3344; border: solid #1d232f; color: #d8dee9; 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: #2a3344; 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: #202734; } .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(216, 222, 233, 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: #F3D88E; 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: #2e394c; } .storage-bar .fill-block.app { background-color: #5e81ac; } .storage-bar .fill-block.audio { background-color: #ED878F; } .storage-bar .fill-block.photo { background-color: #FF56AC; } .storage-bar .fill-block.video { background-color: #A572A4; } .storage-bar .fill-block .legend { padding: 12px; border-radius: 4px; } /*************** * Header bars * ***************/ .titlebar:not(headerbar), .titlebar, headerbar { padding: 0 13px; min-height: 34px; background: #202835; color: #d8dee9; border-radius: 0; } .titlebar:backdrop, headerbar:backdrop { border-color: #1e2531; 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: #d8dee9; border-radius: 4px; text-shadow: none; box-shadow: none; border: 1px solid #1d232f; background-color: #2a3445; min-height: 20px; margin-top: 5px; margin-bottom: 5px; box-shadow: none; } .titlebar button.image-button, headerbar button.image-button { padding: 3px 4px; } .titlebar button.appmenu, headerbar button.appmenu { background: transparent; } .titlebar button.appmenu:backdrop, headerbar button.appmenu:backdrop { background: transparent; } .titlebar button:hover, headerbar button:hover { color: #fff; text-shadow: none; background-color: rgba(205, 126, 191, 0.7); } .titlebar button:active, .titlebar button:checked, headerbar button:active, headerbar button:checked { color: #fff; outline-color: rgba(255, 255, 255, 0.3); background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); background-color: transparent; text-shadow: none; } .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled, headerbar button:backdrop, headerbar button:disabled, headerbar button:backdrop:disabled { color: rgba(216, 222, 233, 0.2); background-color: #272F3F; text-shadow: none; box-shadow: 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 { color: #cd7ebf; background-color: rgba(205, 126, 191, 0.6); text-shadow: none; box-shadow: none; } .titlebar button.suggested-action, headerbar button.suggested-action { font-weight: bold; min-height: 14px; margin-top: 5px; margin-bottom: 5px; border-radius: 4px; box-shadow: none; color: white; border-radius: 4px; background: #79B4B7; 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: #65a9ac; text-shadow: none; } .titlebar button.suggested-action:active, headerbar button.suggested-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); background-color: transparent; text-shadow: none; } .titlebar button.suggested-action:disabled, headerbar button.suggested-action:disabled { color: white; border-color: rgba(29, 35, 47, 0.3); background-color: #79B4B7; 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: #79B4B7; text-shadow: none; border-radius: 4px; } .titlebar button.suggested-action:backdrop:disabled, headerbar button.suggested-action:backdrop:disabled { color: white; border-color: rgba(29, 35, 47, 0.3); background-color: #79B4B7; text-shadow: none; } .titlebar button.destructive-action, headerbar button.destructive-action { font-weight: bold; min-height: 14px; margin-top: 5px; margin-bottom: 5px; border-radius: 4px; box-shadow: none; color: white; border-radius: 4px; background: #79B4B7; 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: #ff0484; text-shadow: none; } .titlebar button.destructive-action:active, headerbar button.destructive-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); background-color: transparent; text-shadow: none; } .titlebar button.destructive-action:disabled, headerbar button.destructive-action:disabled { color: white; border-color: rgba(29, 35, 47, 0.3); background-color: #ff2393; 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: #ff2393; text-shadow: none; border-radius: 4px; } .titlebar button.destructive-action:backdrop:disabled, headerbar button.destructive-action:backdrop:disabled { color: white; border-color: rgba(29, 35, 47, 0.3); background-color: #ff2393; text-shadow: none; } .titlebar button.titlebutton, headerbar button.titlebutton { color: transparent; box-shadow: none; border: none; background-color: transparent; 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 .path-bar-box button, .titlebar headerbar .linked > button, headerbar .path-bar-box .titlebar button, .titlebar .linked > button:hover, .titlebar .linked > button:backdrop, .titlebar headerbar .linked > button, headerbar .path-bar-box .titlebar button, headerbar .titlebar .linked > button, headerbar .linked > button, headerbar .titlebar .path-bar-box button, .titlebar .path-bar-box headerbar button, headerbar .path-bar-box button, 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: 0; border-right-style: none; box-shadow: none; margin: 5px 0px; min-height: 20px; } .titlebar .linked > button:first-child, .titlebar .path-bar-box button:first-child, .titlebar headerbar .linked > button:first-child, headerbar .path-bar-box .titlebar button:first-child, headerbar .titlebar .linked > button:first-child, headerbar .linked > button:first-child, .titlebar .path-bar-box headerbar button:first-child, headerbar .path-bar-box button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .titlebar .linked > button:last-child, .titlebar .path-bar-box button:last-child, .titlebar headerbar .linked > button:last-child, headerbar .path-bar-box .titlebar button:last-child, headerbar .titlebar .linked > button:last-child, headerbar .linked > button:last-child, .titlebar .path-bar-box headerbar button:last-child, headerbar .path-bar-box button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right-style: solid; } .titlebar .linked > button:only-child, .titlebar .path-bar-box button:only-child, .titlebar headerbar .linked > button:only-child, headerbar .path-bar-box .titlebar button:only-child, headerbar .titlebar .linked > button:only-child, headerbar .linked > button:only-child, .titlebar .path-bar-box headerbar button:only-child, headerbar .path-bar-box button:only-child { border-radius: 4px; border-style: solid; } .titlebar .linked > button:active:backdrop, .titlebar headerbar .linked > button:active:backdrop, .titlebar .path-bar-box button:active:backdrop, headerbar .path-bar-box .titlebar button:active:backdrop, .titlebar .linked > button:active:backdrop label, .titlebar .path-bar-box button:active:backdrop label, headerbar .path-bar-box .titlebar button:active:backdrop label, .titlebar .linked > button:checked:backdrop, .titlebar headerbar .linked > button:checked:backdrop, .titlebar .path-bar-box button:checked:backdrop, headerbar .path-bar-box .titlebar button:checked:backdrop, .titlebar .linked > button:checked:backdrop label, .titlebar .path-bar-box button:checked:backdrop label, headerbar .path-bar-box .titlebar button:checked:backdrop label, headerbar .titlebar .linked > button:active:backdrop, headerbar .linked > button:active:backdrop, .titlebar .path-bar-box headerbar button:active:backdrop, headerbar .path-bar-box button:active:backdrop, headerbar .linked > button:active:backdrop label, .titlebar .path-bar-box headerbar button:active:backdrop label, headerbar .path-bar-box button:active:backdrop label, headerbar .titlebar .linked > button:checked:backdrop, headerbar .linked > button:checked:backdrop, .titlebar .path-bar-box headerbar button:checked:backdrop, headerbar .path-bar-box button:checked:backdrop, headerbar .linked > button:checked:backdrop label, .titlebar .path-bar-box headerbar button:checked:backdrop label, headerbar .path-bar-box button:checked:backdrop label { color: rgba(255, 255, 255, 0.5); } .titlebar .path-bar-box .dim-label, .titlebar .path-bar-box label.separator, .titlebar .path-bar-box .subtitle, headerbar .path-bar-box .dim-label, headerbar .path-bar-box label.separator, headerbar .path-bar-box .subtitle { color: transparent; margin-right: -6px; } .titlebar .path-bar-box button:last-child, headerbar .path-bar-box button:last-child { margin-left: -1px; border-radius: 0px; } .titlebar .path-bar-box button:last-child:active, .titlebar .path-bar-box button:last-child:checked, headerbar .path-bar-box button:last-child:active, headerbar .path-bar-box button:last-child:checked { border-radius: 0px 4px 4px 0px; } .titlebar .path-bar-box button:first-child, headerbar .path-bar-box button:first-child { border-radius: 4px 0px 0px 4px; } .titlebar .path-bar-box button:first-child:active, .titlebar .path-bar-box button:first-child:checked, headerbar .path-bar-box button:first-child:active, headerbar .path-bar-box button:first-child:checked { border-radius: 4px; } .titlebar .path-bar-box widget > .text-button:last-child, headerbar .path-bar-box widget > .text-button:last-child { border-radius: 0px 4px 4px 0px; color: #d8dee9; outline-color: rgba(216, 222, 233, 0.3); background: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8) left bottom #2f384c no-repeat; background-size: 100% 1.5px; text-shadow: none; } .titlebar .path-bar-box widget > .text-button:last-child:backdrop, .titlebar .path-bar-box widget > .text-button:last-child:backdrop label, headerbar .path-bar-box widget > .text-button:last-child:backdrop, headerbar .path-bar-box widget > .text-button:last-child:backdrop label { color: rgba(255, 255, 255, 0.5); } .titlebar .path-bar-box widget > .text-button:last-child:only-child, headerbar .path-bar-box widget > .text-button:last-child:only-child { border-radius: 4px; } .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: #bf59ad; } .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(205, 126, 191, 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:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 3px; margin-bottom: 3px; } headerbar menubutton > button, headerbar spinbutton > button, headerbar splitbutton > button, headerbar splitbutton > menubutton, headerbar entry > menubutton { margin-top: 0px; margin-bottom: 0px; } headerbar switch { margin-top: 0; margin-bottom: 0; } 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); } 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: #202835; } .sidebar-pane .top-bar, .sidebar-pane .top-bar headerbar, .content-pane .top-bar, .content-pane .top-bar headerbar { background-color: #202835; } .nautilus-window .sidebar-pane .top-bar headerbar { padding-top: 3px; padding-bottom: 3px; } /************** * GtkInfoBar * **************/ .info, .warning, .question, .error, infobar { text-shadow: none; color: #d8dee9; background-color: #2a3344; border-bottom: 1px solid #171b24; 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: #fff; border: none; } .info .label, .warning .label, .question .label, .error .label { color: #fff; } .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { color: rgba(255, 255, 255, 0.5); } .info button, .warning button, .question button, .error button { border-radius: 2px; border: none; background: rgba(46, 57, 76, 0.98); color: #d8dee9; 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: #d8dee9; } .info button:active, .warning button:active, .question button:active, .error button:active { background: #2e394c; color: #d8dee9; 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(46, 57, 76, 0.8); color: rgba(216, 222, 233, 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(46, 57, 76, 0.6); color: rgba(216, 222, 233, 0.5); box-shadow: none; } .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { background: rgba(46, 57, 76, 0.5); color: rgba(216, 222, 233, 0.5); box-shadow: none; } .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { background: rgba(46, 57, 76, 0.8); color: rgba(216, 222, 233, 0.5); box-shadow: none; } .info, .info:backdrop { color: #8CA1A5; background-color: transparent; } .warning, .warning:backdrop { color: #e65b66; background-color: transparent; } .question, .question:backdrop { color: #79B4B7; background-color: transparent; } .error, .error:backdrop { color: #ff3d9f; 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: #e65b66; background-color: #e65b66; } levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #8CA1A5; background-color: #8CA1A5; } levelbar > trough > block.full { border-color: #58a1a5; background-color: #58a1a5; } levelbar > trough > block.empty { background-color: #3b4a62; border-color: #3b4a62; } /********* * Links * *********/ *:link, button:link, button:visited { color: #5e81ac; } *:link:visited, button:visited { color: rgba(94, 129, 172, 0.5); } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { color: #ebcbe5; } *:link:hover, button:hover:link, button:hover:visited { color: #809bbd; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: #faf2f9; } *:link:active, button:active:link, button:active:visited { color: #5e81ac; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #f5e5f2; } *: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: #cd7ebf; } *:link:selected, button:selected:link, button:selected:visited, *:selected *:link, *:selected button:link, *:selected button:visited { color: #f5e5f2; } 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: #d8dee9; background-color: #2e394c; border-color: #1d232f; } list:backdrop, listview:backdrop { background-color: #303b4f; border-color: #1e2531; } list.horizontal row.separator, list.separators.horizontal > row:not(.separator), listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator) { border-left: 1px solid #1d232f; } 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 #1d232f; } row:hover { transition: none; } row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(216, 222, 233, 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(205, 126, 191, 0.5); } row.activatable:selected:backdrop { background-color: rgba(205, 126, 191, 0.6); } columnview > listview > row { padding: 0; } columnview > listview > row > cell { padding: 2px 6px; } columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } columnview.column-separators > listview > row > cell { border-left-color: #1d232f; } 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 #1d232f; } columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #cd7ebf; } columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(205, 126, 191, 0.6); color: transparent; } columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: #cd7ebf; color: #d8dee9; } /******************************************************* * 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: #202835; color: #d8dee9; 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 #cd7ebf; } menubar > item:disabled, .menubar > item:disabled { color: #818997; box-shadow: none; } menu, .menu, .context-menu { margin: 4px; padding: 2px 0px; background: #272F3F; border-radius: 5px; font: initial; } .csd menu, .csd .menu, .csd .context-menu { border: none; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #2f394d; } 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: #fff; background-color: #cd7ebf; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #818997; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #475673; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #818997; 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: #2d384a; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #3f4a5c; -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 #3f4a5c; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #3f4a5c; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #2f394d; } 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-color: transparent; } /******** * Misc * ********/ .content-view { background-color: #1c222e; } .content-view:hover { -gtk-icon-filter: brightness(1.2); } .content-view:backdrop { background-color: #1c222e; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { background-color: rgba(216, 222, 233, 0.1); border-radius: 5px; } /************ * Assistant * *************/ assistant { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } assistant .sidebar { background-color: #2e394c; border-top: 1px solid #1d232f; border-bottom-left-radius: 4px; } assistant .sidebar:backdrop { background-color: #303b4f; border-color: #1e2531; } 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: #4d5565; } /************* * Notebooks * *************/ notebook > header { padding: 1px; border-color: #1d232f; border-width: 1px; background-color: #242d3c; } notebook > header:backdrop { border-color: #1e2531; background-color: #2a3344; } 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-color: #2e394c; } notebook > header.top > tabs > tab:checked:hover { background-color: #2e394c; } 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-color: #2e394c; box-shadow: -1px 0 0 #1d232f, 0px 1px 0 #1d232f, 1px 0 0 #1d232f; } 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-color: #2e394c; box-shadow: 0px 1px 0 #1d232f, 0px -1px 0 #1d232f, 0px 1px 0 #1d232f; } 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-color: #2e394c; box-shadow: 0px 1px 0 #1d232f, 0px -1px 0 #1d232f, 1px 0 0 #1d232f; } 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 { 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: 24px; min-width: 24px; padding: 1px 12px; outline-offset: -5px; color: #818997; font-weight: normal; border-width: 1px; border-color: transparent; } notebook > header tab:hover { color: #adb4c0; } notebook > header tab:hover.reorderable-page { border-color: rgba(29, 35, 47, 0.3); background-color: rgba(42, 51, 68, 0.2); } notebook > header tab:backdrop { color: #5e6776; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { color: #d8dee9; box-shadow: -1px 0 0 #1d232f, 0px -1px 0 #1d232f, 1px 0 0 #1d232f; } notebook > header tab:checked.reorderable-page { border-color: rgba(29, 35, 47, 0.5); background-color: rgba(42, 51, 68, 0.5); } notebook > header tab:checked.reorderable-page:hover { background-color: rgba(42, 51, 68, 0.7); } notebook > header tab:backdrop:checked { color: #818997; } notebook > header tab:backdrop:checked.reorderable-page { border-color: #1e2531; background-color: #303b4f; } 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: #FF56AC; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { background: transparent; border: none; 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: 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: 1px; } notebook > header.bottom tab { padding-top: 1px; } notebook > stack:not(:only-child) { background-color: #2e394c; } notebook > stack:not(:only-child):backdrop { background-color: #303b4f; } tabbar:backdrop .box > scrolledwindow, tabbar:backdrop .box > .start-action, tabbar:backdrop .box > .end-action { filter: opacity(1); } tabbar tabbox { background-color: #242d3c; padding: 0px; color: #d8dee9; } 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: #FF56AC; } tabbar tabbox > tab:checked, tabbar tabbox > tab:selected, tabbar tabbox > tabboxchild > tab:checked, tabbar tabbox > tabboxchild > tab:selected { background-color: #2e394c; } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#1d232f); background-size: 1px 1px; } paned > separator:selected { background-image: image(#cd7ebf); } paned > separator:backdrop { background-image: image(#1e2531); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #2a3344; background-image: image(#1d232f), image(#1d232f); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #2a3344; background-image: image(#1e2531), image(#1e2531); } 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-color: transparent; font: initial; } popover.background > arrow, popover.background > contents { background-color: #272F3F; background-clip: padding-box; border: 1px solid #1d232f; box-shadow: 0 4px 6px #1d232f; color: #d8dee9; } 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: #212835; 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: #2e394c; } /********************** * Popover Base Menus * **********************/ popover.menu { padding: 0; } popover.menu box.inline-buttons { padding: 0 12px; } popover.menu box.inline-buttons button.image-button.model { 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: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; } popover.menu box.inline-buttons button.image-button.model:selected { background: image(#343f54); } 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: #343f54; border-color: #343f54; } popover.menu > arrow, popover.menu.background > contents { background-color: #272F3F; color: #d8dee9; 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: #1d232f; } popover.menu radio:active { border-color: rgba(29, 35, 47, 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: #d8dee9; background-color: #343f54; } popover.menu modelbutton:selected:active, popover.menu.background > contents .view row:selected:active, popover.menu.background > contents iconview row:selected:active { background-color: #475673; } popover.menu label.title { font-weight: bold; padding: 4px 32px; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; color: rgba(216, 222, 233, 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; } 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-color: #8CA1A5; border-radius: 3px; margin: 0; } progressbar progress:disabled, scale highlight:disabled { border: none; background-color: rgba(255, 255, 255, 0.14); } progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { border-color: #9aadb0; background-color: #9aadb0; } 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: 2px; } scale.vertical trough, scale.vertical progress { min-width: 2px; } scale slider { min-height: 16px; min-width: 16px; margin: -7px; background-color: #2e394c; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 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: #8CA1A5; } scale slider:active:disabled { background-color: #2c3547; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.05); } 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: #1d232f; } scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; } .osd scale fill { background-color: #4c525e; } .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; } scale slider { border-color: #f1f1f1; border: none; border-radius: 12px; background-color: #f1f1f1; } scale slider:active { border-color: #bf59ad; } scale slider:disabled { background-color: #b2b2b2; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } scale slider:backdrop, scale slider:backdrop:disabled { transition: 200ms ease-out; background-color: #b2b2b2; 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: #bf59ad; } .osd scale slider { color: #d8dee9; border-color: #1d232f; background-color: rgba(33, 40, 54, 0.93); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(216, 222, 233, 0.3); border-color: #171c26; background-color: #f1f1f1; } .osd scale slider:hover { color: white; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(216, 222, 233, 0.3); background-color: #f1f1f1; } .osd scale slider:active { color: white; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); background-clip: padding-box; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(216, 222, 233, 0.3); background-color: #f1f1f1; } .osd scale slider:disabled { color: #7d8390; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #f1f1f1; } .osd scale slider:backdrop { color: #d8dee9; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(178, 178, 178, 0.5), rgba(178, 178, 178, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #b2b2b2; } .osd scale slider:backdrop:disabled { background-color: #f1f1f1; } 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: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:hover { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:active { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:disabled { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:hover { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:active { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:disabled { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:hover { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:active { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:disabled { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:hover { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:active { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:disabled { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { min-height: 16px; min-width: 16px; margin: -7px; border: none; border-radius: 50%; background-color: #f1f1f1; box-shadow: none; } 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(#1d232f); 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: #2c3648; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } scrollbar.top { border-bottom: 1px solid #1d232f; } scrollbar.bottom { border-top: 1px solid #1d232f; } scrollbar.left { border-right: 1px solid #1d232f; } scrollbar.right { border-left: 1px solid #1d232f; } scrollbar:backdrop { background-color: #242c3b; border-color: #1e2531; 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: #929aa7; } scrollbar slider:hover { background-color: #b5bcc8; } scrollbar slider:hover:active { background-color: #dba3d1; } scrollbar slider:backdrop { background-color: #4d5565; } 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: #d8dee9; border: 1px solid black; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #d8dee9; 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: #929aa7; } 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: #b5bcc8; } 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: #dba3d1; } 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(146, 154, 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: #4d5565; } 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(77, 85, 101, 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 #1d232f; margin-top: -1px; } /*********** * Sidebar * ***********/ .sidebar { border-style: none; border-width: 0; background-color: #2c3648; } .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 #1d232f; border-right-style: none; } .sidebar:backdrop { background-color: #2d374a; border-color: #1e2531; } .sidebar row { padding: 8px 12px; transition: all .12s ease-in; } .sidebar row label { color: #98abb2; } .sidebar row:selected { color: #fff; } .sidebar row:selected:backdrop { color: rgba(255, 255, 255, 0.5); background: rgba(205, 126, 191, 0.6); } .sidebar row:selected:backdrop label { color: #fff; } .sidebar row:selected label { color: #fff; } .sidebar.source-list { background: #212836; 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 { padding-left: 4px; background: #cd7ebf; color: #fff; } .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(205, 126, 191, 0.9); } .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { background-color: rgba(205, 126, 191, 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(42, 51, 68, 0.4); } 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: #1d232f; } 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: #212836; } placessidebar.sidebar row.sidebar-row, .nautilus-window .navigation-sidebar row.sidebar-row { border-radius: 5px; padding: 1px 11px; } placessidebar.sidebar row.sidebar-row label, .nautilus-window .navigation-sidebar row.sidebar-row label { 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: 7px; padding-left: 14px; padding-right: 7px; color: #98abb2; } placessidebar.sidebar row.sidebar-row:hover, .nautilus-window .navigation-sidebar row.sidebar-row:hover { background: #2f384c; } placessidebar.sidebar row.sidebar-row:selected, .nautilus-window .navigation-sidebar row.sidebar-row:selected { border-left: 2px solid #f8ab95; } placessidebar.sidebar row.sidebar-row:selected, placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window .navigation-sidebar row.sidebar-row:selected, .nautilus-window .navigation-sidebar row.sidebar-row:selected label { color: #fff; } placessidebar.sidebar row.sidebar-row:selected, placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window .navigation-sidebar row.sidebar-row:selected, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop { background: linear-gradient(to right, #f8ab95, #ee73c8, #2f384c 40px, #2f384c 97%); } placessidebar.sidebar row.sidebar-row:selected:backdrop, placessidebar.sidebar row.sidebar-row:selected:backdrop label, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop label { color: rgba(255, 255, 255, 0.5); } placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop .sidebar-icon { -gtk-icon-shadow: none; } 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: #F3D88E; } 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 #a3be8c, inset 0 -1px #a3be8c; } 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: #a3be8c; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected { background: #a3be8c; } 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: #fff; } placessidebar.sidebar list, placessidebar.sidebar list:backdrop, .nautilus-window .navigation-sidebar list, .nautilus-window .navigation-sidebar list:backdrop { background-color: #212836; } /***************** * 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: #c7ced9; background-image: none; border-style: none none none solid; border-color: rgba(29, 35, 47, 0.3); border-radius: 0; box-shadow: none; } 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: #d8dee9; background-color: #41516c; } spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(129, 137, 151, 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: #475875; box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); color: #fff; } 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 3px 3px 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: 3px 0 0 3px; } .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.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: #d8dee9; border-style: none none none solid; border-color: rgba(29, 35, 47, 0.7); 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 { 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: #d8dee9; border-color: rgba(29, 35, 47, 0.5); background-color: rgba(14, 16, 22, 0.93); -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 { 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: #7d8390; border-color: rgba(29, 35, 47, 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 3px 3px 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: 3px 0 0 3px; } spinbutton.vertical:disabled { color: #818997; } 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(205, 126, 191, 0.6); color: transparent; } spinbutton.vertical > text > selection:focus-within { background-color: #cd7ebf; color: #d8dee9; } 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: #d8dee9; border-color: #1d232f; background-color: rgba(33, 40, 54, 0.93); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(216, 222, 233, 0.3); } .osd spinbutton.vertical > button:first-child:hover { color: white; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(216, 222, 233, 0.3); } .osd spinbutton.vertical > button:first-child:active { color: white; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); background-clip: padding-box; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(216, 222, 233, 0.3); } .osd spinbutton.vertical > button:first-child:disabled { color: #7d8390; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 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: #cd7ebf; } /********************* * 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; font-weight: bold; outline-offset: -4px; transition: all 200ms ease-in; border: none; border-radius: 14px; color: transparent; padding: 2.3px 0px; background-color: #4b5d7c; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(0, 0, 0, 0.1); } switch:disabled { background-color: #2c3547; } switch:backdrop { background-color: #2a3344; transition: 200ms ease-out; } switch:backdrop:disabled { background-color: #2c3547; } switch:active, switch:checked { background-color: #cd7ebf; } switch:active:backdrop, switch:checked:backdrop { background-color: rgba(205, 126, 191, 0.6); } switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { box-shadow: none; background-color: rgba(46, 57, 76, 0.9); border: none; } switch slider { padding: 2px; margin: 0 2.3px; min-width: 12px; min-height: 12px; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #2e394c; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } switch slider:backdrop { padding: 2px; box-shadow: none; background-color: #2e394c; } switch trough:active, switch trough:checked { background-color: #cd7ebf; } switch trough:active:backdrop, switch trough:checked:backdrop { background-color: rgba(205, 126, 191, 0.6); } /************ * Toolbars * ************/ toolbar, .inline-toolbar, searchbar > revealer > box { padding: 4px; background-color: #2a3344; } toolbar { padding: 4px 3px 3px 4px; } .osd toolbar { background-color: transparent; } toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(33, 40, 54, 0.93); } 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: 3px; } .inline-toolbar, searchbar > revealer > box { border-style: solid; border-color: #1d232f; background-color: #262e3e; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop { border-color: #1e2531; background-color: #262e3d; box-shadow: none; transition: 200ms ease-out; } searchbar { background: #2e394c; } /************ * Tooltips * ************/ tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } tooltip.background { background-color: rgba(33, 40, 54, 0.93); background-clip: padding-box; border: 1px solid #1d232f; } tooltip decoration { background-color: transparent; } tooltip * { padding: 4px; background-color: transparent; color: white; } columnview.view, treeview.view { border-left-color: #1d232f; border-top-color: #1d232f; } columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: #FF56AC; } columnview.view:disabled, treeview.view:disabled { color: #818997; } columnview.view:disabled:selected, treeview.view:disabled:selected { color: #e1b2d9; } columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: rgba(211, 142, 199, 0.85); } columnview.view.separator, treeview.view.separator { min-height: 2px; color: #1d232f; } columnview.view:backdrop, treeview.view:backdrop { border-left-color: #3f495b; border-top: #3f495b; } 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: #bf59ad; } 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: #a5adba; } 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: #d8dee9; } columnview.view.expander:selected, treeview.view.expander:selected { color: #f0d8ec; } columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #fff; } 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 #bf59ad; border-radius: 4px; background-color: #cd7ebf; background-image: linear-gradient(to bottom, #cd7ebf, #bf59ad); 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(#2e394c); } columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #303b4f; } columnview.view.trough, treeview.view.trough { background-color: rgba(216, 222, 233, 0.1); } columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #bf59ad; } columnview.view > header > button, treeview.view > header > button { color: #c6cedd; background-color: #2e394c; font-weight: bold; text-shadow: none; box-shadow: none; } columnview.view > header > button:hover, treeview.view > header > button:hover { color: #cfd6e3; box-shadow: none; transition: none; } columnview.view > header > button:active, treeview.view > header > button:active { color: #d8dee9; 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: #FF56AC; background-image: none; background-color: #cd7ebf; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #2e394c; text-shadow: none; transition: none; } columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #cd7ebf; } 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: #1d232f; border-radius: 0; text-shadow: none; } columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #2a3344; 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; } 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: 12px; 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 #1d232f; border-radius: 0; box-shadow: inset 0 0 0 4px #1d232f, inset 0 0 0 3px #202835, inset 0 1px rgba(216, 222, 233, 0.07); } window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #1d232f, inset 0 0 0 3px #2a3344, inset 0 1px rgba(216, 222, 233, 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.4807843137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4807843137); } 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: #cd7ebf; } 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: #fff; 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: #e6bfdf; } 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(255, 255, 255, 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(211, 142, 199, 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: rgba(13, 16, 21, 0.95); background-clip: border-box; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); border: 1px solid #1d232f; } .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: #d8dee9; border: none; background: transparent; } .budgie-popover button:hover, .budgie-popover.background button:hover { color: #cd7ebf; } .budgie-popover > .container { padding: 2px; } .budgie-menu { color: #d8dee9; } .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 #1d232f; border-radius: 0; font-size: 120%; box-shadow: none; color: #d8dee9; } .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 #1d232f; } .budgie-menu .categories:dir(rtl) { border-left: 1px solid #1d232f; } .budgie-menu .category-button { padding: 7px; border-radius: 2px 0 0 2px; } .budgie-menu .category-button:hover { background-color: rgba(216, 222, 233, 0.05); color: #d8dee9; } .budgie-menu .category-button:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } .budgie-menu .category-button:checked { color: #fff; background: #79B4B7; } .budgie-menu .category-button:checked:hover { color: rgba(255, 255, 255, 0.6); } .budgie-menu .category-button:checked:disabled { opacity: 0.5; } .budgie-menu .category-button:checked:disabled label { color: rgba(255, 255, 255, 0.7); } .budgie-menu scrollbar { background-color: transparent; border-color: #1d232f; } .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(216, 222, 233, 0.7); } button.budgie-menu-launcher { padding: 0 2px; color: #d8dee9; box-shadow: none; background-color: transparent; } button.budgie-menu-launcher:hover { color: #d8dee9; } button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { color: #d8dee9; } button.budgie-menu-launcher:backdrop { color: #d8dee9; background-color: transparent; } button.budgie-menu-launcher:backdrop:hover { color: #d8dee9; } button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { color: #cd7ebf; box-shadow: none; background-color: #2d384a; } .user-menu .content-box separator { margin-left: 6px; margin-right: 6px; background-color: rgba(216, 222, 233, 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: #cd7ebf; 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: #fff; } .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: #fff; } .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: #d8dee9; box-shadow: none; } button.raven-trigger:hover { color: #d8dee9; background-color: transparent; } button.raven-trigger:active, button.raven-trigger:checked { box-shadow: none; background-color: transparent; color: #cd7ebf; } button.raven-trigger:backdrop { color: #d8dee9; } button.raven-trigger:backdrop:hover { color: #d8dee9; } button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { box-shadow: none; color: #cd7ebf; 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(29, 35, 47, 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(216, 222, 233, 0.04); border-bottom: 1px solid rgba(29, 35, 47, 0.95); } .places-menu .unlock-area { border-top: 1px solid rgba(29, 35, 47, 0.85); border-bottom: 1px solid rgba(29, 35, 47, 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(29, 35, 47, 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: #d8dee9; background-color: rgba(13, 16, 21, 0.95); background-image: none; box-shadow: none; border: none; transition: all 150ms ease-in; } .budgie-panel .alert { color: #FF56AC; } .budgie-panel:backdrop { color: #d8dee9; background-color: rgba(13, 16, 21, 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: #cd7ebf; } .budgie-panel popover list, .budgie-panel popover row { padding: 0; margin: 0; } .budgie-panel label { color: #d8dee9; font-weight: 700; } .budgie-panel.transparent { background-color: rgba(13, 16, 21, 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.transparent:backdrop, .budgie-panel.transparent label, .budgie-panel.transparent button.raven-trigger:backdrop, .budgie-panel.transparent button.budgie-menu-launcher { color: #f9fafb; } .budgie-panel .end-region { border-radius: 0px; } .budgie-panel .end-region separator { background-color: rgba(216, 222, 233, 0.15); } .budgie-panel .end-region label { font-weight: 700; color: #d8dee9; } .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(13, 16, 21, 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(13, 16, 21, 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 #cd7ebf; } .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 #cd7ebf; } .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 #cd7ebf; } .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 #cd7ebf; } .top .budgie-panel { border-bottom: 1px solid rgba(19, 23, 31, 0.92); } .top .raven-frame { padding: 0; background: none; } .top .raven-frame border { border: none; border-bottom: 1px solid rgba(29, 35, 47, 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(19, 23, 31, 0.92); } .bottom .raven-frame { padding: 0; background: none; } .bottom .raven-frame border { border: none; border-top: 1px solid rgba(29, 35, 47, 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(19, 23, 31, 0.92); } .left .raven-frame { padding: 0; background: none; } .left .raven-frame border { border: none; border-right: 1px solid rgba(29, 35, 47, 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(19, 23, 31, 0.92); } .right .raven-frame { padding: 0; background: none; } .right .raven-frame border { border: none; border-left: 1px solid rgba(29, 35, 47, 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: #FF56AC; background: rgba(13, 16, 21, 0.95); transition: 170ms ease-out; } .raven .raven-header { min-height: 32px; color: #d8dee9; border: solid rgba(29, 35, 47, 0.95); border-width: 1px 0; background-color: rgba(42, 52, 69, 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: #c66cb6; box-shadow: none; } .raven .raven-header > button.text-button { border-radius: 2px; color: #fff; background-color: rgba(255, 61, 159, 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: #fff; background-color: rgba(255, 86, 172, 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: #fff; background-color: rgba(255, 112, 185, 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: #d8dee9; border-radius: 4px; text-shadow: none; box-shadow: none; border: 1px solid #1d232f; background-color: #2a3445; border-radius: 0; } .raven .raven-header button:hover { color: #cd7ebf; text-shadow: none; background-color: rgba(46, 57, 76, 0.7); border-radius: 0; } .raven .raven-header button:active, .raven .raven-header button:checked { color: #cd7ebf; background-color: #232a39; } .raven .raven-header button:disabled { color: #818997; } .raven list { color: #d8dee9; background-color: transparent; } .raven list:selected { background-color: rgba(205, 126, 191, 0.9); } .raven list row, .raven list row.activatable { background-color: transparent; } .raven list row:hover, .raven list row.activatable:hover { background-color: rgba(42, 52, 69, 0.25); } .raven list row:selected, .raven list row.activatable:selected { background-color: rgba(205, 126, 191, 0.9); } .raven .raven-background { color: #d8dee9; 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: #A572A4; color: #fff; 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(165, 114, 164, 0.85); color: #fff; } .raven .powerstrip button.image-button:active { background: #A572A4; color: #fff; } .raven .powerstrip button.image-button:first-child { background: #79B4B7; } .raven .powerstrip button.image-button:first-child:hover { background: rgba(205, 126, 191, 0.85); } .raven .powerstrip button.image-button:first-child:active { background: #cd7ebf; } .raven .powerstrip button.image-button:last-child { background: #FF56AC; } .raven .powerstrip button.image-button:last-child:hover { background: rgba(255, 86, 172, 0.85); } .raven .powerstrip button.image-button:last-child:active { background: #FF56AC; } .raven .option-subtitle { font-size: 13px; } calendar.raven-calendar { padding: 6px; color: #d8dee9; background: transparent; border-color: transparent; } calendar.raven-calendar:indeterminate { color: alpha(currentColor,0.3); } calendar.raven-calendar:selected { background: transparent; color: #c76fb8; font-weight: bold; } calendar.raven-calendar:backdrop { background-color: transparent; } calendar.raven-calendar.header { color: #d8dee9; 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: #d8dee9; background-color: transparent; } .raven-mpris { color: #d8dee9; background-color: rgba(23, 27, 36, 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: #2e394c; 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: #cd7ebf; } .raven-mpris button.image-button:active { background-color: #c66cb6; } .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: #cd7ebf; color: #fff; border: none; } .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { background-color: #c66cb6; 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: #c66cb6; } .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: #d8dee9; } .budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { color: rgba(216, 222, 233, 0.7); } .budgie-notification button, .budgie-osd button, .budgie-switcher button { background-color: transparent; color: #fff; } .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { background-color: transparent; color: #FF56AC; 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: #ff3d9f; } .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { color: #d8dee9; background-color: rgba(42, 51, 68, 0.95); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; } .budgie-switcher-window flowbox { color: #d8dee9; } .budgie-switcher-window flowboxchild { padding: 3px; margin: 3px; color: #d8dee9; } .budgie-switcher-window flowboxchild:hover { background-color: transparent; } .budgie-switcher-window flowboxchild:active { color: #d8dee9; } .budgie-switcher-window flowboxchild:selected { color: #fff; background-color: rgba(205, 126, 191, 0.5); } .budgie-switcher-window flowboxchild:selected:active { color: #fff; } .budgie-switcher-window flowboxchild:selected:hover { background-color: #b971ac; } .budgie-switcher-window flowboxchild:selected:disabled { color: rgba(255, 255, 255, 0.7); background-color: rgba(205, 126, 191, 0.7); } .budgie-switcher-window flowboxchild:selected:disabled label { color: rgba(255, 255, 255, 0.7); } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { color: #d8dee9; background-color: rgba(13, 16, 21, 0.95); } .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { color: rgba(216, 222, 233, 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: #1d232f; border-radius: 0; color: #d8dee9; 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; background: transparent; } .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { background-color: rgba(205, 126, 191, 0.9); color: #fff; } .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(205, 126, 191, 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(212, 144, 200, 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(212, 144, 200, 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(255, 35, 147, 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(255, 61, 159, 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(255, 61, 159, 0.9); } .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { background-color: #505359; color: #d8dee9; } .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(216, 222, 233, 0.7); } .budgie-polkit-dialog .failure { color: #FF56AC; } .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: #d8dee9; } .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(13, 16, 21, 0.95); } .budgie-menubar menu menuitem:hover { background-color: #cd7ebf; color: #fff; } .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(53, 61, 74, 0.928); } .budgie-menubar arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); border-top: 1px solid rgba(53, 61, 74, 0.928); } .budgie-menubar menuitem accelerator { color: rgba(216, 222, 233, 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(13, 16, 21, 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(32, 40, 53, 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(3, 4, 5, 0.95); } .workspace-switcher .workspace-add-button { border: none; background: transparent; } .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: #cd7ebf; } .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { color: #cd7ebf; } .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(40, 50, 66, 0.95); } .nautilus-window .sidebar .list-row button:active { background-color: rgba(205, 126, 191, 0.75); } .nautilus-window .sidebar .list-row:selected { background-color: rgba(205, 126, 191, 0.75); } .nautilus-window .sidebar .list-row:selected:hover { background-color: rgba(205, 126, 191, 0.9); } .nautilus-window .sidebar .list-row:hover { background-color: rgba(46, 57, 76, 0.5); } .nautilus-window .sidebar .list-row:hover:active { background-color: rgba(205, 126, 191, 0.9); } .nautilus-window #NautilusPathBar { margin-top: 7px; margin-bottom: 7px; color: #d8dee9; border-radius: 4px; text-shadow: none; box-shadow: none; border: 1px solid #1d232f; background-color: #2a3445; } .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 .titlebar .horizontal > .subtitle, .titlebar .nautilus-window #NautilusPathBar button .horizontal > .subtitle, .nautilus-window #NautilusPathBar button headerbar .horizontal > .subtitle, headerbar .nautilus-window #NautilusPathBar button .horizontal > .subtitle { color: #d8dee9; padding: 3px 12px; margin: 0; border-right: 1px solid #1d232f; } .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: #d8dee9; outline-color: rgba(216, 222, 233, 0.3); background: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8) left bottom #2f384c no-repeat; background-size: 100% 1.5px; text-shadow: none; } .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 { color: #d8dee9; outline-color: rgba(216, 222, 233, 0.3); background: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8) left bottom #2f384c no-repeat; background-size: 100% 1.5px; text-shadow: none; padding: 1px 12px; } .nautilus-window #NautilusPathBar .current-dir image { background-color: #2f384c; box-shadow: 0px -1.5px inset #f8ab95; } .nautilus-window #NautilusPathBar button.current-dir:only-child image { margin-right: -6px; padding: 0px 0px 0px 12px; border-radius: 4px 0px 0px 4px; } .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 > menubutton > button image { color: #fff; } .nautilus-window #NautilusQueryEditor > text, .nautilus-window #NautilusQueryEditor > image { margin: 0; } .nautilus-window notebook > stack:only-child { background-color: #2e394c; } .nautilus-window notebook > stack:only-child:backdrop { background-color: #303b4f; } .nautilus-window searchbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } .nautilus-window .searchbar-container { margin-top: -1px; } .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: #d8dee9; } .nautilus-desktop .nautilus-canvas-item { border-radius: 5px; color: #ffffff; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop .nautilus-canvas-item:active { color: #d8dee9; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:hover { color: #d8dee9; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:selected { color: #fff; 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: #fff; } .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: #fff; } /********* * Gedit * *********/ .gedit-search-slider { padding: 4px; border-radius: 0 0 3px 3px; border: 0; background-color: #2a3344; } /********* * 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: #cd7ebf; } /******************* * Calendar events * ********************/ .color-light.timed label, .color-light .event-popover label { color: #d8dee9; opacity: 1; } .color-light label { color: #2a3344; opacity: 1; } /******** * Gala * *******/ .gala-notification { border-width: 0; border-radius: 2px; color: white; border: 1px solid #2e394c; background-color: #2e394c; } .gala-notification .title, .gala-notification .label { color: #d8dee9; } .gala-button { padding: 3px; color: #2e394c; 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(46, 57, 76, 0.05); } /*************** * SwitchBoard * ***************/ .category-label { font-weight: bold; color: #d8dee9; } /************* * 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(205, 126, 191, 0.3); color: white; } .button.app .app:focus { /*background-color: transparentize(black, 0.20);*/ } .search-item { border-radius: 0; border: none; color: #d8dee9; background: none; } .search-item:hover, .search-item:focus { border-radius: 0; background-color: rgba(205, 126, 191, 0.3); color: #fff; } .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: #d8dee9; } /********* * Panel * ********/ .composited-indicator > revealer, .composited-indicator > revealer image, .composited-indicator > revealer label, .composited-indicator > revealer spinner { color: #d8dee9; 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: #1a202b; } .card { background-color: #2e394c; 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: #242d3c; 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: #2a3344; 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: #d8dee9; } /********* * 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 bars**/ .sidebar .source-list.view.level-bar, .sidebar iconview.source-list.level-bar, .sidebar .source-list.view.level-bar:selected, .sidebar iconview.source-list.level-bar:selected, .sidebar .source-list.view.level-bar:selected:focus, .sidebar iconview.source-list.level-bar:selected:focus { background: linear-gradient(to right, #3e4b65, #3e4b65); border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); border-radius: 2px; } .sidebar .source-list.view.level-bar.fill-block, .sidebar iconview.source-list.level-bar.fill-block { border: none; } .sidebar .source-list.view.fill-block, .sidebar iconview.source-list.fill-block, .sidebar .source-list.view.fill-block:hover, .sidebar iconview.source-list.fill-block:hover, .sidebar .source-list.view.fill-block:selected, .sidebar iconview.source-list.fill-block:selected, .sidebar .source-list.view.fill-block:selected:focus, .sidebar iconview.source-list.fill-block:selected:focus { background: linear-gradient(to right, #F3D88E, #F3D88E); } /************************** * Colors in context menu * **************************/ checkbutton.color-button { border: 1px solid #1d232f; 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: #2e394c; -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); } .xfce4-panel.panel { background-color: #272f3f; text-shadow: none; -gtk-icon-shadow: none; } #tasklist-button { color: rgba(216, 222, 233, 0.8); border-radius: 0; border: none; background-color: rgba(39, 47, 63, 0); } #tasklist-button:hover { color: #f9fafb; 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 #cd7ebf; } .xfce4-panel.panel button.flat:not(.open_group) { color: #d8dee9; border-radius: 0; border: none; background-color: rgba(39, 47, 63, 0); } .xfce4-panel.panel button.flat:hover:not(.open_group) { border: none; background-color: #3b475f; } .xfce4-panel.panel button.flat:active:not(.open_group), .xfce4-panel.panel button.flat:checked:not(.open_group) { color: #fff; border: none; background-color: #cd7ebf; } .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: 3px; margin: 1px 2px; } #whiskermenu-window button:hover, #whiskermenu-window button:checked { background-color: #cd7ebf; } /* Vala-appmenu-plugin*/ .-vala-panel-appmenu-core scrolledwindow, .-vala-panel-appmenu-private > menuitem, .-vala-panel-appmenu-private > menuitem:first-child > label { color: #d8dee9; } /******** * 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: #818997; } .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: #1d232f; } /* Force Quit */ SheetStyleDialog.unity-force-quit { background-color: #2e394c; } @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: #cd7ebf; } MsdOsdWindow.background.osd { border-radius: 2px; border: 1px solid #1d232f; } MsdOsdWindow.background.osd .progressbar { background-color: #cd7ebf; border: none; border-color: #cd7ebf; border-radius: 5px; } MsdOsdWindow.background.osd .trough { background-color: rgba(23, 28, 38, 0.93); 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: #cd7ebf; color: #fff; } ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { background-color: rgba(205, 126, 191, 0.6); color: rgba(255, 255, 255, 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: #fff; border: 0px solid #bf59ad; } /*********** * LightDm * ***********/ #panel_window { background-color: #272f3f; color: #d8dee9; font-weight: bold; box-shadow: inset 0 -1px #191f29; } #panel_window .menubar, #panel_window .menubar > .menuitem menubar, #panel_window menubar > menuitem { background-color: transparent; color: #d8dee9; font-weight: bold; } #panel_window .menubar .menuitem:disabled, #panel_window menubar menuitem:disabled { color: rgba(216, 222, 233, 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: #d8dee9; } #content_frame { padding-bottom: 14px; background-color: #2a3344; 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: #d8dee9; background-color: #333e53; text-shadow: none; } #content_frame button:hover { color: #d8dee9; outline-color: rgba(216, 222, 233, 0.3); background-color: #2e394c; text-shadow: none; } #content_frame button:active, #content_frame button:checked { color: #d8dee9; outline-color: rgba(216, 222, 233, 0.3); background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); background-color: transparent; text-shadow: none; } #content_frame button:disabled { color: #b6bdca; border-color: rgba(29, 35, 47, 0.3); background-color: #2c3547; text-shadow: none; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #202835; 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: #d8dee9; border-color: #1d232f; background-color: rgba(33, 40, 54, 0.93); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(216, 222, 233, 0.3); } #buttonbox_frame button:hover { color: white; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(216, 222, 233, 0.3); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: white; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); background-clip: padding-box; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(216, 222, 233, 0.3); } #buttonbox_frame button:disabled { color: #7d8390; border-color: #1d232f; background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } #login_window #user_combobox { color: #d8dee9; 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(27, 33, 44, 0.7); } .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, .nemo-window .places-treeview iconview.cell:selected { background: #cd7ebf; color: #fff; } .nemo-window .sidebar { background-color: #212836; } .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { color: #98abb2; background-color: transparent; } .nemo-window .nemo-window-pane widget.entry { background-clip: padding-box; min-height: 28px; padding: 5px; color: #d8dee9; border: 1px solid #1d232f; 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: #cd7ebf; color: #fff; } .nemo-window toolbar.primary-toolbar { margin-bottom: -1px; background: #202835; } .nemo-window toolbar.primary-toolbar button { color: #d8dee9; border-radius: 4px; text-shadow: none; box-shadow: none; border: 1px solid #1d232f; background-color: #2a3445; min-height: 24px; padding: 3px; } .nemo-window toolbar.primary-toolbar button:hover { color: #fff; text-shadow: none; background-color: rgba(205, 126, 191, 0.7); } .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { color: #fff; outline-color: rgba(255, 255, 255, 0.3); background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); background-color: transparent; text-shadow: none; } .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop { color: rgba(255, 255, 255, 0.5); background-color: rgba(205, 126, 191, 0.6); text-shadow: none; box-shadow: none; } .nemo-window toolbar.primary-toolbar button:backdrop, .nemo-window toolbar.primary-toolbar button:disabled, .nemo-window toolbar.primary-toolbar button:backdrop:disabled { color: rgba(216, 222, 233, 0.2); background-color: #272F3F; text-shadow: none; box-shadow: none; } .nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, .nemo-window .nemo-inactive-pane iconview { background-color: #283242; } /* thunar */ .thunar toolbar { background-color: #202835; } /* buttons in toolbar */ .thunar toolbar.horizontal button image { -gtk-icon-transform: scale(0.72); } scrolledwindow.sidebar treeview.view { background: #1d232f; padding: 1.5px; } /* path-bar of thunar */ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button { color: #d8dee9; border-radius: 4px; text-shadow: none; box-shadow: none; border: 1px solid #1d232f; background-color: #2a3445; border-radius: 0; border-right: 0.5px solid #1d232f; box-shadow: none; min-height: 20px; padding: 3px 4px; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right-style: solid; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:only-child { border-radius: 4px; border-style: solid; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:hover { color: #cd7ebf; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:checked { color: #fff; outline-color: rgba(255, 255, 255, 0.3); background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); background-color: transparent; text-shadow: none; } window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .toggle.path-bar-button:hover { color: #fff; outline-color: rgba(255, 255, 255, 0.3); background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); background-color: transparent; text-shadow: none; } /* thunar sidepane */ window.thunar paned > scrolledwindow treeview.view:hover, window.thunar paned > scrolledwindow treeview.view:selected { background: rgba(205, 126, 191, 0.7); color: #fff; border-radius: 0; box-shadow: none; } .caja-notebook .entry { background: #2e394c; color: #d8dee9; } .caja-notebook .entry:selected { background: #cd7ebf; color: #fff; } /*# sourceMappingURL=gtk-dark.css.map */