From 5ad8a68fe913850b51978c19fbe5ce19a2b3c253 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Tue, 19 Jan 2021 14:40:57 +0100 Subject: [PATCH 01/30] GTK4: Add gtk4 theme with custom kali colors --- share/themes/Kali-Dark/gtk-4.0/gtk.css | 4315 ++++++++++++++++ share/themes/Kali-Light/gtk-4.0/gtk-dark.css | 4315 ++++++++++++++++ share/themes/Kali-Light/gtk-4.0/gtk.css | 4324 +++++++++++++++++ src/themes/Kali/sass/Makefile | 5 + src/themes/Kali/sass/gtk-4-dark.scss | 15 + src/themes/Kali/sass/gtk-4.scss | 15 + src/themes/Kali/sass/gtk-sass/_colors.scss | 7 + .../upstream-gtk-4/_colors-public.scss | 119 + .../sass/gtk-sass/upstream-gtk-4/_colors.scss | 74 + .../sass/gtk-sass/upstream-gtk-4/_common.scss | 4305 ++++++++++++++++ .../gtk-sass/upstream-gtk-4/_drawing.scss | 505 ++ .../Kali/sass/gtk-sass/upstream-gtk-4/sync.sh | 30 + 12 files changed, 18029 insertions(+) create mode 100644 share/themes/Kali-Dark/gtk-4.0/gtk.css create mode 100644 share/themes/Kali-Light/gtk-4.0/gtk-dark.css create mode 100644 share/themes/Kali-Light/gtk-4.0/gtk.css create mode 100644 src/themes/Kali/sass/gtk-4-dark.scss create mode 100644 src/themes/Kali/sass/gtk-4.scss create mode 100644 src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_colors-public.scss create mode 100644 src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_colors.scss create mode 100644 src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_common.scss create mode 100644 src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_drawing.scss create mode 100755 src/themes/Kali/sass/gtk-sass/upstream-gtk-4/sync.sh diff --git a/share/themes/Kali-Dark/gtk-4.0/gtk.css b/share/themes/Kali-Dark/gtk-4.0/gtk.css new file mode 100644 index 00000000..d4aa69c8 --- /dev/null +++ b/share/themes/Kali-Dark/gtk-4.0/gtk.css @@ -0,0 +1,4315 @@ +/*************************** + * Check and Radio buttons * + ***************************/ +/*************** + * Base States * + ***************/ +.background { + color: #eeeeec; + background-color: #23252e; } + .background:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +dnd { + color: #eeeeec; } + +.normal-icons { + -gtk-icon-size: 16px; } + +.large-icons { + -gtk-icon-size: 32px; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Every time a wildcard is used a kitten dies, painfully. +*/ +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); } + +.view, iconview, +textview > text { + color: white; + background-color: #272a34; } + .view:disabled, iconview:disabled, + textview > text:disabled { + color: #888a8d; + background-color: #242731; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + textview > text:selected:focus, + textview > text:selected { + border-radius: 3px; } + +textview:drop(active) { + caret-color: #19a187; } + +textview > border { + background-color: #252831; } + +iconview { + outline: 0 solid transparent; + outline-offset: 4px; } + +iconview:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + +iconview:drop(active) { + box-shadow: none; } + +iconview > dndtarget:drop(active) { + border-style: solid; + border-width: 1px; + border-color: #00348d; } + +rubberband, .content-view > rubberband, columnview.view > rubberband, +treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #005af3; + background-color: rgba(0, 90, 243, 0.2); } + +flowbox > flowboxchild { + padding: 3px; + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + flowbox > flowboxchild { + outline: 0 solid transparent; + outline-offset: 4px; } + flowbox > flowboxchild:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + flowbox > flowboxchild:selected { + outline-color: rgba(255, 255, 255, 0.3); } + +gridview > child { + padding: 3px; + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + gridview > child { + outline: 0 solid transparent; + outline-offset: 4px; } + gridview > child:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + gridview > child:selected { + outline-color: rgba(255, 255, 255, 0.3); } + gridview > child box { + border-spacing: 8px; + margin: 12px; } + +coverflow cover { + color: white; + background-color: #272a34; + border: 1px solid black; } + +label { + outline: 0 solid transparent; + outline-offset: 4px; } + +label:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + +label > selection { + background-color: #2777ff; + color: #ffffff; } + +label:disabled { + color: #888a8d; } + button label:disabled { + color: inherit; } + +label.error { + color: #bf1717; } + label.error:disabled { + color: rgba(191, 23, 23, 0.5); } + +.dim-label, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, +entry > text > placeholder, label.separator { + opacity: 0.55; + text-shadow: none; } + +window.assistant .sidebar { + padding: 5px; + border-top: 1px solid #0d0e11; } + +window.assistant.csd .sidebar { + border-top-style: none; } + +window.assistant .sidebar > label { + padding: 6px 12px; } + +window.assistant .sidebar > label.highlight { + background-color: #3b3e46; + border-radius: 5px; } + +window.aboutdialog image.large-icons { + -gtk-icon-size: 128px; } + +.osd .scale-popup, .app-notification, .osd popover.background > arrow, +.osd popover.background > contents, popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, popover.background.magnifier > arrow, +popover.background.magnifier > contents, +.osd { + color: white; + border: none; + background-color: #303340; + background-clip: padding-box; + -gtk-icon-shadow: 0 1px black; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + transform: rotate(1turn); } } + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +/********************** + * General Typography * + **********************/ +.large-title { + font-weight: 300; + font-size: 24pt; } + +.title-1 { + font-weight: 800; + font-size: 20pt; } + +.title-2 { + font-weight: 800; + font-size: 15pt; } + +.title-3 { + font-weight: 700; + font-size: 15pt; } + +.title-4 { + font-weight: 700; + font-size: 13pt; } + +.heading { + font-weight: 700; + font-size: 11pt; } + +.body { + font-weight: 400; + font-size: 11pt; } + +.caption-heading { + font-weight: 700; + font-size: 9pt; } + +.caption { + font-weight: 400; + font-size: 9pt; } + +/**************** + * Text Entries * + ****************/ +spinbutton.vertical > text, spinbutton:not(.vertical), +entry { + min-height: 32px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 5px; + border-spacing: 6px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: white; + border-color: #0d0e11; + background-color: #272a34; } + spinbutton.vertical > text, spinbutton:not(.vertical), + entry { + outline: 0 solid transparent; + outline-offset: 4px; } + spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), + entry:focus-within { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, + entry > image.left { + margin-right: 6px; } + spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, + entry > image.right { + margin-left: 6px; } + spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, + entry > text > block-cursor { + color: #272a34; + background-color: white; } + spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), + entry.flat:focus-within, + entry.flat:backdrop, + entry.flat:disabled, + entry.flat { + min-height: 0; + padding: 2px; + background-color: transparent; + border-color: transparent; + border-radius: 0; } + spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, + entry:focus-within > placeholder { + opacity: 0; + /* We hide placeholders on focus */ } + spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), + entry:disabled { + color: #888a8d; + border-color: #0d0e11; + background-color: #242731; } + spinbutton.vertical > text.error, spinbutton.error:not(.vertical), + entry.error { + color: #bf1717; } + spinbutton.vertical > text.error, spinbutton.error:not(.vertical), + entry.error { + outline: 0 solid transparent; + outline-offset: 4px; } + spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), + entry.error:focus-within { + outline-color: rgba(191, 23, 23, 0.5); + outline-width: 2px; + outline-offset: -2px; } + spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, + entry.error > selection { + background-color: #bf1717; } + spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), + entry.warning { + color: #fd7d00; } + spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), + entry.warning { + outline: 0 solid transparent; + outline-offset: 4px; } + spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), + entry.warning:focus-within { + outline-color: rgba(253, 125, 0, 0.5); + outline-width: 2px; + outline-offset: -2px; } + spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, + entry.warning > selection { + background-color: #fd7d00; } + spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, + entry > image { + color: #c6c7c7; } + spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, + entry > image:hover { + color: #eeeeec; } + spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, + entry > image:active { + color: #2777ff; } + spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, + entry.password image.caps-lock-indicator { + color: #75777c; } + spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus-within, + entry:drop(active) { + border-color: #19a187; + box-shadow: inset 0 0 0 1px #19a187; } + .osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { + color: white; + border-color: black; + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { + color: white; + border-color: #2777ff; + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; } + .osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { + color: #97999f; + border-color: black; + background-color: rgba(68, 72, 83, 0.5); + background-clip: padding-box; } + +spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, +entry > progress { + margin-bottom: 2px; } + +spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, +entry progress > trough > progress { + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #2777ff; + border-style: solid; + box-shadow: none; } + +spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .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) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { + border-left-color: #19a187; } + +spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + border-top-color: #1f222a; } + +spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { + border-top-color: #1f222a; } + +spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), +spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > entry + entry:drop(active):not(:only-child) { + border-top-color: #19a187; } + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), +spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, +.linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #19a187; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), +entry.error { + color: #bf1717; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { + background-color: #272a34; + transition-property: color, background; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #272a34; } + treeview entry.flat:focus-within, treeview entry:focus-within { + border-color: #2777ff; } + +/******************* + * Editable Labels * + *******************/ +editablelabel > stack > text { + color: white; + border-color: #0d0e11; + background-color: #272a34; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: radial-gradient(farthest-side, #74a7ff 0%, rgba(116, 167, 255, 0) 0%); } + to { + background-image: radial-gradient(farthest-side, #74a7ff 95%, rgba(116, 167, 255, 0)); } } + +notebook > header > tabs > arrow, windowcontrols button, +button { + min-height: 24px; + min-width: 16px; + padding: 4px 9px; + border: 1px solid; + border-radius: 5px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #eeeeec; + outline-color: rgba(39, 119, 255, 0.7); + border-color: #0d0e11; + background-image: linear-gradient(to top, #252831 2px, #272a34); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + notebook > header > tabs > arrow, windowcontrols button, + button { + outline: 0 solid transparent; + outline-offset: 4px; } + notebook > header > tabs > arrow:focus:focus-visible, + button:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + notebook > header > tabs > arrow:hover, + button:hover { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); + -gtk-icon-filter: brightness(1.2); } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #eeeeec; + border-color: #0d0e11; + background-image: image(#13151a); + box-shadow: none; + transition-duration: 50ms; } + notebook > header > tabs > arrow:checked:hover, + button:checked:hover { + color: #eeeeec; + border-color: #0d0e11; + background-image: image(#0d0e11); + box-shadow: none; } + notebook > header > tabs > arrow:checked:active, + button:checked:active { + color: #eeeeec; + border-color: #0d0e11; + background-image: image(#08090b); + box-shadow: none; } + notebook > header > tabs > arrow:backdrop, + button.flat:backdrop, + button:backdrop { + color: #888a8d; + border-color: #16171d; + background-image: image(#23252e); + box-shadow: none; + transition: 200ms ease-out; + -gtk-icon-filter: none; } + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button.flat:backdrop:active, + button.flat:backdrop:checked, + button:backdrop:active, + button:backdrop:checked { + color: #888a8d; + border-color: #16171d; + background-image: image(#1e2128); + box-shadow: none; } + notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop:disabled, + button:backdrop:disabled { + color: #43495a; + border-color: #16171d; + background-image: image(#242731); + box-shadow: none; } + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button.flat:backdrop:disabled:active, + button.flat:backdrop:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + color: #43495a; + border-color: #16171d; + background-image: image(#1e2128); + box-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#242731); } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#1a1c23); + box-shadow: none; } + button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + transition: none; } + button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, + button.flat:hover { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: #252831; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, + button.flat:active, + button.flat:checked { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: #1c1e25; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 5px; + padding-right: 5px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + dropdown:drop(active) button.combo, + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #19a187; + border-color: #19a187; + box-shadow: inset 0 0 0 1px #19a187; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #ffffff; + border-color: transparent; } + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #888a8d; } + + +button.osd { + min-width: 26px; + min-height: 32px; + color: white; + border-radius: 5px; + color: white; + outline-color: rgba(39, 119, 255, 0.7); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; + border: none; + box-shadow: none; } + + button.osd.image-button { + min-width: 30px; } + + button.osd.image-button:only-child { + margin: 4px; + border-radius: 50%; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + + button.osd:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#1a1c23); + background-clip: padding-box; + border: none; + box-shadow: none; } + + button.osd:active, + button.osd:checked { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; + border: none; + box-shadow: none; } + +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { + color: white; + outline-color: rgba(39, 119, 255, 0.7); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#1a1c23); + background-clip: padding-box; } + .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; } + .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; } + .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: none; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#1a1c23); + background-clip: padding-box; } + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; } + + +button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #0047c0; + background-image: linear-gradient(to top, #2274ff 2px, #2777ff); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + + button.suggested-action { + outline: 0 solid transparent; + outline-offset: 4px; } + + button.suggested-action:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); + outline-width: 2px; + outline-offset: -2px; } + + button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #2777ff; } + + button.suggested-action:hover { + color: white; + border-color: #0051da; + background-image: linear-gradient(to top, #136aff 20%, #186eff 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + + button.suggested-action:active, + button.suggested-action:checked { + color: white; + border-color: #0051da; + background-image: image(#005cf8); + box-shadow: none; } + + button.suggested-action.flat:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(39, 119, 255, 0.8); } + + button.suggested-action:disabled { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#242731); } + + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { + color: #a4bfeb; + border-color: #0051da; + background-image: image(#1c5ecd); + box-shadow: none; } + .osd button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: black; + background-color: transparent; + background-image: image(rgba(39, 119, 255, 0.5)); + background-clip: padding-box; } + .osd button.suggested-action:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(rgba(39, 119, 255, 0.7)); + background-clip: padding-box; } + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#2777ff); + background-clip: padding-box; + box-shadow: none; } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; } + + +button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #4b0909; + background-image: linear-gradient(to top, #a21313 2px, #a61414); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + + button.destructive-action { + outline: 0 solid transparent; + outline-offset: 4px; } + + button.destructive-action:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); + outline-width: 2px; + outline-offset: -2px; } + + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #a61414; } + + button.destructive-action:hover { + color: white; + border-color: #620c0c; + background-image: linear-gradient(to top, #941111 20%, #991212 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + + button.destructive-action:active, + button.destructive-action:checked { + color: white; + border-color: #620c0c; + background-image: image(#7d0f0f); + box-shadow: none; } + + button.destructive-action.flat:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(166, 20, 20, 0.8); } + + button.destructive-action:disabled { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#242731); } + + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked { + color: #c9a1a1; + border-color: #620c0c; + background-image: image(#791314); + box-shadow: none; } + .osd button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: black; + background-color: transparent; + background-image: image(rgba(166, 20, 20, 0.5)); + background-clip: padding-box; } + .osd button.destructive-action:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(rgba(166, 20, 20, 0.7)); + background-clip: padding-box; } + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#a61414); + background-clip: padding-box; + box-shadow: none; } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; } + +stackswitcher > button > label { + padding: 0 6px; + margin: 0 -6px; } + +stackswitcher > button > image { + padding: 3px 6px; + margin: -3px -6px; } + + +button.font separator { + background-color: transparent; } + + +button.font > box { + border-spacing: 6px; } + + +button.font > box > box > label { + font-weight: bold; } + + +button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; + border-radius: 9999px; } + + button.circular label { + padding: 0; } + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: radial-gradient(farthest-side, #74a7ff 96%, rgba(116, 167, 255, 0)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, + stackswitcher > button.needs-attention > image:backdrop { + background-size: 6px 6px, 0 0; } + stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), + stackswitcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), +combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), +combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, +.linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, +.linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, +.linked.vertical > dropdown:not(:first-child) > button, +.linked.vertical > colorbutton:not(:first-child) > button, +.linked.vertical > fontbutton:not(:first-child) > button, +.linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, +.linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, +.linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, +.linked.vertical > dropdown:not(:last-child) > button, +.linked.vertical > colorbutton:not(:last-child) > button, +.linked.vertical > fontbutton:not(:last-child) > button, +.linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + +.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, +list > row button.image-button:not(.flat), .toolbar button, modelbutton.flat { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 5px; } + modelbutton.flat:hover { + background-color: #3b3e46; } + modelbutton.flat:disabled { + color: #888a8d; } + +modelbutton.flat arrow { + background: none; + min-width: 16px; + min-height: 16px; + opacity: 0.3; } + modelbutton.flat arrow:hover { + background: none; } + modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } + +/* oldstyle toolbar buttons */ +.toolbar button { + margin: 1px; } + .toolbar button:hover { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + .toolbar button:active { + color: #eeeeec; + border-color: #0d0e11; + background-image: image(#13151a); + box-shadow: none; } + .toolbar button:disabled { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#242731); } + .toolbar button:backdrop { + color: #888a8d; + border-color: #16171d; + background-image: image(#23252e); + box-shadow: none; } + .toolbar button:backdrop:disabled { + color: #43495a; + border-color: #16171d; + background-image: image(#242731); + box-shadow: none; } + +button.color { + padding: 4px; } + button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { + border-radius: 0; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +popover.menu box.circular-buttons button.circular.image-button.model, +list > row button.image-button:not(.flat) { + border: 1px solid rgba(13, 14, 17, 0.5); } + popover.menu box.circular-buttons button.circular.image-button.model:hover, + list > row button.image-button:not(.flat):hover { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, + list > row button.image-button:not(.flat):active, + list > row button.image-button:not(.flat):checked { + color: #eeeeec; + border-color: #0d0e11; + background-image: image(#13151a); + box-shadow: none; } + +/********* + * Links * + *********/ +button.link, +link { + color: #8db7ff; + text-decoration: underline; } + button.link:visited, + link:visited { + color: #5a97ff; } + *:selected button.link:visited, *:selected link:visited { + color: #bdd5ff; } + button.link:hover, + link:hover { + color: #c0d7ff; } + *:selected button.link:hover, *:selected link:hover { + color: #f9fbff; } + button.link:active, + link:active { + color: #8db7ff; } + *:selected button.link:active, *:selected link:active { + color: #e8f1ff; } + button.link:disabled, + link:disabled { + color: rgba(198, 198, 198, 0.8); } + button.link:selected, *:selected button.link, + link:selected, *:selected link { + color: #e8f1ff; } + +link { + outline: 0 solid transparent; + outline-offset: 4px; } + +link:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + +button.link, button.link:hover, button.link:active, button.link:checked { + text-shadow: none; } + +button.link > label { + text-decoration: underline; } + +/***************** + * 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 */ } + .osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + padding: 6px; } + .osd spinbutton:not(.vertical) > text:backdrop:disabled, 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: #dadada; + background-image: none; + border-style: none none none solid; + border-color: rgba(13, 14, 17, 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: #eeeeec; + background-color: #181a20; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + color: rgba(136, 138, 141, 0.3); + background-color: transparent; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 5px 5px 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: 5px 0 0 5px; } + .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: none; + color: white; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.7); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) > button.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: none; + color: white; + border-color: rgba(0, 0, 0, 0.5); + background-color: #1a1c23; + -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: none; + color: #97999f; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 5px 5px 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: 5px 0 0 5px; } + spinbutton.vertical:disabled { + color: #888a8d; } + 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 > block-cursor { + color: #272a34; + background-color: white; } + 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: white; + outline-color: rgba(39, 119, 255, 0.7); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; } + .osd spinbutton.vertical > button:first-child:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#1a1c23); + background-clip: padding-box; } + .osd spinbutton.vertical > button:first-child:active { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; } + .osd spinbutton.vertical > button:first-child:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; } + treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; } + +/************** + * ComboBoxes * + **************/ +dropdown > popover.menu.background > contents { + padding: 0; } + +dropdown > button > box { + border-spacing: 6px; } + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +dropdown > popover.menu > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; } + +dropdown:drop(active), +combobox:drop(active) { + box-shadow: none; } + +dropdown popover, +combobox popover { + margin-top: 6px; + padding: 0; } + dropdown popover listview, + combobox popover listview { + margin: 8px 0; } + dropdown popover listview > row, + combobox popover listview > row { + padding: 8px; } + dropdown popover listview > row:selected, + combobox popover listview > row:selected { + outline-color: rgba(255, 255, 255, 0.3); + color: white; + background-color: #3b3e46; } + dropdown popover .dropdown-searchbar, + combobox popover .dropdown-searchbar { + padding: 6px; + border-bottom: 1px solid #0d0e11; } + +/************ + * Toolbars * + ************/ +searchbar > revealer > box, .toolbar, +toolbar { + padding: 4px; + border-spacing: 4px; + background-color: #23252e; } + +.osd .toolbar, .osd toolbar { + background-color: transparent; } + +.toolbar.osd, +toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: #303340; } + .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, + toolbar.osd.left, + toolbar.osd.right, + toolbar.osd.top, + toolbar.osd.bottom { + border-radius: 0; } + +.toolbar.horizontal > separator, +toolbar.horizontal > separator { + margin: 4px 0; } + +.toolbar.vertical > separator, +toolbar.vertical > separator { + margin: 0 4px; } + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-width: 0 0 1px; } + +searchbar > revealer > box { + border-style: solid; + border-color: #0d0e11; + background-color: #1c1e25; } + searchbar > revealer > box:backdrop { + border-color: #16171d; + background-color: #1e2028; + box-shadow: none; + transition: 200ms ease-out; } + +/************** + * GtkInfoBar * + **************/ +infobar > revealer > box { + padding: 8px; + border-spacing: 12px; } + +infobar.action:hover > revealer > box { + background-color: #010101; } + +infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { + border-bottom: 1px solid #181a20; + background-color: #080604; } + +infobar .close, +searchbar .close { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 50%; } + infobar .close:hover, + searchbar .close:hover { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + +/***************** + * Title buttons * + *****************/ +windowcontrols { + border-spacing: 6px; } + windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { + margin-right: 7px; } + windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { + margin-left: 7px; } + windowcontrols button { + border-radius: 9999px; + padding: 6px; + margin: 0 2px; + min-width: 0; + min-height: 0; } + windowcontrols button:hover { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: #0d0e11; } + windowcontrols button:active, windowcontrols button:checked { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: black; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), +headerbar { + padding: 0 6px; + min-height: 46px; + border-width: 0 0 1px; + border-style: solid; + border-color: black; + border-radius: 0; + background: #0d0e11 linear-gradient(to top, #16171d, #1a1c23); + /* Darken switchbuttons for headerbars. issue #1588 */ } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + border-color: #16171d; + background-color: #23252e; + background-image: none; + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + padding-left: 12px; + padding-right: 12px; + font-weight: bold; } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) stackswitcher > button:checked, + .titlebar:not(headerbar) button.toggle:checked, + headerbar stackswitcher > button:checked, + headerbar button.toggle:checked { + background: image(#0f1014); + border-color: #060708; + border-top-color: black; } + .titlebar:not(headerbar) stackswitcher > button:checked:backdrop, + .titlebar:not(headerbar) button.toggle:checked:backdrop, + headerbar stackswitcher > button:checked:backdrop, + headerbar button.toggle:checked:backdrop { + color: #888a8d; + border-color: #16171d; + background-image: image(#1e2128); + box-shadow: none; } + .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), + headerbar.default-decoration { + min-height: 28px; + padding: 4px; } + .default-decoration.titlebar:not(headerbar) windowcontrols button, + .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, + headerbar.default-decoration windowcontrols button, + headerbar.default-decoration windowcontrols menubutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; } + .default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, + headerbar.default-decoration windowcontrols menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; } + .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + margin-left: -1px; + margin-right: -1px; + margin-top: -1px; + border-radius: 0; + box-shadow: none; } + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; } + +headerbar entry, +headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button, +headerbar menubutton { + margin-top: 6px; + margin-bottom: 6px; } + +headerbar menubutton > button { + margin-top: 0px; + margin-bottom: 0px; } + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; } + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } + +.titlebar:not(headerbar) separator { + background-color: #0d0e11; } + +window.devel headerbar.titlebar { + background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 119, 255, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); } + window.devel headerbar.titlebar:backdrop { + background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e); + /* background-color would flash */ } + +/************ + * Pathbars * + ************/ +pathbar > button.text-button, pathbar > button.image-button, pathbar > button { + padding-left: 4px; + padding-right: 4px; } + +pathbar > button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + +pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { + padding-right: 8px; } + +pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { + padding-left: 8px; } + +pathbar > button image { + padding-left: 4px; + padding-right: 4px; } + +pathbar > button.slider-button { + padding-left: 0; + padding-right: 0; } + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #4f5159; + border-top-color: #4f5159; } + columnview.view, + treeview.view { + outline: 0 solid transparent; + outline-offset: 4px; } + columnview.view:focus:focus-visible, + treeview.view:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; + outline-color: rgba(255, 255, 255, 0.3); } + columnview.view:disabled, + treeview.view:disabled { + color: #888a8d; } + columnview.view:disabled:selected, + treeview.view:disabled:selected { + color: #7dadff; } + columnview.view:disabled:selected:backdrop, + treeview.view:disabled:selected:backdrop { + color: #5b93f3; } + columnview.view.separator, + treeview.view.separator { + min-height: 2px; + color: #4f5159; } + columnview.view:backdrop, + treeview.view:backdrop { + border-left-color: #3a3d46; + border-top: #3a3d46; } + 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: #00348d; } + columnview.view > dndtarget.after:drop(active), + treeview.view > dndtarget.after:drop(active) { + border-top-style: none; } + columnview.view > dndtarget.before:drop(active), + treeview.view > dndtarget.before:drop(active) { + 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: #bebfc2; } + columnview.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + columnview.view.expander:hover, + treeview.view.expander:hover { + color: white; } + columnview.view.expander:selected, + treeview.view.expander:selected { + color: #bed6ff; } + columnview.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #ffffff; } + columnview.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + columnview.view.progressbar, + treeview.view.progressbar { + background-color: #2777ff; + background-image: image(#2777ff); + box-shadow: none; } + 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(#272a34); } + columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + background-color: #292c37; } + columnview.view.trough, + treeview.view.trough { + background-color: rgba(238, 238, 236, 0.1); } + columnview.view.trough:selected:focus, columnview.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: #005af3; } + columnview.view > header > button, + treeview.view > header > button { + color: #8b8c90; + background-color: #272a34; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + columnview.view > header > button:hover, + treeview.view > header > button:hover { + color: #bdbdbe; + box-shadow: none; + transition: none; } + columnview.view > header > button:active, + treeview.view > header > button:active { + color: #eeeeec; + transition: none; } + 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: #272a34; + background-image: none; + background-color: #2777ff; + border-style: none; + border-radius: 0; + box-shadow: inset 0 0 0 1px #272a34; + text-shadow: none; + transition: none; } + columnview.view acceleditor > label, + treeview.view acceleditor > label { + background-color: #2777ff; } + +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: #4f5159; + border-radius: 0; + text-shadow: none; } + columnview.view > header > button:disabled, + treeview.view > header > button:disabled { + border-color: #23252e; + background-image: none; } + columnview.view > header > button:last-child, + treeview.view > header > button:last-child { + border-right-style: none; } + +/*************** + * Popovers * + ***************/ +popover.background { + background-color: transparent; + font: initial; } + popover.background > arrow, + popover.background > contents { + background-color: #1f222a; + background-clip: padding-box; + border: 1px solid rgba(13, 14, 17, 0.9); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + popover.background:backdrop { + background-color: transparent; } + popover.background > contents { + padding: 8px; + border-radius: 9px; } + 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: #13151a; + 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: #272a34; } + +/********************** + * 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: 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(#3b3e46); } + 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: #3b3e46; + border-color: #3b3e46; } + popover.menu > arrow, popover.menu.background > contents { + background-color: #1f222a; + padding: 5px; } + 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, + popover.menu radio { + transform: scale(0.8); + border-width: 1.2px; + border-color: transparent; + box-shadow: none; + background-image: image(transparent); + color: white; } + popover.menu check:hover, + popover.menu radio:hover { + transform: scale(0.8); + border-width: 1.2px; + color: white; + box-shadow: none; + background-image: image(transparent); } + popover.menu check:active, + popover.menu radio:active { + transform: scale(0.8); + border-width: 1.2px; + color: white; + box-shadow: none; + background-image: image(transparent); } + popover.menu radio { + border-color: #0d0e11; } + popover.menu radio:active { + border-color: rgba(13, 14, 17, 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 { + min-height: 30px; + min-width: 40px; + padding: 0 12px; + border-radius: 5px; } + popover.menu modelbutton:selected { + color: white; + background-color: #3b3e46; } + popover.menu modelbutton:selected:active { + background-color: #040405; } + popover.menu label.title { + font-weight: bold; + padding: 4px 32px; } + +menubar { + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + menubar > item { + min-height: 16px; + padding: 4px 8px; } + menubar > item:selected { + box-shadow: inset 0 -3px #2777ff; + color: #8db7ff; } + menubar > item:disabled { + color: #888a8d; + box-shadow: none; } + menubar > item popover.menu.background > contents { + padding: 5px; } + menubar > item popover.menu popover.menu { + padding: 0 0 4px 0; } + menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: 9px; } + +/************* + * Notebooks * + *************/ +notebook > header > tabs > tab:checked { + outline: 0 solid transparent; + outline-offset: 4px; } + +notebook:focus:focus-visible > header > tabs > tab:checked { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + +notebook > header { + padding: 1px; + border-color: #0d0e11; + border-width: 1px; + background-color: #1b1d24; } + notebook > header > tabs { + margin: -1px; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs { + margin-bottom: -2px; } + notebook > header.top > tabs > tab:hover { + box-shadow: inset 0 -4px #0d0e11; } + notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -4px #2777ff; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs { + margin-top: -2px; } + notebook > header.bottom > tabs > tab:hover { + box-shadow: inset 0 4px #0d0e11; } + notebook > header.bottom > tabs > tab:checked { + box-shadow: inset 0 4px #2777ff; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs { + margin-right: -2px; } + notebook > header.left > tabs > tab:hover { + box-shadow: inset -4px 0 #0d0e11; } + notebook > header.left > tabs > tab:checked { + box-shadow: inset -4px 0 #2777ff; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs { + margin-left: -2px; } + notebook > header.right > tabs > tab:hover { + box-shadow: inset 4px 0 #0d0e11; } + notebook > header.right > tabs > tab:checked { + box-shadow: inset 4px 0 #2777ff; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + notebook > header > tabs > tab { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + color: #eeeeec; + font-weight: normal; + border-width: 1px; + border-color: transparent; } + notebook > header > tabs > tab:hover { + color: #eeeeec; + background-color: #121418; } + notebook > header > tabs > tab.reorderable-page:hover { + border-color: rgba(13, 14, 17, 0.3); + background-color: rgba(35, 37, 46, 0.2); } + notebook > header > tabs > tab:not(:checked) { + outline-color: transparent; } + notebook > header > tabs > tab:checked { + color: #eeeeec; } + notebook > header > tabs > tab.reorderable-page:checked { + border-color: rgba(13, 14, 17, 0.5); + background-color: rgba(35, 37, 46, 0.5); } + notebook > header > tabs > tab.reorderable-page:checked:hover { + background-color: rgba(35, 37, 46, 0.7); } + notebook > header > tabs > tab button.flat { + color: alpha(currentColor,0.3); + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header > tabs > tab button.flat:hover { + color: currentColor; } + notebook > header > tabs > tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header > tabs > tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top > tabs, notebook > header.bottom > tabs { + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { + margin-left: 3px; + margin-right: 3px; } + notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { + margin-left: -1px; } + notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { + margin-right: -1px; } + notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { + margin-left: 4px; + margin-right: 4px; } + notebook > header.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 > tabs > tab { + padding-bottom: 4px; } + notebook > header.bottom > tabs > tab { + padding-top: 4px; } + +notebook > stack:not(:only-child) { + background-color: #272a34; } + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: #272a34; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + scrollbar.top { + border-bottom: 1px solid #0d0e11; } + scrollbar.bottom { + border-top: 1px solid #0d0e11; } + scrollbar.left { + border-right: 1px solid #0d0e11; } + scrollbar.right { + border-left: 1px solid #0d0e11; } + scrollbar > range > trough > slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #41434b; } + scrollbar > range > trough > slider:hover { + background-color: #4b4d54; } + scrollbar > range > trough > slider:hover:active { + background-color: #2777ff; } + scrollbar > range > trough > slider:disabled { + background-color: transparent; } + scrollbar > range.fine-tune > trough > slider { + min-width: 4px; + min-height: 4px; } + scrollbar > range.fine-tune.horizontal > trough > slider { + border-width: 5px 4px; } + scrollbar > range.fine-tune.vertical > trough > 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) > range > trough > slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #eeeeec; + border: 1px solid black; } + scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + scrollbar.horizontal > range > trough > slider { + min-width: 40px; } + scrollbar.vertical > range > trough > slider { + min-height: 40px; } + +treeview ~ scrollbar.vertical { + border-top: 1px solid #0d0e11; + margin-top: -1px; } + +/********** + * Switch * + **********/ +switch { + font-weight: bold; + font-size: smaller; + border: 1px solid #0d0e11; + border-radius: 14px; + color: #eeeeec; + background-color: #1b1d24; + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + /* only show i / o for the accessible theme */ } + switch { + outline: 0 solid transparent; + outline-offset: 4px; } + switch:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: 0; } + headerbar switch { + background-color: #0a0a0d; } + switch:checked { + color: #ffffff; + border-color: #00348d; + background-color: #2777ff; } + switch:disabled { + color: #888a8d; + border-color: #0d0e11; + background-color: #242731; + text-shadow: none; } + switch > slider { + color: #eeeeec; + outline-color: rgba(39, 119, 255, 0.7); + border-color: #0d0e11; + background-image: linear-gradient(to top, #252831 2px, #272a34); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); + margin: -1px; + min-width: 24px; + min-height: 24px; + border: 1px solid; + border-color: #0d0e11; + border-radius: 50%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + switch > image { + color: transparent; } + switch:hover > slider { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + switch:checked > slider { + border: 1px solid #00348d; } + switch:disabled > slider { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#242731); } + row:selected switch { + outline-color: rgba(255, 255, 255, 0.3); } + +/************************* + * Check and Radio items * + *************************/ +.view.content-view.check:not(list), iconview.content-view.check:not(list), +.content-view .tile check:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: transparent; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; + -gtk-icon-shadow: none; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), +.content-view .tile check:hover:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: transparent; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; + -gtk-icon-shadow: none; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), +.content-view .tile check:active:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: transparent; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; + -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), +.content-view .tile check:backdrop:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: transparent; + background-color: #939393; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; + -gtk-icon-shadow: none; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), +.content-view .tile check:checked:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: white; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); + -gtk-icon-shadow: none; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), +.content-view .tile check:checked:hover:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: white; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); + -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), +.content-view .tile check:checked:active:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: white; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); + -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), +.content-view .tile check:backdrop:checked:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: rgba(255, 255, 255, 0.8); + background-color: #939393; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); + -gtk-icon-shadow: none; } + +checkbutton { + border-spacing: 4px; + border-radius: 5px; + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + checkbutton { + outline: 0 solid transparent; + outline-offset: 4px; } + checkbutton:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + checkbutton.text-button { + padding: 4px; } + +check, +radio { + min-height: 14px; + min-width: 14px; + border: 1px solid; + -gtk-icon-source: none; } + check, + radio { + background-clip: padding-box; + background-image: linear-gradient(to bottom, #2e313d 20%, #23252e 90%); + border-color: black; + box-shadow: 0 1px rgba(0, 0, 0, 0.05); + color: #ffffff; } + check:hover, + radio:hover { + background-image: linear-gradient(to bottom, #363a48 10%, #2b2f3a 90%); } + check:active, + radio:active { + box-shadow: inset 0 1px black; + background-image: image(#181a20); } + check:disabled, + radio:disabled { + box-shadow: none; + color: rgba(255, 255, 255, 0.7); } + check:checked, + radio:checked { + background-clip: border-box; + background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); + border-color: #00215a; + box-shadow: 0 1px rgba(0, 0, 0, 0.05); + color: #ffffff; } + check:checked:hover, + radio:checked:hover { + background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } + check:checked:active, + radio:checked:active { + box-shadow: inset 0 1px black; + background-image: image(#0e67ff); } + check:checked:disabled, + radio:checked:disabled { + box-shadow: none; + color: rgba(255, 255, 255, 0.7); } + check:indeterminate, + radio:indeterminate { + background-clip: border-box; + background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); + border-color: #00215a; + box-shadow: 0 1px rgba(0, 0, 0, 0.05); + color: #ffffff; } + check:indeterminate:hover, + radio:indeterminate:hover { + background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } + check:indeterminate:active, + radio:indeterminate:active { + box-shadow: inset 0 1px black; + background-image: image(#0e67ff); } + check:indeterminate:disabled, + radio:indeterminate:disabled { + box-shadow: none; + color: rgba(255, 255, 255, 0.7); } + .osd check, .osd radio { + color: white; + outline-color: rgba(39, 119, 255, 0.7); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; } + .osd check:hover, .osd radio:hover { + color: white; + outline-color: rgba(39, 119, 255, 0.7); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; } + .osd check:active, .osd radio:active { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; } + .osd check:disabled, .osd radio:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; } + + +check { + border-radius: 3px; + -gtk-icon-size: 14px; } + + check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } + + check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, +radio { + border-radius: 100%; + -gtk-icon-size: 14px; } + treeview.view radio:checked:selected, + radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } + treeview.view radio:indeterminate:selected, + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } + +treeview.view check:selected:focus, treeview.view check:selected, +treeview.view radio:selected:focus, +treeview.view radio:selected { + color: #ffffff; } + +/************ + * GtkScale * + ************/ +progressbar > trough, scale > trough > fill, scale > trough { + border: 1px solid #1b1d24; + border-radius: 3px; + background-color: #1b1d24; } + headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { + background-color: #0a0a0d; } + progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { + background-color: #242731; + border-color: #0d0e11; } + row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { + outline-color: rgba(255, 255, 255, 0.3); + border-color: #00348d; } + .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { + border-color: black; + background-color: rgba(0, 0, 0, 0.8); } + .osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { + background-color: rgba(68, 72, 83, 0.5); } + +progressbar > trough > progress, scale > trough > highlight { + border: 1px solid #2777ff; + border-radius: 3px; + background-color: #2777ff; } + progressbar > trough > progress:disabled, scale > trough > highlight:disabled { + background-color: transparent; + border-color: transparent; } + row:selected progressbar > trough > progress, row:selected scale > trough > highlight { + border-color: #00348d; } + .osd progressbar > trough > progress, .osd scale > trough > highlight { + border-color: black; } + .osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { + border-color: transparent; } + +scale { + min-height: 10px; + min-width: 10px; + padding: 12px; } + scale > trough { + outline: 0 solid transparent; + outline-offset: 16px; } + scale:focus:focus-visible > trough { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: 10px; } + scale > trough { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + scale > trough > fill, + scale > trough > highlight { + margin: -1px; } + scale > trough > slider { + min-height: 18px; + min-width: 18px; + margin: -9px; } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune > trough > slider { + margin: -6px; } + scale.fine-tune > trough > fill, + scale.fine-tune > trough > highlight, + scale.fine-tune > trough { + border-radius: 5px; } + scale > trough > fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale > trough > fill { + background-color: #404040; } + .osd scale > trough > fill:disabled { + border-color: transparent; + background-color: transparent; } + scale > trough > slider { + color: #eeeeec; + outline-color: rgba(39, 119, 255, 0.7); + border-color: #0d0e11; + background-image: linear-gradient(to top, #252831 2px, #272a34); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); + border-width: 1px; + border-style: solid; + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale > trough > slider:hover { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + scale > trough > slider:active { + border-color: #00348d; } + scale > trough > slider:disabled { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#242731); } + row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { + border-color: #00348d; } + .osd scale > trough > slider { + color: white; + outline-color: rgba(39, 119, 255, 0.7); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; + border-color: black; + background-color: #303340; } + .osd scale > trough > slider:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#1a1c23); + background-clip: padding-box; + background-color: #303340; } + .osd scale > trough > slider:active { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; + background-color: #303340; } + .osd scale > trough > slider:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; + background-color: #303340; } + scale > value { + color: alpha(currentColor,0.55); + font-feature-settings: "tnum"; } + 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.marks-before:not(.marks-after) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -7px -10px; + margin-top: -11px; } + scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -7px -10px; + margin-top: -11px; } + scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -7px -10px; + margin-top: -11px; } + scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -7px -10px; + margin-top: -11px; } + scale.horizontal.marks-after:not(.marks-before) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -7px -10px; + margin-bottom: -11px; } + scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -7px -10px; + margin-bottom: -11px; } + scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -7px -10px; + margin-bottom: -11px; } + scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -7px -10px; + margin-bottom: -11px; } + scale.vertical.marks-before:not(.marks-after) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -10px -7px; + margin-left: -11px; } + scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -10px -7px; + margin-left: -11px; } + scale.vertical.marks-before:not(.marks-after) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -10px -7px; + margin-left: -11px; } + scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -10px -7px; + margin-left: -11px; } + scale.vertical.marks-after:not(.marks-before) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -10px -7px; + margin-right: -11px; } + scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -10px -7px; + margin-right: -11px; } + scale.vertical.marks-after:not(.marks-before) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -10px -7px; + margin-right: -11px; } + scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -10px -7px; + margin-right: -11px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color > trough { + background-image: image(#0d0e11); + 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 > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > 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) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > 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) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > 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) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > 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) > trough > 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) > trough > slider { + margin-right: -15px; + margin-left: 6px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(238, 238, 236, 0.4); + font-feature-settings: "tnum"; } + progressbar.horizontal > trough { + min-width: 150px; } + progressbar.horizontal > trough, progressbar.horizontal > trough > progress { + min-height: 2px; } + progressbar.vertical > trough { + min-height: 80px; } + progressbar.vertical > trough, progressbar.vertical > trough > progress { + min-width: 2px; } + progressbar.horizontal > trough > progress { + margin: 0 -1px; } + progressbar.vertical > trough > progress { + margin: -1px 0; } + progressbar > trough > progress { + /* share most of scales' */ + /* override insensitive that is specific to progress */ + border-radius: 1.5px; } + progressbar > trough > progress:disabled { + background-color: #888a8d; + border-color: #888a8d; } + progressbar > trough > progress.left { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } + progressbar > trough > progress.right { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } + progressbar > trough > progress.top { + border-top-right-radius: 5px; + border-top-left-radius: 5px; } + progressbar > trough > progress.bottom { + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; } + 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 > trough > progress { + border-style: none; + border-radius: 0; } + progressbar > trough.empty > progress { + all: unset; } + +/************* + * Level Bar * + *************/ +levelbar.horizontal trough > block { + min-height: 9px; + 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: 9px; + 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: #fd7d00; + background-color: #fd7d00; } + levelbar > trough > block.high, levelbar > trough > block:not(.empty) { + border-color: #2777ff; + background-color: #2777ff; } + levelbar > trough > block.full { + border-color: #308e63; + background-color: #308e63; } + levelbar > trough > block.empty { + background-color: #181a20; + border-color: #181a20; } + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: #eeeeec; + background: none; + border: none; + padding: 0; } + window.dialog.print drawing paper { + background: white; + color: #2e3436; + border: 1px solid #0d0e11; } + +window.dialog.print .dialog-action-box { + margin: 12px; } + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid #0d0e11; } + +frame { + border-radius: 8px; } + frame > label { + margin: 4px; } + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid #0d0e11; } + +scrolledwindow > overshoot.top { + background-image: radial-gradient(farthest-side at top, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at top, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow > overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at bottom, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow > overshoot.left { + background-image: radial-gradient(farthest-side at left, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow > overshoot.right { + background-image: radial-gradient(farthest-side at right, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at right, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow > junction { + background: #0d0e11, linear-gradient(to bottom, transparent 1px, #272a34 1px), linear-gradient(to right, transparent 1px, #272a34 1px); } + scrolledwindow > junction:dir(rtl) { + background: #0d0e11, linear-gradient(to bottom, transparent 1px, #272a34 1px), linear-gradient(to left, transparent 1px, #272a34 1px); } + +separator { + background: #181a20; + min-width: 1px; + min-height: 1px; } + +/********* + * Lists * + *********/ +listview, +list { + color: white; + background-color: #272a34; + border-color: #0d0e11; } + listview:backdrop, + list:backdrop { + color: #d4d5d7; + background-color: #292c37; + border-color: #16171d; } + listview > row, + list > row { + padding: 2px; } + listview > row.expander, + list > row.expander { + padding: 0px; } + listview > row.expander .row-header, + list > row.expander .row-header { + padding: 2px; } + listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), + list.horizontal row.separator, + list.separators.horizontal > row:not(.separator) { + border-left: 1px solid #4f5159; } + listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), + list:not(.horizontal) row.separator, + list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid #4f5159; } + +row { + outline: 0 solid transparent; + outline-offset: 4px; } + +row:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(238, 238, 236, 0.05); } + +row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + +row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + +row.activatable.has-open-popup:selected, row.activatable:selected:hover { + background-color: #3b83fd; } + +row:selected { + outline-color: rgba(255, 255, 255, 0.3); } + +columnview > listview > row { + padding: 0; } + columnview > listview > row > cell { + padding: 8px 6px; } + columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; } + +columnview.column-separators > listview > row > cell { + border-left-color: #4f5159; } + +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 rgba(39, 119, 255, 0.7); } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #2777ff; } + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: #ffffff; + background-color: #2777ff; } + +/******************************************************* + * 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; } + +/********************* + * App Notifications * + *********************/ +.app-notification { + padding: 10px; + border-spacing: 10px; + border-radius: 0 0 5px 5px; + background-color: #303340; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); + background-clip: padding-box; } + .app-notification border { + border: none; } + +/************* + * Expanders * + *************/ +expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander:disabled { + color: #888a8d; } + expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +expander-widget > box > title { + outline: 0 solid transparent; + outline-offset: 4px; } + +expander-widget:focus:focus-visible > box > title { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + +expander-widget > box > title { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-radius: 5px; } + expander-widget > box > title:hover > expander { + color: white; } + +.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), +placessidebar:not(decoration):not(window):drop(active):focus, +placessidebar:not(decoration):not(window):drop(active), +stackswitcher:not(decoration):not(window):drop(active):focus, +stackswitcher:not(decoration):not(window):drop(active), +expander-widget:not(decoration):not(window):drop(active):focus, +expander-widget:not(decoration):not(window):drop(active) { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: white; + border: 1px solid #0d0e11; } + calendar > header { + border-bottom: 1px solid #0d0e11; } + calendar > header > button { + border: none; + box-shadow: none; + background: none; + border-radius: 0; } + calendar > header > button:backdrop { + background: none; } + calendar > grid > label.today { + box-shadow: inset 0px -2px #0d0e11; } + calendar > grid > label.today:selected { + box-shadow: none; } + calendar > grid > label:focus { + outline-color: rgba(39, 119, 255, 0.7); + outline-offset: -2px; + outline-width: 2px; + outline-style: solid; } + calendar > grid > label.day-number { + padding: 4px; } + calendar > grid > label.day-number:selected { + border-radius: 3px; } + calendar > grid > label.day-number.other-month { + color: alpha(currentColor,0.3); } + +/*********** + * Dialogs * + ***********/ +window.dialog.message .titlebar { + min-height: 20px; + background-image: none; + background-color: #23252e; + border-style: none; + border-top-left-radius: 7px; + border-top-right-radius: 7px; } + +window.dialog.message box.dialog-vbox.vertical { + border-spacing: 10px; } + +window.dialog.message label.title { + font-weight: 800; + font-size: 15pt; } + +window.dialog.message.csd.background { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; } + +window.dialog.message.csd .dialog-action-area button { + padding: 10px 14px; + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; } + window.dialog.message.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 7px; } + window.dialog.message.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { + border-top: 1px solid #0d0e11; } + +filechooser #pathbarbox { + border-bottom: 1px solid #23252e; } + +filechooserbutton > button > box { + border-spacing: 6px; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + background-color: #252831; } + .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { + border-right: 1px solid #0d0e11; + border-left-style: none; } + .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { + border-left: 1px solid #0d0e11; + border-right-style: none; } + .sidebar listview.view, + .sidebar list { + background-color: transparent; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +stacksidebar list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: none; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + stacksidebar row:selected { + background-color: #3b3e46; + border-radius: 5px; + color: #eeeeec; } + stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { + background-color: #2f3238; } + stacksidebar row:focus:focus-visible { + outline-width: 0; + background-color: #2777ff; + color: #ffffff; } + stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { + box-shadow: none; } + +separator.sidebar { + background-color: #0d0e11; } + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 5px 0; } + .navigation-sidebar > separator { + margin: 5px; } + .navigation-sidebar > row { + min-height: 36px; + padding: 0 8px; + border-radius: 5px; + margin: 0 5px 2px; } + .navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { + background-color: #2f3238; } + .navigation-sidebar > row:selected { + background-color: #3b3e46; + color: inherit; } + .navigation-sidebar > row:selected:hover { + background-color: #2f3238; } + .navigation-sidebar > row:selected:focus-visible:focus-within { + outline-width: 0; + color: #ffffff; + background-color: #2777ff; } + .navigation-sidebar > row:selected:focus-visible:focus-within:hover { + background-color: #005af3; } + .navigation-sidebar > row:disabled { + color: #888a8d; } + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + opacity: 0.7; } + +/* this should be more generic, only using .navigation-sidebar + https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 +*/ +placessidebar .navigation-sidebar > row { + padding: 0; } + placessidebar .navigation-sidebar > row > revealer { + padding: 0 14px; } + placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + border-radius: 100%; } + placessidebar .navigation-sidebar > row:selected:active { + box-shadow: none; } + placessidebar .navigation-sidebar > row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image(#19a187); + background-clip: content-box; } + placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { + color: #2777ff; } + placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { + color: #19a187; + box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } + placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { + color: #ffffff; + background-color: #19a187; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview > actionbar > revealer > box > box { + border-spacing: 6px; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#0d0e11); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(#2777ff); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #23252e; + background-image: image(#0d0e11), image(#0d0e11); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************** + * GtkVideo * + **************/ +video { + background: black; } + video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 32px; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 10px; + border-radius: 8px; + box-shadow: none; } + tooltip.background { + background-color: rgba(0, 0, 0, 0.8); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); + color: white; } + tooltip > box { + border-spacing: 6px; } + +/***************** + * Color Chooser * + *****************/ +colorswatch { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + colorswatch { + outline: 0 solid transparent; + outline-offset: 6px; } + colorswatch:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 4px; + outline-offset: -2px; } + colorswatch:drop(active), colorswatch { + border-style: none; } + colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top > overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } + colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom > overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } + colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } + colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } + colorswatch.dark > overlay { + color: white; } + colorswatch.dark.activatable:hover > overlay { + border-color: #0d0e11; } + colorswatch.light > overlay { + color: black; } + colorswatch.light.activatable:hover > overlay { + border-color: #0d0e11; } + colorswatch:drop(active) { + box-shadow: none; } + colorswatch.light:drop(active) > overlay { + border-color: #19a187; + box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; } + colorswatch.dark:drop(active) > overlay { + border-color: #19a187; + box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; } + colorswatch > overlay { + border: 1px solid #0d0e11; } + colorswatch.activatable:hover > overlay { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + colorswatch#add-color-button { + border-radius: 5px 0 0 5px; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button > overlay { + color: #eeeeec; + outline-color: rgba(39, 119, 255, 0.7); + border-color: #0d0e11; + background-image: linear-gradient(to top, #252831 2px, #272a34); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + colorswatch#add-color-button.activatable:hover > overlay { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled > overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + row:selected colorswatch { + box-shadow: 0 0 0 2px #ffffff; } + colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample > overlay { + border-radius: 4.5px; } + +plane { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + plane { + outline: 0 solid transparent; + outline-offset: 6px; } + plane:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: 2px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #13151a; } + .content-view:hover { + -gtk-icon-filter: brightness(1.2); } + .content-view .tile { + margin: 2px; + background-color: black; + border-radius: 0; + padding: 0; } + .content-view .tile:active, .content-view .tile:selected { + background-color: #2777ff; } + .content-view .tile:disabled { + background-color: #242731; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } + +.scale-popup button:hover { + background-color: rgba(238, 238, 236, 0.1); + border-radius: 5px; } + +/********************** + * Window Decorations * + *********************/ +window { + border-width: 0px; } + window.csd { + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.9); + margin: 0px; + border-radius: 8px 8px 0 0; } + window.csd:backdrop { + box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.9); + transition: 200ms ease-out; } + window.csd.popup { + border-radius: 5px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.8); } + window.csd.dialog.message { + border-radius: 8px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.8); } + window.csd.solid-csd { + margin: 0; + padding: 0; + border: solid 1px #0d0e11; + border-radius: 0; + box-shadow: inset 0 0 0 3px #1c1e25, inset 0 1px rgba(238, 238, 236, 0.07); } + window.csd.solid-csd:backdrop { + box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } + window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { + border-radius: 0; } + window.popup { + box-shadow: none; } + window.ssd { + box-shadow: 0 0 0 1px rgba(13, 14, 17, 0.9); } + +tooltip.csd { + border-radius: 5px; + box-shadow: none; } + +filechooser placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected, +textview > text:selected:focus, +textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, +entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, +treeview.view:selected:focus, +treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { + background-color: #2777ff; } + label:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected, + textview > text:selected:focus, + textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, + entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { + color: #ffffff; } + label:disabled > selection, label:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .view:disabled:selected, + textview > text:disabled:selected:focus, + textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, + entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, + treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { + color: #93bbff; } + +.monospace { + font-family: monospace; } + +/********************** + * Touch Copy & Paste * + *********************/ +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + min-width: 20px; + min-height: 24px; + padding-left: 20px; + padding-right: 20px; + padding-top: 24px; + padding-bottom: 24px; } + cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); } + cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); } + cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } + cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); } + cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); } + cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } + cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); } + cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); } + cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } + +shortcuts-section { + margin: 20px; } + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; } + +shortcut { + border-spacing: 6px; } + +shortcut > .keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + color: #eeeeec; + background-color: #272a34; + border: 1px solid; + border-color: #0d0e11; + border-radius: 5px; + box-shadow: inset 0 -3px #17191f; + font-size: smaller; } + +:not(decoration):not(window):drop(active):focus, +:not(decoration):not(window):drop(active) { + border-color: #19a187; + box-shadow: inset 0 0 0 1px #19a187; + caret-color: #19a187; } + +stackswitcher > button.text-button { + min-width: 100px; } + +stackswitcher.circular { + border-spacing: 12px; } + stackswitcher.circular > button.circular, + stackswitcher.circular > button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; } + +/************* + * App Icons * + *************/ +/* Outline for low res icons */ +.lowres-icon { + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Drapshadow for large icons */ +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* + * Emoji * + ********/ +popover.emoji-picker > contents { + padding: 0; } + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + border-bottom: 1px solid #0d0e11; } + +.emoji-toolbar { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid #0d0e11; } + +button.emoji-section { + border-color: transparent; + border-width: 3px; + border-style: none none solid; + border-radius: 0; + padding: 3px 0 0; + min-width: 32px; + min-height: 28px; + /* reset props inherited from the button style */ + background: none; + box-shadow: none; + text-shadow: none; } + button.emoji-section:hover { + border-color: rgba(238, 238, 236, 0.1); } + button.emoji-section:checked { + border-color: #2777ff; } + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + border-radius: 6px; } + popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { + background: #2777ff; } + +emoji-completion-row > box { + border-spacing: 10px; + padding: 2px 10px; } + +emoji-completion-row:focus, +emoji-completion-row:hover { + background-color: #2777ff; + color: #ffffff; } + +emoji-completion-row emoji:focus, +emoji-completion-row emoji:hover { + background-color: #3b3e46; } + +popover.entry-completion > contents { + padding: 0; } + +statusbar { + padding: 6px 10px 6px 10px; } + +/* Nautilus */ +@define-color disk_space_unknown #383c4a; +@define-color disk_space_used #2777ff; +@define-color disk_space_free white; +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + box-shadow: inset 0 8px 4px -8px rgba(0, 0, 0, 0.3); } + filechooser placessidebar.sidebar:dir(ltr), + .nautilus-window placessidebar.sidebar:dir(ltr) { + background-image: linear-gradient(to right, #1a1c23 41px, #23252e 0); } + filechooser placessidebar.sidebar:dir(rtl), + .nautilus-window placessidebar.sidebar:dir(rtl) { + background-image: linear-gradient(to left, #1a1c23 41px, #23252e 0); } + filechooser placessidebar.sidebar:backdrop, + .nautilus-window placessidebar.sidebar:backdrop { + box-shadow: none; } + filechooser placessidebar.sidebar row.sidebar-row:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected { + margin-left: 6px; + margin-right: 6px; + border-radius: 5px; + box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); + transition: box-shadow 200ms ease-out; } + filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { + box-shadow: none; } + filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { + background-image: linear-gradient(to right, #005af3 35px, transparent 0); } + filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { + background-image: linear-gradient(to left, #005af3 35px, transparent 0); } + filechooser placessidebar.sidebar row.sidebar-row:selected revealer, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { + padding-left: 8px; + padding-right: 8px; } + filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { + color: #ffffff; } + filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + padding-right: 20px; } + +.nautilus-window .floating-bar { + color: #ffffff; + background-color: #2777ff; + border-color: #00348d; + margin: 10px; + box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); + transition: background-color 200ms ease-out; } + .nautilus-window .floating-bar:backdrop { + color: inherit; + box-shadow: none; + border-color: #0d0e11; } + .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { + border-radius: 5px; + border-style: solid; } + +.path-bar-box:backdrop { + border-color: #16171d; } + +/* XFCE4 PANEL */ +.xfce4-panel.background { + background: rgba(35, 37, 46, 0.8); } + +.xfce4-panel button { + border: 0; + border-radius: 0; + box-shadow: none; + text-shadow: none; + background: transparent; + color: #eeeeec; } + .xfce4-panel button:hover { + background: rgba(0, 0, 0, 0.2); } + .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { + box-shadow: inset 0 4px 0 #2777ff; + background: rgba(0, 0, 0, 0.2); } + +.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { + box-shadow: inset 4px 0 0 #2777ff; } + +/* XFCE4 NOTIFICATIONS */ +#XfceNotifyWindow { + background-color: #272a34; } + +/* Whisker menu */ +#whiskermenu-window entry { + border-radius: 100px; + border: 2px solid #2777ff; + box-shadow: none; } + +#whiskermenu-window button { + transition-duration: 0s; } + #whiskermenu-window button:hover { + color: white; + outline-color: rgba(39, 119, 255, 0.7); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; + border-color: transparent; + border-bottom-color: #1c1e25; } + #whiskermenu-window button:checked { + border-color: transparent; } + +#whiskermenu-window scrolledwindow.frame { + border: 0; + border-radius: 8px; + box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); + background: #1c1e25; + padding: 7px 10px; + margin: 0 5px; } + #whiskermenu-window scrolledwindow.frame treeview { + background: transparent; + border-radius: 5px; } + #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { + background-color: rgba(0, 0, 0, 0.27); + color: inherit; } + +/* XFCE4 panel action buttons */ +#XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { + -gtk-icon-style: symbolic; + -gtk-icon-transform: scale(0.7); } + +/* XFCE4 workspace switcher */ +wnck-pager { + background-color: #3d4251; } + wnck-pager:selected { + background-color: black; } + wnck-pager:hover { + background-color: black; } + +/* LightDM */ +.lightdm-gtk-greeter #panel_window { + background: rgba(35, 37, 46, 0.8); + color: #eeeeec; + text-shadow: none; + -gtk-icon-shadow: none; } + +.lightdm-gtk-greeter #login_window { + border: 0; + background-color: rgba(35, 37, 46, 0.8); + border-radius: 5px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } + .lightdm-gtk-greeter #login_window entry { + background: rgba(35, 37, 46, 0.4); + border-color: rgba(35, 37, 46, 0.3); + min-height: 32px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); } + .lightdm-gtk-greeter #login_window entry image { + margin: 0; } + .lightdm-gtk-greeter #login_window #buttonbox_frame { + padding-top: 20px; + background: #23252e; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0 0 5px 5px; + box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); } + .lightdm-gtk-greeter #login_window #buttonbox_frame button { + border: 0; + color: white; + text-shadow: none; } + .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { + background: rgba(0, 0, 0, 0.27); + box-shadow: none; + color: #eeeeec; } + .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { + background: #2777ff; + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } + +/* Thunar */ +.thunar .warning { + opacity: 0; + font-size: 0; + margin: -10px 0; } + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #eeeeec; +/* +text color for entries, views and content in general */ +@define-color theme_text_color white; +/* +widget base background color */ +@define-color theme_bg_color #23252e; +/* +text widgets and the like base background color */ +@define-color theme_base_color #272a34; +/* +base background color of selections */ +@define-color theme_selected_bg_color #2777ff; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #242731; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #888a8d; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #272a34; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #888a8d; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color white; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #23252e; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #292c37; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #2777ff; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #43495a; +/* +widgets main borders color */ +@define-color borders #0d0e11; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #16171d; +/* +these are pretty self explicative */ +@define-color warning_color #fd7d00; +@define-color error_color #bf1717; +@define-color success_color #308e63; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#eeeeec, 1.8); +@define-color wm_unfocused_title #888a8d; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(238, 238, 236, 0.07); +@define-color wm_bg_a shade(#23252e, 1.2); +@define-color wm_bg_b #23252e; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#23252e, 1.3); +@define-color wm_button_hover_color_b #23252e; +@define-color wm_button_active_color_a shade(#23252e, 0.85); +@define-color wm_button_active_color_b shade(#23252e, 0.89); +@define-color wm_button_active_color_c shade(#23252e, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #272a34; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1a1c23; +.gedit-document-panel { + background-color: @sidebar_bg; +} + +.gedit-document-panel:backdrop { + color: #b0b2b2; +} + +.gedit-document-panel row:selected:backdrop { + background-color: #8b8e8f; +} + +.gedit-document-panel-group-row, +.gedit-document-panel-group-row:hover { + border-top: 1px solid alpha(currentColor, 0.3); +} + +.gedit-document-panel-group-row:first-child, +.gedit-document-panel-group-row:first-child:hover { + border-top: 0px; +} + +/* Try to look as the notebook tab close button */ +.gedit-document-panel row button.flat { + padding: 0; + margin-top: 8px; + margin-bottom: 8px; + min-width: 18px; + min-height: 18px; + color: alpha(currentColor,0.3); +} + +.gedit-document-panel row:hover button.flat { + color: alpha(currentColor,0.5); +} + +.gedit-document-panel row button.flat:hover { + color: @theme_fg_color; +} + +statusbar { + border-top: 1px solid @borders; +} + +.gedit-search-slider { + background-color: @theme_base_color; + padding: 6px; + border-color: @borders; + border-radius: 0 0 3px 3px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + background-color: @theme_base_color; + background-image: none; + color: shade (@theme_unfocused_fg_color, 0.8); + border: 0px; + margin: 2px; + padding: 2px; +} +.nautilus-window, +.nautilus-window notebook, +.nautilus-window notebook > stack { + background: @theme_base_color; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: mix (@theme_fg_color, @theme_bg_color, 0.50); +} + +.nautilus-canvas-item.dim-label:selected, +.nautilus-list-dim-label:selected { + color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); +} + +/* Toolbar */ + +/* Here we use the .button background-image colors from Adwaita, but ligthen them, + * since is not possible to use lighten () in common css. */ +@keyframes needs_attention_keyframes { + 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } + /* can't do animation-direction, so holding the color on two keyframes */ + 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } + 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } + 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.disclosure-button { + padding-left: 4px; + padding-right: 4px; +} + +/* Path bar */ + +.path-bar-box { + border-radius: 5px; + border: 1px @borders solid; + background-color: @theme_bg_color; + padding-right: 6px; +} + +.nautilus-path-bar button { + margin: 0px; +} + +.nautilus-path-bar button:first-child { + border-width: 0px 1px 0px 0px; + border-radius: 3.5px 0px 0px 3.5px; +} + +.nautilus-path-bar button:not(:first-child) { + border-width: 0px 1px 0px 1px; + border-radius: 0px 0px 0px 0px; +} + +.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */ + +/* Make the tags fit into the box */ +entry.search > * { + margin: 5px; +} + +/* Sidebar */ + +.nautilus-window .sidebar-row:selected { + background: mix(@theme_bg_color, @theme_fg_color, 0.07); +} + +.nautilus-window .sidebar-row:selected, +.nautilus-window .sidebar-row:selected image, +.nautilus-window .sidebar-row:selected label { + color: mix(@theme_fg_color, @theme_text_color, 0.5); +} + +.nautilus-window .sidebar-row:selected:backdrop { + background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); +} + +.nautilus-window .sidebar-row:selected:backdrop, +.nautilus-window .sidebar-row:selected:backdrop label { + color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); +} + +/* Floating status bar */ +.floating-bar { + padding: 1px; + background-color: @theme_base_color; + border-width: 1px; + border-style: solid solid none; + border-color: @borders; + border-radius: 3px 3px 0 0; +} + +.floating-bar.bottom.left { /* axes left border and border radius */ + border-left-style: none; + border-top-left-radius: 0; +} +.floating-bar.bottom.right { /* axes right border and border radius */ + border-right-style: none; + border-top-right-radius: 0; +} + +.floating-bar:backdrop { + background-color: @theme_unfocused_base_color; + border-color: @unfocused_borders; +} + +.floating-bar button { + padding: 0px; +} + +@define-color disk_space_unknown #888a85; +@define-color disk_space_used #729fcf; +@define-color disk_space_free #eeeeec; + +.disk-space-display { + border-style: solid; + border-width: 2px; +} + +.disk-space-display.unknown { + background-color: @disk_space_unknown; + border-color: shade(@disk_space_unknown, 0.7); + color: @disk_space_unknown; +} +.disk-space-display.unknown.border { + color: shade(@disk_space_unknown, 0.7); +} + +.disk-space-display.used { + background-color: @disk_space_used; + border-color: shade(@disk_space_used, 0.7); + color: @disk_space_used; +} +.disk-space-display.used.border { + color: shade(@disk_space_used, 0.7); +} + +.disk-space-display.free { + background-color: @disk_space_free; + border-color: shade(@disk_space_free, 0.7); + color: @disk_space_free; +} +.disk-space-display.free.border { + color: shade(@disk_space_free, 0.7); +} + +/* View */ +.nautilus-list-view .view { + border-bottom: 1px solid @theme_bg_color; +} + +.search-information { + background-color: @theme_selected_bg_color; + color:white; + padding:2px; +} + +/* Hide superfluous treeview drop target indication */ +.nautilus-list-view .view.dnd { + border-style: none; +} + +@define-color conflict_bg #fef6b6; + +.conflict-row { + background: @conflict_bg; + color: black; +} + +.conflict-row:hover { + background-color: shade(@conflict_bg, 0.9); +} + +.conflict-row:selected { + background: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +/* Icon view */ +flowboxchild:selected { + background-color:transparent; +} + +.icon-background { + background-color:black; + border-color:#4a90d9; + border-style:solid; + border-width:0px; +} + +flowboxchild > .icon-item-background { + padding:4px; +} +flowboxchild:selected > .icon-item-background { + padding:4px; + background-color:#4a90d9; + border-color:#4a90d9; + border-style:solid; + border-width:0px; + border-radius:4px 4px 4px 4px; +} diff --git a/share/themes/Kali-Light/gtk-4.0/gtk-dark.css b/share/themes/Kali-Light/gtk-4.0/gtk-dark.css new file mode 100644 index 00000000..d4aa69c8 --- /dev/null +++ b/share/themes/Kali-Light/gtk-4.0/gtk-dark.css @@ -0,0 +1,4315 @@ +/*************************** + * Check and Radio buttons * + ***************************/ +/*************** + * Base States * + ***************/ +.background { + color: #eeeeec; + background-color: #23252e; } + .background:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +dnd { + color: #eeeeec; } + +.normal-icons { + -gtk-icon-size: 16px; } + +.large-icons { + -gtk-icon-size: 32px; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Every time a wildcard is used a kitten dies, painfully. +*/ +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); } + +.view, iconview, +textview > text { + color: white; + background-color: #272a34; } + .view:disabled, iconview:disabled, + textview > text:disabled { + color: #888a8d; + background-color: #242731; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + textview > text:selected:focus, + textview > text:selected { + border-radius: 3px; } + +textview:drop(active) { + caret-color: #19a187; } + +textview > border { + background-color: #252831; } + +iconview { + outline: 0 solid transparent; + outline-offset: 4px; } + +iconview:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + +iconview:drop(active) { + box-shadow: none; } + +iconview > dndtarget:drop(active) { + border-style: solid; + border-width: 1px; + border-color: #00348d; } + +rubberband, .content-view > rubberband, columnview.view > rubberband, +treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #005af3; + background-color: rgba(0, 90, 243, 0.2); } + +flowbox > flowboxchild { + padding: 3px; + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + flowbox > flowboxchild { + outline: 0 solid transparent; + outline-offset: 4px; } + flowbox > flowboxchild:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + flowbox > flowboxchild:selected { + outline-color: rgba(255, 255, 255, 0.3); } + +gridview > child { + padding: 3px; + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + gridview > child { + outline: 0 solid transparent; + outline-offset: 4px; } + gridview > child:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + gridview > child:selected { + outline-color: rgba(255, 255, 255, 0.3); } + gridview > child box { + border-spacing: 8px; + margin: 12px; } + +coverflow cover { + color: white; + background-color: #272a34; + border: 1px solid black; } + +label { + outline: 0 solid transparent; + outline-offset: 4px; } + +label:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + +label > selection { + background-color: #2777ff; + color: #ffffff; } + +label:disabled { + color: #888a8d; } + button label:disabled { + color: inherit; } + +label.error { + color: #bf1717; } + label.error:disabled { + color: rgba(191, 23, 23, 0.5); } + +.dim-label, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, +entry > text > placeholder, label.separator { + opacity: 0.55; + text-shadow: none; } + +window.assistant .sidebar { + padding: 5px; + border-top: 1px solid #0d0e11; } + +window.assistant.csd .sidebar { + border-top-style: none; } + +window.assistant .sidebar > label { + padding: 6px 12px; } + +window.assistant .sidebar > label.highlight { + background-color: #3b3e46; + border-radius: 5px; } + +window.aboutdialog image.large-icons { + -gtk-icon-size: 128px; } + +.osd .scale-popup, .app-notification, .osd popover.background > arrow, +.osd popover.background > contents, popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, popover.background.magnifier > arrow, +popover.background.magnifier > contents, +.osd { + color: white; + border: none; + background-color: #303340; + background-clip: padding-box; + -gtk-icon-shadow: 0 1px black; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + transform: rotate(1turn); } } + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +/********************** + * General Typography * + **********************/ +.large-title { + font-weight: 300; + font-size: 24pt; } + +.title-1 { + font-weight: 800; + font-size: 20pt; } + +.title-2 { + font-weight: 800; + font-size: 15pt; } + +.title-3 { + font-weight: 700; + font-size: 15pt; } + +.title-4 { + font-weight: 700; + font-size: 13pt; } + +.heading { + font-weight: 700; + font-size: 11pt; } + +.body { + font-weight: 400; + font-size: 11pt; } + +.caption-heading { + font-weight: 700; + font-size: 9pt; } + +.caption { + font-weight: 400; + font-size: 9pt; } + +/**************** + * Text Entries * + ****************/ +spinbutton.vertical > text, spinbutton:not(.vertical), +entry { + min-height: 32px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 5px; + border-spacing: 6px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: white; + border-color: #0d0e11; + background-color: #272a34; } + spinbutton.vertical > text, spinbutton:not(.vertical), + entry { + outline: 0 solid transparent; + outline-offset: 4px; } + spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), + entry:focus-within { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, + entry > image.left { + margin-right: 6px; } + spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, + entry > image.right { + margin-left: 6px; } + spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, + entry > text > block-cursor { + color: #272a34; + background-color: white; } + spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), + entry.flat:focus-within, + entry.flat:backdrop, + entry.flat:disabled, + entry.flat { + min-height: 0; + padding: 2px; + background-color: transparent; + border-color: transparent; + border-radius: 0; } + spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, + entry:focus-within > placeholder { + opacity: 0; + /* We hide placeholders on focus */ } + spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), + entry:disabled { + color: #888a8d; + border-color: #0d0e11; + background-color: #242731; } + spinbutton.vertical > text.error, spinbutton.error:not(.vertical), + entry.error { + color: #bf1717; } + spinbutton.vertical > text.error, spinbutton.error:not(.vertical), + entry.error { + outline: 0 solid transparent; + outline-offset: 4px; } + spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), + entry.error:focus-within { + outline-color: rgba(191, 23, 23, 0.5); + outline-width: 2px; + outline-offset: -2px; } + spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, + entry.error > selection { + background-color: #bf1717; } + spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), + entry.warning { + color: #fd7d00; } + spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), + entry.warning { + outline: 0 solid transparent; + outline-offset: 4px; } + spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), + entry.warning:focus-within { + outline-color: rgba(253, 125, 0, 0.5); + outline-width: 2px; + outline-offset: -2px; } + spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, + entry.warning > selection { + background-color: #fd7d00; } + spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, + entry > image { + color: #c6c7c7; } + spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, + entry > image:hover { + color: #eeeeec; } + spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, + entry > image:active { + color: #2777ff; } + spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, + entry.password image.caps-lock-indicator { + color: #75777c; } + spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus-within, + entry:drop(active) { + border-color: #19a187; + box-shadow: inset 0 0 0 1px #19a187; } + .osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { + color: white; + border-color: black; + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { + color: white; + border-color: #2777ff; + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; } + .osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { + color: #97999f; + border-color: black; + background-color: rgba(68, 72, 83, 0.5); + background-clip: padding-box; } + +spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, +entry > progress { + margin-bottom: 2px; } + +spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, +entry progress > trough > progress { + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #2777ff; + border-style: solid; + box-shadow: none; } + +spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .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) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { + border-left-color: #19a187; } + +spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + border-top-color: #1f222a; } + +spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { + border-top-color: #1f222a; } + +spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), +spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > entry + entry:drop(active):not(:only-child) { + border-top-color: #19a187; } + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), +spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, +.linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #19a187; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), +entry.error { + color: #bf1717; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { + background-color: #272a34; + transition-property: color, background; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #272a34; } + treeview entry.flat:focus-within, treeview entry:focus-within { + border-color: #2777ff; } + +/******************* + * Editable Labels * + *******************/ +editablelabel > stack > text { + color: white; + border-color: #0d0e11; + background-color: #272a34; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: radial-gradient(farthest-side, #74a7ff 0%, rgba(116, 167, 255, 0) 0%); } + to { + background-image: radial-gradient(farthest-side, #74a7ff 95%, rgba(116, 167, 255, 0)); } } + +notebook > header > tabs > arrow, windowcontrols button, +button { + min-height: 24px; + min-width: 16px; + padding: 4px 9px; + border: 1px solid; + border-radius: 5px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #eeeeec; + outline-color: rgba(39, 119, 255, 0.7); + border-color: #0d0e11; + background-image: linear-gradient(to top, #252831 2px, #272a34); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + notebook > header > tabs > arrow, windowcontrols button, + button { + outline: 0 solid transparent; + outline-offset: 4px; } + notebook > header > tabs > arrow:focus:focus-visible, + button:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + notebook > header > tabs > arrow:hover, + button:hover { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); + -gtk-icon-filter: brightness(1.2); } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #eeeeec; + border-color: #0d0e11; + background-image: image(#13151a); + box-shadow: none; + transition-duration: 50ms; } + notebook > header > tabs > arrow:checked:hover, + button:checked:hover { + color: #eeeeec; + border-color: #0d0e11; + background-image: image(#0d0e11); + box-shadow: none; } + notebook > header > tabs > arrow:checked:active, + button:checked:active { + color: #eeeeec; + border-color: #0d0e11; + background-image: image(#08090b); + box-shadow: none; } + notebook > header > tabs > arrow:backdrop, + button.flat:backdrop, + button:backdrop { + color: #888a8d; + border-color: #16171d; + background-image: image(#23252e); + box-shadow: none; + transition: 200ms ease-out; + -gtk-icon-filter: none; } + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button.flat:backdrop:active, + button.flat:backdrop:checked, + button:backdrop:active, + button:backdrop:checked { + color: #888a8d; + border-color: #16171d; + background-image: image(#1e2128); + box-shadow: none; } + notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop:disabled, + button:backdrop:disabled { + color: #43495a; + border-color: #16171d; + background-image: image(#242731); + box-shadow: none; } + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button.flat:backdrop:disabled:active, + button.flat:backdrop:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + color: #43495a; + border-color: #16171d; + background-image: image(#1e2128); + box-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#242731); } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#1a1c23); + box-shadow: none; } + button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + transition: none; } + button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, + button.flat:hover { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: #252831; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, + button.flat:active, + button.flat:checked { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: #1c1e25; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 5px; + padding-right: 5px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + dropdown:drop(active) button.combo, + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #19a187; + border-color: #19a187; + box-shadow: inset 0 0 0 1px #19a187; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #ffffff; + border-color: transparent; } + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #888a8d; } + + +button.osd { + min-width: 26px; + min-height: 32px; + color: white; + border-radius: 5px; + color: white; + outline-color: rgba(39, 119, 255, 0.7); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; + border: none; + box-shadow: none; } + + button.osd.image-button { + min-width: 30px; } + + button.osd.image-button:only-child { + margin: 4px; + border-radius: 50%; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + + button.osd:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#1a1c23); + background-clip: padding-box; + border: none; + box-shadow: none; } + + button.osd:active, + button.osd:checked { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; + border: none; + box-shadow: none; } + +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { + color: white; + outline-color: rgba(39, 119, 255, 0.7); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#1a1c23); + background-clip: padding-box; } + .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; } + .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; } + .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: none; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#1a1c23); + background-clip: padding-box; } + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; } + + +button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #0047c0; + background-image: linear-gradient(to top, #2274ff 2px, #2777ff); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + + button.suggested-action { + outline: 0 solid transparent; + outline-offset: 4px; } + + button.suggested-action:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); + outline-width: 2px; + outline-offset: -2px; } + + button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #2777ff; } + + button.suggested-action:hover { + color: white; + border-color: #0051da; + background-image: linear-gradient(to top, #136aff 20%, #186eff 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + + button.suggested-action:active, + button.suggested-action:checked { + color: white; + border-color: #0051da; + background-image: image(#005cf8); + box-shadow: none; } + + button.suggested-action.flat:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(39, 119, 255, 0.8); } + + button.suggested-action:disabled { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#242731); } + + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { + color: #a4bfeb; + border-color: #0051da; + background-image: image(#1c5ecd); + box-shadow: none; } + .osd button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: black; + background-color: transparent; + background-image: image(rgba(39, 119, 255, 0.5)); + background-clip: padding-box; } + .osd button.suggested-action:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(rgba(39, 119, 255, 0.7)); + background-clip: padding-box; } + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#2777ff); + background-clip: padding-box; + box-shadow: none; } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; } + + +button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #4b0909; + background-image: linear-gradient(to top, #a21313 2px, #a61414); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + + button.destructive-action { + outline: 0 solid transparent; + outline-offset: 4px; } + + button.destructive-action:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); + outline-width: 2px; + outline-offset: -2px; } + + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #a61414; } + + button.destructive-action:hover { + color: white; + border-color: #620c0c; + background-image: linear-gradient(to top, #941111 20%, #991212 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + + button.destructive-action:active, + button.destructive-action:checked { + color: white; + border-color: #620c0c; + background-image: image(#7d0f0f); + box-shadow: none; } + + button.destructive-action.flat:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(166, 20, 20, 0.8); } + + button.destructive-action:disabled { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#242731); } + + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked { + color: #c9a1a1; + border-color: #620c0c; + background-image: image(#791314); + box-shadow: none; } + .osd button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: black; + background-color: transparent; + background-image: image(rgba(166, 20, 20, 0.5)); + background-clip: padding-box; } + .osd button.destructive-action:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(rgba(166, 20, 20, 0.7)); + background-clip: padding-box; } + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#a61414); + background-clip: padding-box; + box-shadow: none; } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; } + +stackswitcher > button > label { + padding: 0 6px; + margin: 0 -6px; } + +stackswitcher > button > image { + padding: 3px 6px; + margin: -3px -6px; } + + +button.font separator { + background-color: transparent; } + + +button.font > box { + border-spacing: 6px; } + + +button.font > box > box > label { + font-weight: bold; } + + +button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; + border-radius: 9999px; } + + button.circular label { + padding: 0; } + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: radial-gradient(farthest-side, #74a7ff 96%, rgba(116, 167, 255, 0)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, + stackswitcher > button.needs-attention > image:backdrop { + background-size: 6px 6px, 0 0; } + stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), + stackswitcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), +combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), +combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, +.linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, +.linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, +.linked.vertical > dropdown:not(:first-child) > button, +.linked.vertical > colorbutton:not(:first-child) > button, +.linked.vertical > fontbutton:not(:first-child) > button, +.linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, +.linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, +.linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, +.linked.vertical > dropdown:not(:last-child) > button, +.linked.vertical > colorbutton:not(:last-child) > button, +.linked.vertical > fontbutton:not(:last-child) > button, +.linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + +.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, +list > row button.image-button:not(.flat), .toolbar button, modelbutton.flat { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 5px; } + modelbutton.flat:hover { + background-color: #3b3e46; } + modelbutton.flat:disabled { + color: #888a8d; } + +modelbutton.flat arrow { + background: none; + min-width: 16px; + min-height: 16px; + opacity: 0.3; } + modelbutton.flat arrow:hover { + background: none; } + modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } + +/* oldstyle toolbar buttons */ +.toolbar button { + margin: 1px; } + .toolbar button:hover { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + .toolbar button:active { + color: #eeeeec; + border-color: #0d0e11; + background-image: image(#13151a); + box-shadow: none; } + .toolbar button:disabled { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#242731); } + .toolbar button:backdrop { + color: #888a8d; + border-color: #16171d; + background-image: image(#23252e); + box-shadow: none; } + .toolbar button:backdrop:disabled { + color: #43495a; + border-color: #16171d; + background-image: image(#242731); + box-shadow: none; } + +button.color { + padding: 4px; } + button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { + border-radius: 0; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +popover.menu box.circular-buttons button.circular.image-button.model, +list > row button.image-button:not(.flat) { + border: 1px solid rgba(13, 14, 17, 0.5); } + popover.menu box.circular-buttons button.circular.image-button.model:hover, + list > row button.image-button:not(.flat):hover { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, + list > row button.image-button:not(.flat):active, + list > row button.image-button:not(.flat):checked { + color: #eeeeec; + border-color: #0d0e11; + background-image: image(#13151a); + box-shadow: none; } + +/********* + * Links * + *********/ +button.link, +link { + color: #8db7ff; + text-decoration: underline; } + button.link:visited, + link:visited { + color: #5a97ff; } + *:selected button.link:visited, *:selected link:visited { + color: #bdd5ff; } + button.link:hover, + link:hover { + color: #c0d7ff; } + *:selected button.link:hover, *:selected link:hover { + color: #f9fbff; } + button.link:active, + link:active { + color: #8db7ff; } + *:selected button.link:active, *:selected link:active { + color: #e8f1ff; } + button.link:disabled, + link:disabled { + color: rgba(198, 198, 198, 0.8); } + button.link:selected, *:selected button.link, + link:selected, *:selected link { + color: #e8f1ff; } + +link { + outline: 0 solid transparent; + outline-offset: 4px; } + +link:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + +button.link, button.link:hover, button.link:active, button.link:checked { + text-shadow: none; } + +button.link > label { + text-decoration: underline; } + +/***************** + * 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 */ } + .osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + padding: 6px; } + .osd spinbutton:not(.vertical) > text:backdrop:disabled, 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: #dadada; + background-image: none; + border-style: none none none solid; + border-color: rgba(13, 14, 17, 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: #eeeeec; + background-color: #181a20; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + color: rgba(136, 138, 141, 0.3); + background-color: transparent; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 5px 5px 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: 5px 0 0 5px; } + .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: none; + color: white; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.7); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) > button.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: none; + color: white; + border-color: rgba(0, 0, 0, 0.5); + background-color: #1a1c23; + -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: none; + color: #97999f; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 5px 5px 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: 5px 0 0 5px; } + spinbutton.vertical:disabled { + color: #888a8d; } + 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 > block-cursor { + color: #272a34; + background-color: white; } + 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: white; + outline-color: rgba(39, 119, 255, 0.7); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; } + .osd spinbutton.vertical > button:first-child:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#1a1c23); + background-clip: padding-box; } + .osd spinbutton.vertical > button:first-child:active { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; } + .osd spinbutton.vertical > button:first-child:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; } + treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; } + +/************** + * ComboBoxes * + **************/ +dropdown > popover.menu.background > contents { + padding: 0; } + +dropdown > button > box { + border-spacing: 6px; } + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +dropdown > popover.menu > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; } + +dropdown:drop(active), +combobox:drop(active) { + box-shadow: none; } + +dropdown popover, +combobox popover { + margin-top: 6px; + padding: 0; } + dropdown popover listview, + combobox popover listview { + margin: 8px 0; } + dropdown popover listview > row, + combobox popover listview > row { + padding: 8px; } + dropdown popover listview > row:selected, + combobox popover listview > row:selected { + outline-color: rgba(255, 255, 255, 0.3); + color: white; + background-color: #3b3e46; } + dropdown popover .dropdown-searchbar, + combobox popover .dropdown-searchbar { + padding: 6px; + border-bottom: 1px solid #0d0e11; } + +/************ + * Toolbars * + ************/ +searchbar > revealer > box, .toolbar, +toolbar { + padding: 4px; + border-spacing: 4px; + background-color: #23252e; } + +.osd .toolbar, .osd toolbar { + background-color: transparent; } + +.toolbar.osd, +toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: #303340; } + .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, + toolbar.osd.left, + toolbar.osd.right, + toolbar.osd.top, + toolbar.osd.bottom { + border-radius: 0; } + +.toolbar.horizontal > separator, +toolbar.horizontal > separator { + margin: 4px 0; } + +.toolbar.vertical > separator, +toolbar.vertical > separator { + margin: 0 4px; } + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-width: 0 0 1px; } + +searchbar > revealer > box { + border-style: solid; + border-color: #0d0e11; + background-color: #1c1e25; } + searchbar > revealer > box:backdrop { + border-color: #16171d; + background-color: #1e2028; + box-shadow: none; + transition: 200ms ease-out; } + +/************** + * GtkInfoBar * + **************/ +infobar > revealer > box { + padding: 8px; + border-spacing: 12px; } + +infobar.action:hover > revealer > box { + background-color: #010101; } + +infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { + border-bottom: 1px solid #181a20; + background-color: #080604; } + +infobar .close, +searchbar .close { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 50%; } + infobar .close:hover, + searchbar .close:hover { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + +/***************** + * Title buttons * + *****************/ +windowcontrols { + border-spacing: 6px; } + windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { + margin-right: 7px; } + windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { + margin-left: 7px; } + windowcontrols button { + border-radius: 9999px; + padding: 6px; + margin: 0 2px; + min-width: 0; + min-height: 0; } + windowcontrols button:hover { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: #0d0e11; } + windowcontrols button:active, windowcontrols button:checked { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: black; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), +headerbar { + padding: 0 6px; + min-height: 46px; + border-width: 0 0 1px; + border-style: solid; + border-color: black; + border-radius: 0; + background: #0d0e11 linear-gradient(to top, #16171d, #1a1c23); + /* Darken switchbuttons for headerbars. issue #1588 */ } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + border-color: #16171d; + background-color: #23252e; + background-image: none; + box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + padding-left: 12px; + padding-right: 12px; + font-weight: bold; } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) stackswitcher > button:checked, + .titlebar:not(headerbar) button.toggle:checked, + headerbar stackswitcher > button:checked, + headerbar button.toggle:checked { + background: image(#0f1014); + border-color: #060708; + border-top-color: black; } + .titlebar:not(headerbar) stackswitcher > button:checked:backdrop, + .titlebar:not(headerbar) button.toggle:checked:backdrop, + headerbar stackswitcher > button:checked:backdrop, + headerbar button.toggle:checked:backdrop { + color: #888a8d; + border-color: #16171d; + background-image: image(#1e2128); + box-shadow: none; } + .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), + headerbar.default-decoration { + min-height: 28px; + padding: 4px; } + .default-decoration.titlebar:not(headerbar) windowcontrols button, + .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, + headerbar.default-decoration windowcontrols button, + headerbar.default-decoration windowcontrols menubutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; } + .default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, + headerbar.default-decoration windowcontrols menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; } + .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + margin-left: -1px; + margin-right: -1px; + margin-top: -1px; + border-radius: 0; + box-shadow: none; } + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; } + +headerbar entry, +headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button, +headerbar menubutton { + margin-top: 6px; + margin-bottom: 6px; } + +headerbar menubutton > button { + margin-top: 0px; + margin-bottom: 0px; } + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; } + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } + +.titlebar:not(headerbar) separator { + background-color: #0d0e11; } + +window.devel headerbar.titlebar { + background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 119, 255, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); } + window.devel headerbar.titlebar:backdrop { + background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e); + /* background-color would flash */ } + +/************ + * Pathbars * + ************/ +pathbar > button.text-button, pathbar > button.image-button, pathbar > button { + padding-left: 4px; + padding-right: 4px; } + +pathbar > button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + +pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { + padding-right: 8px; } + +pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { + padding-left: 8px; } + +pathbar > button image { + padding-left: 4px; + padding-right: 4px; } + +pathbar > button.slider-button { + padding-left: 0; + padding-right: 0; } + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #4f5159; + border-top-color: #4f5159; } + columnview.view, + treeview.view { + outline: 0 solid transparent; + outline-offset: 4px; } + columnview.view:focus:focus-visible, + treeview.view:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; + outline-color: rgba(255, 255, 255, 0.3); } + columnview.view:disabled, + treeview.view:disabled { + color: #888a8d; } + columnview.view:disabled:selected, + treeview.view:disabled:selected { + color: #7dadff; } + columnview.view:disabled:selected:backdrop, + treeview.view:disabled:selected:backdrop { + color: #5b93f3; } + columnview.view.separator, + treeview.view.separator { + min-height: 2px; + color: #4f5159; } + columnview.view:backdrop, + treeview.view:backdrop { + border-left-color: #3a3d46; + border-top: #3a3d46; } + 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: #00348d; } + columnview.view > dndtarget.after:drop(active), + treeview.view > dndtarget.after:drop(active) { + border-top-style: none; } + columnview.view > dndtarget.before:drop(active), + treeview.view > dndtarget.before:drop(active) { + 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: #bebfc2; } + columnview.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + columnview.view.expander:hover, + treeview.view.expander:hover { + color: white; } + columnview.view.expander:selected, + treeview.view.expander:selected { + color: #bed6ff; } + columnview.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #ffffff; } + columnview.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + columnview.view.progressbar, + treeview.view.progressbar { + background-color: #2777ff; + background-image: image(#2777ff); + box-shadow: none; } + 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(#272a34); } + columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + background-color: #292c37; } + columnview.view.trough, + treeview.view.trough { + background-color: rgba(238, 238, 236, 0.1); } + columnview.view.trough:selected:focus, columnview.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: #005af3; } + columnview.view > header > button, + treeview.view > header > button { + color: #8b8c90; + background-color: #272a34; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + columnview.view > header > button:hover, + treeview.view > header > button:hover { + color: #bdbdbe; + box-shadow: none; + transition: none; } + columnview.view > header > button:active, + treeview.view > header > button:active { + color: #eeeeec; + transition: none; } + 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: #272a34; + background-image: none; + background-color: #2777ff; + border-style: none; + border-radius: 0; + box-shadow: inset 0 0 0 1px #272a34; + text-shadow: none; + transition: none; } + columnview.view acceleditor > label, + treeview.view acceleditor > label { + background-color: #2777ff; } + +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: #4f5159; + border-radius: 0; + text-shadow: none; } + columnview.view > header > button:disabled, + treeview.view > header > button:disabled { + border-color: #23252e; + background-image: none; } + columnview.view > header > button:last-child, + treeview.view > header > button:last-child { + border-right-style: none; } + +/*************** + * Popovers * + ***************/ +popover.background { + background-color: transparent; + font: initial; } + popover.background > arrow, + popover.background > contents { + background-color: #1f222a; + background-clip: padding-box; + border: 1px solid rgba(13, 14, 17, 0.9); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + popover.background:backdrop { + background-color: transparent; } + popover.background > contents { + padding: 8px; + border-radius: 9px; } + 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: #13151a; + 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: #272a34; } + +/********************** + * 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: 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(#3b3e46); } + 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: #3b3e46; + border-color: #3b3e46; } + popover.menu > arrow, popover.menu.background > contents { + background-color: #1f222a; + padding: 5px; } + 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, + popover.menu radio { + transform: scale(0.8); + border-width: 1.2px; + border-color: transparent; + box-shadow: none; + background-image: image(transparent); + color: white; } + popover.menu check:hover, + popover.menu radio:hover { + transform: scale(0.8); + border-width: 1.2px; + color: white; + box-shadow: none; + background-image: image(transparent); } + popover.menu check:active, + popover.menu radio:active { + transform: scale(0.8); + border-width: 1.2px; + color: white; + box-shadow: none; + background-image: image(transparent); } + popover.menu radio { + border-color: #0d0e11; } + popover.menu radio:active { + border-color: rgba(13, 14, 17, 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 { + min-height: 30px; + min-width: 40px; + padding: 0 12px; + border-radius: 5px; } + popover.menu modelbutton:selected { + color: white; + background-color: #3b3e46; } + popover.menu modelbutton:selected:active { + background-color: #040405; } + popover.menu label.title { + font-weight: bold; + padding: 4px 32px; } + +menubar { + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + menubar > item { + min-height: 16px; + padding: 4px 8px; } + menubar > item:selected { + box-shadow: inset 0 -3px #2777ff; + color: #8db7ff; } + menubar > item:disabled { + color: #888a8d; + box-shadow: none; } + menubar > item popover.menu.background > contents { + padding: 5px; } + menubar > item popover.menu popover.menu { + padding: 0 0 4px 0; } + menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: 9px; } + +/************* + * Notebooks * + *************/ +notebook > header > tabs > tab:checked { + outline: 0 solid transparent; + outline-offset: 4px; } + +notebook:focus:focus-visible > header > tabs > tab:checked { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + +notebook > header { + padding: 1px; + border-color: #0d0e11; + border-width: 1px; + background-color: #1b1d24; } + notebook > header > tabs { + margin: -1px; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs { + margin-bottom: -2px; } + notebook > header.top > tabs > tab:hover { + box-shadow: inset 0 -4px #0d0e11; } + notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -4px #2777ff; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs { + margin-top: -2px; } + notebook > header.bottom > tabs > tab:hover { + box-shadow: inset 0 4px #0d0e11; } + notebook > header.bottom > tabs > tab:checked { + box-shadow: inset 0 4px #2777ff; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs { + margin-right: -2px; } + notebook > header.left > tabs > tab:hover { + box-shadow: inset -4px 0 #0d0e11; } + notebook > header.left > tabs > tab:checked { + box-shadow: inset -4px 0 #2777ff; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs { + margin-left: -2px; } + notebook > header.right > tabs > tab:hover { + box-shadow: inset 4px 0 #0d0e11; } + notebook > header.right > tabs > tab:checked { + box-shadow: inset 4px 0 #2777ff; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + notebook > header > tabs > tab { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + color: #eeeeec; + font-weight: normal; + border-width: 1px; + border-color: transparent; } + notebook > header > tabs > tab:hover { + color: #eeeeec; + background-color: #121418; } + notebook > header > tabs > tab.reorderable-page:hover { + border-color: rgba(13, 14, 17, 0.3); + background-color: rgba(35, 37, 46, 0.2); } + notebook > header > tabs > tab:not(:checked) { + outline-color: transparent; } + notebook > header > tabs > tab:checked { + color: #eeeeec; } + notebook > header > tabs > tab.reorderable-page:checked { + border-color: rgba(13, 14, 17, 0.5); + background-color: rgba(35, 37, 46, 0.5); } + notebook > header > tabs > tab.reorderable-page:checked:hover { + background-color: rgba(35, 37, 46, 0.7); } + notebook > header > tabs > tab button.flat { + color: alpha(currentColor,0.3); + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header > tabs > tab button.flat:hover { + color: currentColor; } + notebook > header > tabs > tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header > tabs > tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top > tabs, notebook > header.bottom > tabs { + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { + margin-left: 3px; + margin-right: 3px; } + notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { + margin-left: -1px; } + notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { + margin-right: -1px; } + notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { + margin-left: 4px; + margin-right: 4px; } + notebook > header.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 > tabs > tab { + padding-bottom: 4px; } + notebook > header.bottom > tabs > tab { + padding-top: 4px; } + +notebook > stack:not(:only-child) { + background-color: #272a34; } + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: #272a34; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + scrollbar.top { + border-bottom: 1px solid #0d0e11; } + scrollbar.bottom { + border-top: 1px solid #0d0e11; } + scrollbar.left { + border-right: 1px solid #0d0e11; } + scrollbar.right { + border-left: 1px solid #0d0e11; } + scrollbar > range > trough > slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #41434b; } + scrollbar > range > trough > slider:hover { + background-color: #4b4d54; } + scrollbar > range > trough > slider:hover:active { + background-color: #2777ff; } + scrollbar > range > trough > slider:disabled { + background-color: transparent; } + scrollbar > range.fine-tune > trough > slider { + min-width: 4px; + min-height: 4px; } + scrollbar > range.fine-tune.horizontal > trough > slider { + border-width: 5px 4px; } + scrollbar > range.fine-tune.vertical > trough > 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) > range > trough > slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #eeeeec; + border: 1px solid black; } + scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + scrollbar.horizontal > range > trough > slider { + min-width: 40px; } + scrollbar.vertical > range > trough > slider { + min-height: 40px; } + +treeview ~ scrollbar.vertical { + border-top: 1px solid #0d0e11; + margin-top: -1px; } + +/********** + * Switch * + **********/ +switch { + font-weight: bold; + font-size: smaller; + border: 1px solid #0d0e11; + border-radius: 14px; + color: #eeeeec; + background-color: #1b1d24; + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + /* only show i / o for the accessible theme */ } + switch { + outline: 0 solid transparent; + outline-offset: 4px; } + switch:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: 0; } + headerbar switch { + background-color: #0a0a0d; } + switch:checked { + color: #ffffff; + border-color: #00348d; + background-color: #2777ff; } + switch:disabled { + color: #888a8d; + border-color: #0d0e11; + background-color: #242731; + text-shadow: none; } + switch > slider { + color: #eeeeec; + outline-color: rgba(39, 119, 255, 0.7); + border-color: #0d0e11; + background-image: linear-gradient(to top, #252831 2px, #272a34); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); + margin: -1px; + min-width: 24px; + min-height: 24px; + border: 1px solid; + border-color: #0d0e11; + border-radius: 50%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + switch > image { + color: transparent; } + switch:hover > slider { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + switch:checked > slider { + border: 1px solid #00348d; } + switch:disabled > slider { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#242731); } + row:selected switch { + outline-color: rgba(255, 255, 255, 0.3); } + +/************************* + * Check and Radio items * + *************************/ +.view.content-view.check:not(list), iconview.content-view.check:not(list), +.content-view .tile check:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: transparent; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; + -gtk-icon-shadow: none; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), +.content-view .tile check:hover:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: transparent; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; + -gtk-icon-shadow: none; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), +.content-view .tile check:active:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: transparent; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; + -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), +.content-view .tile check:backdrop:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: transparent; + background-color: #939393; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; + -gtk-icon-shadow: none; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), +.content-view .tile check:checked:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: white; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); + -gtk-icon-shadow: none; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), +.content-view .tile check:checked:hover:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: white; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); + -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), +.content-view .tile check:checked:active:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: white; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); + -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), +.content-view .tile check:backdrop:checked:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: rgba(255, 255, 255, 0.8); + background-color: #939393; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); + -gtk-icon-shadow: none; } + +checkbutton { + border-spacing: 4px; + border-radius: 5px; + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + checkbutton { + outline: 0 solid transparent; + outline-offset: 4px; } + checkbutton:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + checkbutton.text-button { + padding: 4px; } + +check, +radio { + min-height: 14px; + min-width: 14px; + border: 1px solid; + -gtk-icon-source: none; } + check, + radio { + background-clip: padding-box; + background-image: linear-gradient(to bottom, #2e313d 20%, #23252e 90%); + border-color: black; + box-shadow: 0 1px rgba(0, 0, 0, 0.05); + color: #ffffff; } + check:hover, + radio:hover { + background-image: linear-gradient(to bottom, #363a48 10%, #2b2f3a 90%); } + check:active, + radio:active { + box-shadow: inset 0 1px black; + background-image: image(#181a20); } + check:disabled, + radio:disabled { + box-shadow: none; + color: rgba(255, 255, 255, 0.7); } + check:checked, + radio:checked { + background-clip: border-box; + background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); + border-color: #00215a; + box-shadow: 0 1px rgba(0, 0, 0, 0.05); + color: #ffffff; } + check:checked:hover, + radio:checked:hover { + background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } + check:checked:active, + radio:checked:active { + box-shadow: inset 0 1px black; + background-image: image(#0e67ff); } + check:checked:disabled, + radio:checked:disabled { + box-shadow: none; + color: rgba(255, 255, 255, 0.7); } + check:indeterminate, + radio:indeterminate { + background-clip: border-box; + background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); + border-color: #00215a; + box-shadow: 0 1px rgba(0, 0, 0, 0.05); + color: #ffffff; } + check:indeterminate:hover, + radio:indeterminate:hover { + background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } + check:indeterminate:active, + radio:indeterminate:active { + box-shadow: inset 0 1px black; + background-image: image(#0e67ff); } + check:indeterminate:disabled, + radio:indeterminate:disabled { + box-shadow: none; + color: rgba(255, 255, 255, 0.7); } + .osd check, .osd radio { + color: white; + outline-color: rgba(39, 119, 255, 0.7); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; } + .osd check:hover, .osd radio:hover { + color: white; + outline-color: rgba(39, 119, 255, 0.7); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; } + .osd check:active, .osd radio:active { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; } + .osd check:disabled, .osd radio:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; } + + +check { + border-radius: 3px; + -gtk-icon-size: 14px; } + + check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } + + check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, +radio { + border-radius: 100%; + -gtk-icon-size: 14px; } + treeview.view radio:checked:selected, + radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } + treeview.view radio:indeterminate:selected, + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } + +treeview.view check:selected:focus, treeview.view check:selected, +treeview.view radio:selected:focus, +treeview.view radio:selected { + color: #ffffff; } + +/************ + * GtkScale * + ************/ +progressbar > trough, scale > trough > fill, scale > trough { + border: 1px solid #1b1d24; + border-radius: 3px; + background-color: #1b1d24; } + headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { + background-color: #0a0a0d; } + progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { + background-color: #242731; + border-color: #0d0e11; } + row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { + outline-color: rgba(255, 255, 255, 0.3); + border-color: #00348d; } + .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { + border-color: black; + background-color: rgba(0, 0, 0, 0.8); } + .osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { + background-color: rgba(68, 72, 83, 0.5); } + +progressbar > trough > progress, scale > trough > highlight { + border: 1px solid #2777ff; + border-radius: 3px; + background-color: #2777ff; } + progressbar > trough > progress:disabled, scale > trough > highlight:disabled { + background-color: transparent; + border-color: transparent; } + row:selected progressbar > trough > progress, row:selected scale > trough > highlight { + border-color: #00348d; } + .osd progressbar > trough > progress, .osd scale > trough > highlight { + border-color: black; } + .osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { + border-color: transparent; } + +scale { + min-height: 10px; + min-width: 10px; + padding: 12px; } + scale > trough { + outline: 0 solid transparent; + outline-offset: 16px; } + scale:focus:focus-visible > trough { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: 10px; } + scale > trough { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + scale > trough > fill, + scale > trough > highlight { + margin: -1px; } + scale > trough > slider { + min-height: 18px; + min-width: 18px; + margin: -9px; } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune > trough > slider { + margin: -6px; } + scale.fine-tune > trough > fill, + scale.fine-tune > trough > highlight, + scale.fine-tune > trough { + border-radius: 5px; } + scale > trough > fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale > trough > fill { + background-color: #404040; } + .osd scale > trough > fill:disabled { + border-color: transparent; + background-color: transparent; } + scale > trough > slider { + color: #eeeeec; + outline-color: rgba(39, 119, 255, 0.7); + border-color: #0d0e11; + background-image: linear-gradient(to top, #252831 2px, #272a34); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); + border-width: 1px; + border-style: solid; + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale > trough > slider:hover { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + scale > trough > slider:active { + border-color: #00348d; } + scale > trough > slider:disabled { + color: #888a8d; + border-color: #0d0e11; + background-image: image(#242731); } + row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { + border-color: #00348d; } + .osd scale > trough > slider { + color: white; + outline-color: rgba(39, 119, 255, 0.7); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; + border-color: black; + background-color: #303340; } + .osd scale > trough > slider:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#1a1c23); + background-clip: padding-box; + background-color: #303340; } + .osd scale > trough > slider:active { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; + background-color: #303340; } + .osd scale > trough > slider:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; + background-color: #303340; } + scale > value { + color: alpha(currentColor,0.55); + font-feature-settings: "tnum"; } + 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.marks-before:not(.marks-after) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -7px -10px; + margin-top: -11px; } + scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -7px -10px; + margin-top: -11px; } + scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -7px -10px; + margin-top: -11px; } + scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -7px -10px; + margin-top: -11px; } + scale.horizontal.marks-after:not(.marks-before) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -7px -10px; + margin-bottom: -11px; } + scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -7px -10px; + margin-bottom: -11px; } + scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -7px -10px; + margin-bottom: -11px; } + scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -7px -10px; + margin-bottom: -11px; } + scale.vertical.marks-before:not(.marks-after) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -10px -7px; + margin-left: -11px; } + scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -10px -7px; + margin-left: -11px; } + scale.vertical.marks-before:not(.marks-after) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -10px -7px; + margin-left: -11px; } + scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -10px -7px; + margin-left: -11px; } + scale.vertical.marks-after:not(.marks-before) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -10px -7px; + margin-right: -11px; } + scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -10px -7px; + margin-right: -11px; } + scale.vertical.marks-after:not(.marks-before) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -10px -7px; + margin-right: -11px; } + scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -10px -7px; + margin-right: -11px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color > trough { + background-image: image(#0d0e11); + 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 > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > 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) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > 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) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > 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) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > 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) > trough > 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) > trough > slider { + margin-right: -15px; + margin-left: 6px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(238, 238, 236, 0.4); + font-feature-settings: "tnum"; } + progressbar.horizontal > trough { + min-width: 150px; } + progressbar.horizontal > trough, progressbar.horizontal > trough > progress { + min-height: 2px; } + progressbar.vertical > trough { + min-height: 80px; } + progressbar.vertical > trough, progressbar.vertical > trough > progress { + min-width: 2px; } + progressbar.horizontal > trough > progress { + margin: 0 -1px; } + progressbar.vertical > trough > progress { + margin: -1px 0; } + progressbar > trough > progress { + /* share most of scales' */ + /* override insensitive that is specific to progress */ + border-radius: 1.5px; } + progressbar > trough > progress:disabled { + background-color: #888a8d; + border-color: #888a8d; } + progressbar > trough > progress.left { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } + progressbar > trough > progress.right { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } + progressbar > trough > progress.top { + border-top-right-radius: 5px; + border-top-left-radius: 5px; } + progressbar > trough > progress.bottom { + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; } + 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 > trough > progress { + border-style: none; + border-radius: 0; } + progressbar > trough.empty > progress { + all: unset; } + +/************* + * Level Bar * + *************/ +levelbar.horizontal trough > block { + min-height: 9px; + 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: 9px; + 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: #fd7d00; + background-color: #fd7d00; } + levelbar > trough > block.high, levelbar > trough > block:not(.empty) { + border-color: #2777ff; + background-color: #2777ff; } + levelbar > trough > block.full { + border-color: #308e63; + background-color: #308e63; } + levelbar > trough > block.empty { + background-color: #181a20; + border-color: #181a20; } + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: #eeeeec; + background: none; + border: none; + padding: 0; } + window.dialog.print drawing paper { + background: white; + color: #2e3436; + border: 1px solid #0d0e11; } + +window.dialog.print .dialog-action-box { + margin: 12px; } + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid #0d0e11; } + +frame { + border-radius: 8px; } + frame > label { + margin: 4px; } + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid #0d0e11; } + +scrolledwindow > overshoot.top { + background-image: radial-gradient(farthest-side at top, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at top, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow > overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at bottom, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow > overshoot.left { + background-image: radial-gradient(farthest-side at left, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow > overshoot.right { + background-image: radial-gradient(farthest-side at right, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at right, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow > junction { + background: #0d0e11, linear-gradient(to bottom, transparent 1px, #272a34 1px), linear-gradient(to right, transparent 1px, #272a34 1px); } + scrolledwindow > junction:dir(rtl) { + background: #0d0e11, linear-gradient(to bottom, transparent 1px, #272a34 1px), linear-gradient(to left, transparent 1px, #272a34 1px); } + +separator { + background: #181a20; + min-width: 1px; + min-height: 1px; } + +/********* + * Lists * + *********/ +listview, +list { + color: white; + background-color: #272a34; + border-color: #0d0e11; } + listview:backdrop, + list:backdrop { + color: #d4d5d7; + background-color: #292c37; + border-color: #16171d; } + listview > row, + list > row { + padding: 2px; } + listview > row.expander, + list > row.expander { + padding: 0px; } + listview > row.expander .row-header, + list > row.expander .row-header { + padding: 2px; } + listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), + list.horizontal row.separator, + list.separators.horizontal > row:not(.separator) { + border-left: 1px solid #4f5159; } + listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), + list:not(.horizontal) row.separator, + list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid #4f5159; } + +row { + outline: 0 solid transparent; + outline-offset: 4px; } + +row:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(238, 238, 236, 0.05); } + +row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + +row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + +row.activatable.has-open-popup:selected, row.activatable:selected:hover { + background-color: #3b83fd; } + +row:selected { + outline-color: rgba(255, 255, 255, 0.3); } + +columnview > listview > row { + padding: 0; } + columnview > listview > row > cell { + padding: 8px 6px; } + columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; } + +columnview.column-separators > listview > row > cell { + border-left-color: #4f5159; } + +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 rgba(39, 119, 255, 0.7); } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #2777ff; } + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: #ffffff; + background-color: #2777ff; } + +/******************************************************* + * 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; } + +/********************* + * App Notifications * + *********************/ +.app-notification { + padding: 10px; + border-spacing: 10px; + border-radius: 0 0 5px 5px; + background-color: #303340; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); + background-clip: padding-box; } + .app-notification border { + border: none; } + +/************* + * Expanders * + *************/ +expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander:disabled { + color: #888a8d; } + expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +expander-widget > box > title { + outline: 0 solid transparent; + outline-offset: 4px; } + +expander-widget:focus:focus-visible > box > title { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: -2px; } + +expander-widget > box > title { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-radius: 5px; } + expander-widget > box > title:hover > expander { + color: white; } + +.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), +placessidebar:not(decoration):not(window):drop(active):focus, +placessidebar:not(decoration):not(window):drop(active), +stackswitcher:not(decoration):not(window):drop(active):focus, +stackswitcher:not(decoration):not(window):drop(active), +expander-widget:not(decoration):not(window):drop(active):focus, +expander-widget:not(decoration):not(window):drop(active) { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: white; + border: 1px solid #0d0e11; } + calendar > header { + border-bottom: 1px solid #0d0e11; } + calendar > header > button { + border: none; + box-shadow: none; + background: none; + border-radius: 0; } + calendar > header > button:backdrop { + background: none; } + calendar > grid > label.today { + box-shadow: inset 0px -2px #0d0e11; } + calendar > grid > label.today:selected { + box-shadow: none; } + calendar > grid > label:focus { + outline-color: rgba(39, 119, 255, 0.7); + outline-offset: -2px; + outline-width: 2px; + outline-style: solid; } + calendar > grid > label.day-number { + padding: 4px; } + calendar > grid > label.day-number:selected { + border-radius: 3px; } + calendar > grid > label.day-number.other-month { + color: alpha(currentColor,0.3); } + +/*********** + * Dialogs * + ***********/ +window.dialog.message .titlebar { + min-height: 20px; + background-image: none; + background-color: #23252e; + border-style: none; + border-top-left-radius: 7px; + border-top-right-radius: 7px; } + +window.dialog.message box.dialog-vbox.vertical { + border-spacing: 10px; } + +window.dialog.message label.title { + font-weight: 800; + font-size: 15pt; } + +window.dialog.message.csd.background { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; } + +window.dialog.message.csd .dialog-action-area button { + padding: 10px 14px; + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; } + window.dialog.message.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 7px; } + window.dialog.message.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { + border-top: 1px solid #0d0e11; } + +filechooser #pathbarbox { + border-bottom: 1px solid #23252e; } + +filechooserbutton > button > box { + border-spacing: 6px; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + background-color: #252831; } + .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { + border-right: 1px solid #0d0e11; + border-left-style: none; } + .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { + border-left: 1px solid #0d0e11; + border-right-style: none; } + .sidebar listview.view, + .sidebar list { + background-color: transparent; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +stacksidebar list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: none; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + stacksidebar row:selected { + background-color: #3b3e46; + border-radius: 5px; + color: #eeeeec; } + stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { + background-color: #2f3238; } + stacksidebar row:focus:focus-visible { + outline-width: 0; + background-color: #2777ff; + color: #ffffff; } + stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { + box-shadow: none; } + +separator.sidebar { + background-color: #0d0e11; } + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 5px 0; } + .navigation-sidebar > separator { + margin: 5px; } + .navigation-sidebar > row { + min-height: 36px; + padding: 0 8px; + border-radius: 5px; + margin: 0 5px 2px; } + .navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { + background-color: #2f3238; } + .navigation-sidebar > row:selected { + background-color: #3b3e46; + color: inherit; } + .navigation-sidebar > row:selected:hover { + background-color: #2f3238; } + .navigation-sidebar > row:selected:focus-visible:focus-within { + outline-width: 0; + color: #ffffff; + background-color: #2777ff; } + .navigation-sidebar > row:selected:focus-visible:focus-within:hover { + background-color: #005af3; } + .navigation-sidebar > row:disabled { + color: #888a8d; } + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + opacity: 0.7; } + +/* this should be more generic, only using .navigation-sidebar + https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 +*/ +placessidebar .navigation-sidebar > row { + padding: 0; } + placessidebar .navigation-sidebar > row > revealer { + padding: 0 14px; } + placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + border-radius: 100%; } + placessidebar .navigation-sidebar > row:selected:active { + box-shadow: none; } + placessidebar .navigation-sidebar > row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image(#19a187); + background-clip: content-box; } + placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { + color: #2777ff; } + placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { + color: #19a187; + box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } + placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { + color: #ffffff; + background-color: #19a187; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview > actionbar > revealer > box > box { + border-spacing: 6px; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#0d0e11); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(#2777ff); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #23252e; + background-image: image(#0d0e11), image(#0d0e11); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************** + * GtkVideo * + **************/ +video { + background: black; } + video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 32px; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 10px; + border-radius: 8px; + box-shadow: none; } + tooltip.background { + background-color: rgba(0, 0, 0, 0.8); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); + color: white; } + tooltip > box { + border-spacing: 6px; } + +/***************** + * Color Chooser * + *****************/ +colorswatch { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + colorswatch { + outline: 0 solid transparent; + outline-offset: 6px; } + colorswatch:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 4px; + outline-offset: -2px; } + colorswatch:drop(active), colorswatch { + border-style: none; } + colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top > overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } + colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom > overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } + colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } + colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } + colorswatch.dark > overlay { + color: white; } + colorswatch.dark.activatable:hover > overlay { + border-color: #0d0e11; } + colorswatch.light > overlay { + color: black; } + colorswatch.light.activatable:hover > overlay { + border-color: #0d0e11; } + colorswatch:drop(active) { + box-shadow: none; } + colorswatch.light:drop(active) > overlay { + border-color: #19a187; + box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; } + colorswatch.dark:drop(active) > overlay { + border-color: #19a187; + box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; } + colorswatch > overlay { + border: 1px solid #0d0e11; } + colorswatch.activatable:hover > overlay { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + colorswatch#add-color-button { + border-radius: 5px 0 0 5px; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button > overlay { + color: #eeeeec; + outline-color: rgba(39, 119, 255, 0.7); + border-color: #0d0e11; + background-image: linear-gradient(to top, #252831 2px, #272a34); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + colorswatch#add-color-button.activatable:hover > overlay { + color: #eeeeec; + border-color: #0d0e11; + background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } + colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled > overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + row:selected colorswatch { + box-shadow: 0 0 0 2px #ffffff; } + colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample > overlay { + border-radius: 4.5px; } + +plane { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + plane { + outline: 0 solid transparent; + outline-offset: 6px; } + plane:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.7); + outline-width: 2px; + outline-offset: 2px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #13151a; } + .content-view:hover { + -gtk-icon-filter: brightness(1.2); } + .content-view .tile { + margin: 2px; + background-color: black; + border-radius: 0; + padding: 0; } + .content-view .tile:active, .content-view .tile:selected { + background-color: #2777ff; } + .content-view .tile:disabled { + background-color: #242731; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } + +.scale-popup button:hover { + background-color: rgba(238, 238, 236, 0.1); + border-radius: 5px; } + +/********************** + * Window Decorations * + *********************/ +window { + border-width: 0px; } + window.csd { + box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.9); + margin: 0px; + border-radius: 8px 8px 0 0; } + window.csd:backdrop { + box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.9); + transition: 200ms ease-out; } + window.csd.popup { + border-radius: 5px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.8); } + window.csd.dialog.message { + border-radius: 8px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.8); } + window.csd.solid-csd { + margin: 0; + padding: 0; + border: solid 1px #0d0e11; + border-radius: 0; + box-shadow: inset 0 0 0 3px #1c1e25, inset 0 1px rgba(238, 238, 236, 0.07); } + window.csd.solid-csd:backdrop { + box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } + window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { + border-radius: 0; } + window.popup { + box-shadow: none; } + window.ssd { + box-shadow: 0 0 0 1px rgba(13, 14, 17, 0.9); } + +tooltip.csd { + border-radius: 5px; + box-shadow: none; } + +filechooser placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected, +textview > text:selected:focus, +textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, +entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, +treeview.view:selected:focus, +treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { + background-color: #2777ff; } + label:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected, + textview > text:selected:focus, + textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, + entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { + color: #ffffff; } + label:disabled > selection, label:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .view:disabled:selected, + textview > text:disabled:selected:focus, + textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, + entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, + treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { + color: #93bbff; } + +.monospace { + font-family: monospace; } + +/********************** + * Touch Copy & Paste * + *********************/ +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + min-width: 20px; + min-height: 24px; + padding-left: 20px; + padding-right: 20px; + padding-top: 24px; + padding-bottom: 24px; } + cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); } + cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); } + cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } + cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); } + cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); } + cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } + cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); } + cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); } + cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } + +shortcuts-section { + margin: 20px; } + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; } + +shortcut { + border-spacing: 6px; } + +shortcut > .keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + color: #eeeeec; + background-color: #272a34; + border: 1px solid; + border-color: #0d0e11; + border-radius: 5px; + box-shadow: inset 0 -3px #17191f; + font-size: smaller; } + +:not(decoration):not(window):drop(active):focus, +:not(decoration):not(window):drop(active) { + border-color: #19a187; + box-shadow: inset 0 0 0 1px #19a187; + caret-color: #19a187; } + +stackswitcher > button.text-button { + min-width: 100px; } + +stackswitcher.circular { + border-spacing: 12px; } + stackswitcher.circular > button.circular, + stackswitcher.circular > button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; } + +/************* + * App Icons * + *************/ +/* Outline for low res icons */ +.lowres-icon { + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Drapshadow for large icons */ +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* + * Emoji * + ********/ +popover.emoji-picker > contents { + padding: 0; } + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + border-bottom: 1px solid #0d0e11; } + +.emoji-toolbar { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid #0d0e11; } + +button.emoji-section { + border-color: transparent; + border-width: 3px; + border-style: none none solid; + border-radius: 0; + padding: 3px 0 0; + min-width: 32px; + min-height: 28px; + /* reset props inherited from the button style */ + background: none; + box-shadow: none; + text-shadow: none; } + button.emoji-section:hover { + border-color: rgba(238, 238, 236, 0.1); } + button.emoji-section:checked { + border-color: #2777ff; } + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + border-radius: 6px; } + popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { + background: #2777ff; } + +emoji-completion-row > box { + border-spacing: 10px; + padding: 2px 10px; } + +emoji-completion-row:focus, +emoji-completion-row:hover { + background-color: #2777ff; + color: #ffffff; } + +emoji-completion-row emoji:focus, +emoji-completion-row emoji:hover { + background-color: #3b3e46; } + +popover.entry-completion > contents { + padding: 0; } + +statusbar { + padding: 6px 10px 6px 10px; } + +/* Nautilus */ +@define-color disk_space_unknown #383c4a; +@define-color disk_space_used #2777ff; +@define-color disk_space_free white; +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + box-shadow: inset 0 8px 4px -8px rgba(0, 0, 0, 0.3); } + filechooser placessidebar.sidebar:dir(ltr), + .nautilus-window placessidebar.sidebar:dir(ltr) { + background-image: linear-gradient(to right, #1a1c23 41px, #23252e 0); } + filechooser placessidebar.sidebar:dir(rtl), + .nautilus-window placessidebar.sidebar:dir(rtl) { + background-image: linear-gradient(to left, #1a1c23 41px, #23252e 0); } + filechooser placessidebar.sidebar:backdrop, + .nautilus-window placessidebar.sidebar:backdrop { + box-shadow: none; } + filechooser placessidebar.sidebar row.sidebar-row:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected { + margin-left: 6px; + margin-right: 6px; + border-radius: 5px; + box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); + transition: box-shadow 200ms ease-out; } + filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { + box-shadow: none; } + filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { + background-image: linear-gradient(to right, #005af3 35px, transparent 0); } + filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { + background-image: linear-gradient(to left, #005af3 35px, transparent 0); } + filechooser placessidebar.sidebar row.sidebar-row:selected revealer, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { + padding-left: 8px; + padding-right: 8px; } + filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { + color: #ffffff; } + filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + padding-right: 20px; } + +.nautilus-window .floating-bar { + color: #ffffff; + background-color: #2777ff; + border-color: #00348d; + margin: 10px; + box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); + transition: background-color 200ms ease-out; } + .nautilus-window .floating-bar:backdrop { + color: inherit; + box-shadow: none; + border-color: #0d0e11; } + .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { + border-radius: 5px; + border-style: solid; } + +.path-bar-box:backdrop { + border-color: #16171d; } + +/* XFCE4 PANEL */ +.xfce4-panel.background { + background: rgba(35, 37, 46, 0.8); } + +.xfce4-panel button { + border: 0; + border-radius: 0; + box-shadow: none; + text-shadow: none; + background: transparent; + color: #eeeeec; } + .xfce4-panel button:hover { + background: rgba(0, 0, 0, 0.2); } + .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { + box-shadow: inset 0 4px 0 #2777ff; + background: rgba(0, 0, 0, 0.2); } + +.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { + box-shadow: inset 4px 0 0 #2777ff; } + +/* XFCE4 NOTIFICATIONS */ +#XfceNotifyWindow { + background-color: #272a34; } + +/* Whisker menu */ +#whiskermenu-window entry { + border-radius: 100px; + border: 2px solid #2777ff; + box-shadow: none; } + +#whiskermenu-window button { + transition-duration: 0s; } + #whiskermenu-window button:hover { + color: white; + outline-color: rgba(39, 119, 255, 0.7); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; + border-color: transparent; + border-bottom-color: #1c1e25; } + #whiskermenu-window button:checked { + border-color: transparent; } + +#whiskermenu-window scrolledwindow.frame { + border: 0; + border-radius: 8px; + box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); + background: #1c1e25; + padding: 7px 10px; + margin: 0 5px; } + #whiskermenu-window scrolledwindow.frame treeview { + background: transparent; + border-radius: 5px; } + #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { + background-color: rgba(0, 0, 0, 0.27); + color: inherit; } + +/* XFCE4 panel action buttons */ +#XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { + -gtk-icon-style: symbolic; + -gtk-icon-transform: scale(0.7); } + +/* XFCE4 workspace switcher */ +wnck-pager { + background-color: #3d4251; } + wnck-pager:selected { + background-color: black; } + wnck-pager:hover { + background-color: black; } + +/* LightDM */ +.lightdm-gtk-greeter #panel_window { + background: rgba(35, 37, 46, 0.8); + color: #eeeeec; + text-shadow: none; + -gtk-icon-shadow: none; } + +.lightdm-gtk-greeter #login_window { + border: 0; + background-color: rgba(35, 37, 46, 0.8); + border-radius: 5px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } + .lightdm-gtk-greeter #login_window entry { + background: rgba(35, 37, 46, 0.4); + border-color: rgba(35, 37, 46, 0.3); + min-height: 32px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); } + .lightdm-gtk-greeter #login_window entry image { + margin: 0; } + .lightdm-gtk-greeter #login_window #buttonbox_frame { + padding-top: 20px; + background: #23252e; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0 0 5px 5px; + box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); } + .lightdm-gtk-greeter #login_window #buttonbox_frame button { + border: 0; + color: white; + text-shadow: none; } + .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { + background: rgba(0, 0, 0, 0.27); + box-shadow: none; + color: #eeeeec; } + .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { + background: #2777ff; + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } + +/* Thunar */ +.thunar .warning { + opacity: 0; + font-size: 0; + margin: -10px 0; } + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #eeeeec; +/* +text color for entries, views and content in general */ +@define-color theme_text_color white; +/* +widget base background color */ +@define-color theme_bg_color #23252e; +/* +text widgets and the like base background color */ +@define-color theme_base_color #272a34; +/* +base background color of selections */ +@define-color theme_selected_bg_color #2777ff; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #242731; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #888a8d; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #272a34; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #888a8d; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color white; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #23252e; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #292c37; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #2777ff; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #43495a; +/* +widgets main borders color */ +@define-color borders #0d0e11; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #16171d; +/* +these are pretty self explicative */ +@define-color warning_color #fd7d00; +@define-color error_color #bf1717; +@define-color success_color #308e63; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#eeeeec, 1.8); +@define-color wm_unfocused_title #888a8d; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(238, 238, 236, 0.07); +@define-color wm_bg_a shade(#23252e, 1.2); +@define-color wm_bg_b #23252e; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#23252e, 1.3); +@define-color wm_button_hover_color_b #23252e; +@define-color wm_button_active_color_a shade(#23252e, 0.85); +@define-color wm_button_active_color_b shade(#23252e, 0.89); +@define-color wm_button_active_color_c shade(#23252e, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #272a34; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1a1c23; +.gedit-document-panel { + background-color: @sidebar_bg; +} + +.gedit-document-panel:backdrop { + color: #b0b2b2; +} + +.gedit-document-panel row:selected:backdrop { + background-color: #8b8e8f; +} + +.gedit-document-panel-group-row, +.gedit-document-panel-group-row:hover { + border-top: 1px solid alpha(currentColor, 0.3); +} + +.gedit-document-panel-group-row:first-child, +.gedit-document-panel-group-row:first-child:hover { + border-top: 0px; +} + +/* Try to look as the notebook tab close button */ +.gedit-document-panel row button.flat { + padding: 0; + margin-top: 8px; + margin-bottom: 8px; + min-width: 18px; + min-height: 18px; + color: alpha(currentColor,0.3); +} + +.gedit-document-panel row:hover button.flat { + color: alpha(currentColor,0.5); +} + +.gedit-document-panel row button.flat:hover { + color: @theme_fg_color; +} + +statusbar { + border-top: 1px solid @borders; +} + +.gedit-search-slider { + background-color: @theme_base_color; + padding: 6px; + border-color: @borders; + border-radius: 0 0 3px 3px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + background-color: @theme_base_color; + background-image: none; + color: shade (@theme_unfocused_fg_color, 0.8); + border: 0px; + margin: 2px; + padding: 2px; +} +.nautilus-window, +.nautilus-window notebook, +.nautilus-window notebook > stack { + background: @theme_base_color; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: mix (@theme_fg_color, @theme_bg_color, 0.50); +} + +.nautilus-canvas-item.dim-label:selected, +.nautilus-list-dim-label:selected { + color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); +} + +/* Toolbar */ + +/* Here we use the .button background-image colors from Adwaita, but ligthen them, + * since is not possible to use lighten () in common css. */ +@keyframes needs_attention_keyframes { + 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } + /* can't do animation-direction, so holding the color on two keyframes */ + 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } + 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } + 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.disclosure-button { + padding-left: 4px; + padding-right: 4px; +} + +/* Path bar */ + +.path-bar-box { + border-radius: 5px; + border: 1px @borders solid; + background-color: @theme_bg_color; + padding-right: 6px; +} + +.nautilus-path-bar button { + margin: 0px; +} + +.nautilus-path-bar button:first-child { + border-width: 0px 1px 0px 0px; + border-radius: 3.5px 0px 0px 3.5px; +} + +.nautilus-path-bar button:not(:first-child) { + border-width: 0px 1px 0px 1px; + border-radius: 0px 0px 0px 0px; +} + +.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */ + +/* Make the tags fit into the box */ +entry.search > * { + margin: 5px; +} + +/* Sidebar */ + +.nautilus-window .sidebar-row:selected { + background: mix(@theme_bg_color, @theme_fg_color, 0.07); +} + +.nautilus-window .sidebar-row:selected, +.nautilus-window .sidebar-row:selected image, +.nautilus-window .sidebar-row:selected label { + color: mix(@theme_fg_color, @theme_text_color, 0.5); +} + +.nautilus-window .sidebar-row:selected:backdrop { + background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); +} + +.nautilus-window .sidebar-row:selected:backdrop, +.nautilus-window .sidebar-row:selected:backdrop label { + color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); +} + +/* Floating status bar */ +.floating-bar { + padding: 1px; + background-color: @theme_base_color; + border-width: 1px; + border-style: solid solid none; + border-color: @borders; + border-radius: 3px 3px 0 0; +} + +.floating-bar.bottom.left { /* axes left border and border radius */ + border-left-style: none; + border-top-left-radius: 0; +} +.floating-bar.bottom.right { /* axes right border and border radius */ + border-right-style: none; + border-top-right-radius: 0; +} + +.floating-bar:backdrop { + background-color: @theme_unfocused_base_color; + border-color: @unfocused_borders; +} + +.floating-bar button { + padding: 0px; +} + +@define-color disk_space_unknown #888a85; +@define-color disk_space_used #729fcf; +@define-color disk_space_free #eeeeec; + +.disk-space-display { + border-style: solid; + border-width: 2px; +} + +.disk-space-display.unknown { + background-color: @disk_space_unknown; + border-color: shade(@disk_space_unknown, 0.7); + color: @disk_space_unknown; +} +.disk-space-display.unknown.border { + color: shade(@disk_space_unknown, 0.7); +} + +.disk-space-display.used { + background-color: @disk_space_used; + border-color: shade(@disk_space_used, 0.7); + color: @disk_space_used; +} +.disk-space-display.used.border { + color: shade(@disk_space_used, 0.7); +} + +.disk-space-display.free { + background-color: @disk_space_free; + border-color: shade(@disk_space_free, 0.7); + color: @disk_space_free; +} +.disk-space-display.free.border { + color: shade(@disk_space_free, 0.7); +} + +/* View */ +.nautilus-list-view .view { + border-bottom: 1px solid @theme_bg_color; +} + +.search-information { + background-color: @theme_selected_bg_color; + color:white; + padding:2px; +} + +/* Hide superfluous treeview drop target indication */ +.nautilus-list-view .view.dnd { + border-style: none; +} + +@define-color conflict_bg #fef6b6; + +.conflict-row { + background: @conflict_bg; + color: black; +} + +.conflict-row:hover { + background-color: shade(@conflict_bg, 0.9); +} + +.conflict-row:selected { + background: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +/* Icon view */ +flowboxchild:selected { + background-color:transparent; +} + +.icon-background { + background-color:black; + border-color:#4a90d9; + border-style:solid; + border-width:0px; +} + +flowboxchild > .icon-item-background { + padding:4px; +} +flowboxchild:selected > .icon-item-background { + padding:4px; + background-color:#4a90d9; + border-color:#4a90d9; + border-style:solid; + border-width:0px; + border-radius:4px 4px 4px 4px; +} diff --git a/share/themes/Kali-Light/gtk-4.0/gtk.css b/share/themes/Kali-Light/gtk-4.0/gtk.css new file mode 100644 index 00000000..039d5a6f --- /dev/null +++ b/share/themes/Kali-Light/gtk-4.0/gtk.css @@ -0,0 +1,4324 @@ +/*************************** + * Check and Radio buttons * + ***************************/ +/*************** + * Base States * + ***************/ +.background { + color: #5c616c; + background-color: #ffffff; } + .background:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +dnd { + color: #5c616c; } + +.normal-icons { + -gtk-icon-size: 16px; } + +.large-icons { + -gtk-icon-size: 32px; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Every time a wildcard is used a kitten dies, painfully. +*/ +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); } + +.view, iconview, +textview > text { + color: black; + background-color: #fafafa; } + .view:disabled, iconview:disabled, + textview > text:disabled { + color: #aeb0b6; + background-color: #fdfdfd; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + textview > text:selected:focus, + textview > text:selected { + border-radius: 3px; } + +textview:drop(active) { + caret-color: #19a187; } + +textview > border { + background-color: #fcfcfc; } + +iconview { + outline: 0 solid transparent; + outline-offset: 4px; } + +iconview:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 2px; + outline-offset: -2px; } + +iconview:drop(active) { + box-shadow: none; } + +iconview > dndtarget:drop(active) { + border-style: solid; + border-width: 1px; + border-color: #0051da; } + +rubberband, .content-view > rubberband, columnview.view > rubberband, +treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #005af3; + background-color: rgba(0, 90, 243, 0.2); } + +flowbox > flowboxchild { + padding: 3px; + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + flowbox > flowboxchild { + outline: 0 solid transparent; + outline-offset: 4px; } + flowbox > flowboxchild:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 2px; + outline-offset: -2px; } + flowbox > flowboxchild:selected { + outline-color: rgba(255, 255, 255, 0.8); } + +gridview > child { + padding: 3px; + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + gridview > child { + outline: 0 solid transparent; + outline-offset: 4px; } + gridview > child:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 2px; + outline-offset: -2px; } + gridview > child:selected { + outline-color: rgba(255, 255, 255, 0.8); } + gridview > child box { + border-spacing: 8px; + margin: 12px; } + +coverflow cover { + color: black; + background-color: #fafafa; + border: 1px solid black; } + +label { + outline: 0 solid transparent; + outline-offset: 4px; } + +label:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 2px; + outline-offset: -2px; } + +label > selection { + background-color: #2777ff; + color: #ffffff; } + +label:disabled { + color: #aeb0b6; } + button label:disabled { + color: inherit; } + +label.error { + color: #bf1717; } + label.error:disabled { + color: rgba(191, 23, 23, 0.5); } + +.dim-label, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, +entry > text > placeholder, label.separator { + opacity: 0.55; + text-shadow: none; } + +window.assistant .sidebar { + padding: 5px; + border-top: 1px solid #d9d9d9; } + +window.assistant.csd .sidebar { + border-top-style: none; } + +window.assistant .sidebar > label { + padding: 6px 12px; } + +window.assistant .sidebar > label.highlight { + background-color: #eaebec; + border-radius: 5px; } + +window.aboutdialog image.large-icons { + -gtk-icon-size: 128px; } + +.osd .scale-popup, .app-notification, .osd popover.background > arrow, +.osd popover.background > contents, popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, popover.background.magnifier > arrow, +popover.background.magnifier > contents, +.osd { + color: white; + border: none; + background-color: #303340; + background-clip: padding-box; + -gtk-icon-shadow: 0 1px black; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + transform: rotate(1turn); } } + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +/********************** + * General Typography * + **********************/ +.large-title { + font-weight: 300; + font-size: 24pt; } + +.title-1 { + font-weight: 800; + font-size: 20pt; } + +.title-2 { + font-weight: 800; + font-size: 15pt; } + +.title-3 { + font-weight: 700; + font-size: 15pt; } + +.title-4 { + font-weight: 700; + font-size: 13pt; } + +.heading { + font-weight: 700; + font-size: 11pt; } + +.body { + font-weight: 400; + font-size: 11pt; } + +.caption-heading { + font-weight: 700; + font-size: 9pt; } + +.caption { + font-weight: 400; + font-size: 9pt; } + +/**************** + * Text Entries * + ****************/ +spinbutton.vertical > text, spinbutton:not(.vertical), +entry { + min-height: 32px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 5px; + border-spacing: 6px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: black; + border-color: #d9d9d9; + background-color: #fafafa; } + spinbutton.vertical > text, spinbutton:not(.vertical), + entry { + outline: 0 solid transparent; + outline-offset: 4px; } + spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), + entry:focus-within { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 2px; + outline-offset: -2px; } + spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, + entry > image.left { + margin-right: 6px; } + spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, + entry > image.right { + margin-left: 6px; } + spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, + entry > text > block-cursor { + color: #fafafa; + background-color: black; } + spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), + entry.flat:focus-within, + entry.flat:backdrop, + entry.flat:disabled, + entry.flat { + min-height: 0; + padding: 2px; + background-color: transparent; + border-color: transparent; + border-radius: 0; } + spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, + entry:focus-within > placeholder { + opacity: 0; + /* We hide placeholders on focus */ } + spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), + entry:disabled { + color: #aeb0b6; + border-color: #d9d9d9; + background-color: #fdfdfd; } + spinbutton.vertical > text.error, spinbutton.error:not(.vertical), + entry.error { + color: #bf1717; } + spinbutton.vertical > text.error, spinbutton.error:not(.vertical), + entry.error { + outline: 0 solid transparent; + outline-offset: 4px; } + spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), + entry.error:focus-within { + outline-color: rgba(191, 23, 23, 0.5); + outline-width: 2px; + outline-offset: -2px; } + spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, + entry.error > selection { + background-color: #bf1717; } + spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), + entry.warning { + color: #fd7d00; } + spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), + entry.warning { + outline: 0 solid transparent; + outline-offset: 4px; } + spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), + entry.warning:focus-within { + outline-color: rgba(253, 125, 0, 0.5); + outline-width: 2px; + outline-offset: -2px; } + spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, + entry.warning > selection { + background-color: #fd7d00; } + spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, + entry > image { + color: #7c8088; } + spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, + entry > image:hover { + color: #5c616c; } + spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, + entry > image:active { + color: #2777ff; } + spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, + entry.password image.caps-lock-indicator { + color: #bdbec3; } + spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus-within, + entry:drop(active) { + border-color: #19a187; + box-shadow: inset 0 0 0 1px #19a187; } + .osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { + color: white; + border-color: black; + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { + color: white; + border-color: #2777ff; + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; } + .osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { + color: #97999f; + border-color: black; + background-color: rgba(68, 72, 83, 0.5); + background-clip: padding-box; } + +spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, +entry > progress { + margin-bottom: 2px; } + +spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, +entry progress > trough > progress { + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #2777ff; + border-style: solid; + box-shadow: none; } + +spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .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) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { + border-left-color: #19a187; } + +spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + border-top-color: #f0f0f0; } + +spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { + border-top-color: #f0f0f0; } + +spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), +spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > entry + entry:drop(active):not(:only-child) { + border-top-color: #19a187; } + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), +spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, +.linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #19a187; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), +entry.error { + color: #bf1717; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { + background-color: #fafafa; + transition-property: color, background; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #fafafa; } + treeview entry.flat:focus-within, treeview entry:focus-within { + border-color: #2777ff; } + +/******************* + * Editable Labels * + *******************/ +editablelabel > stack > text { + color: black; + border-color: #d9d9d9; + background-color: #fafafa; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: radial-gradient(farthest-side, #2777ff 0%, rgba(39, 119, 255, 0) 0%); } + to { + background-image: radial-gradient(farthest-side, #2777ff 95%, rgba(39, 119, 255, 0)); } } + +notebook > header > tabs > arrow, windowcontrols button, +button { + min-height: 24px; + min-width: 16px; + padding: 4px 9px; + border: 1px solid; + border-radius: 5px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + outline-color: rgba(39, 119, 255, 0.5); + border-color: #d9d9d9; + background-image: linear-gradient(to top, #fafafa 2px, white); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + notebook > header > tabs > arrow, windowcontrols button, + button { + outline: 0 solid transparent; + outline-offset: 4px; } + notebook > header > tabs > arrow:focus:focus-visible, + button:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 2px; + outline-offset: -2px; } + notebook > header > tabs > arrow:hover, + button:hover { + color: #5c616c; + border-color: #d9d9d9; + background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); + -gtk-icon-filter: brightness(1.2); } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #5c616c; + border-color: #d9d9d9; + background-image: image(#dbdbdb); + box-shadow: none; + transition-duration: 50ms; } + notebook > header > tabs > arrow:checked:hover, + button:checked:hover { + color: #5c616c; + border-color: #d9d9d9; + background-image: image(#d1d1d1); + box-shadow: none; } + notebook > header > tabs > arrow:checked:active, + button:checked:active { + color: #5c616c; + border-color: #d9d9d9; + background-image: image(#c7c7c7); + box-shadow: none; } + notebook > header > tabs > arrow:backdrop, + button.flat:backdrop, + button:backdrop { + color: #aeb0b6; + border-color: #e0e0e0; + background-image: image(#ffffff); + box-shadow: none; + transition: 200ms ease-out; + -gtk-icon-filter: none; } + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button.flat:backdrop:active, + button.flat:backdrop:checked, + button:backdrop:active, + button:backdrop:checked { + color: #aeb0b6; + border-color: #e0e0e0; + background-image: image(#eaeaea); + box-shadow: none; } + notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop:disabled, + button:backdrop:disabled { + color: #d9d9d9; + border-color: #e0e0e0; + background-image: image(#fdfdfd); + box-shadow: none; } + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button.flat:backdrop:disabled:active, + button.flat:backdrop:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + color: #d9d9d9; + border-color: #e0e0e0; + background-image: image(#eaeaea); + box-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + color: #aeb0b6; + border-color: #d9d9d9; + background-image: image(#fdfdfd); } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: #aeb0b6; + border-color: #d9d9d9; + background-image: image(#eaeaea); + box-shadow: none; } + button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + transition: none; } + button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, + button.flat:hover { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: #dbdbdb; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, + button.flat:active, + button.flat:checked { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: #cccccc; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 5px; + padding-right: 5px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + dropdown:drop(active) button.combo, + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #19a187; + border-color: #19a187; + box-shadow: inset 0 0 0 1px #19a187; } + +row:selected button { + border-color: #0051da; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #ffffff; + border-color: transparent; } + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #f7f7f7; } + + +button.osd { + min-width: 26px; + min-height: 32px; + color: white; + border-radius: 5px; + color: white; + outline-color: rgba(39, 119, 255, 0.5); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; + border: none; + box-shadow: none; } + + button.osd.image-button { + min-width: 30px; } + + button.osd.image-button:only-child { + margin: 4px; + border-radius: 50%; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + + button.osd:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#1a1c23); + background-clip: padding-box; + border: none; + box-shadow: none; } + + button.osd:active, + button.osd:checked { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; + border: none; + box-shadow: none; } + +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { + color: white; + outline-color: rgba(39, 119, 255, 0.5); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#1a1c23); + background-clip: padding-box; } + .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; } + .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; } + .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: none; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#1a1c23); + background-clip: padding-box; } + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; } + + +button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.8); + border-color: #0047c0; + background-image: linear-gradient(to top, #1d71ff 2px, #2777ff); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + + button.suggested-action { + outline: 0 solid transparent; + outline-offset: 4px; } + + button.suggested-action:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.8); + outline-width: 2px; + outline-offset: -2px; } + + button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #2777ff; } + + button.suggested-action:hover { + color: white; + border-color: #0051da; + background-image: linear-gradient(to top, #004fd4, #005efd 1px); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + + button.suggested-action:active, + button.suggested-action:checked { + color: white; + border-color: #0051da; + background-image: image(#0053df); + box-shadow: none; } + + button.suggested-action.flat:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(39, 119, 255, 0.8); } + + button.suggested-action:disabled { + color: #aeb0b6; + border-color: #d9d9d9; + background-image: image(#fdfdfd); } + + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { + color: #a5c6ff; + border-color: #0051da; + background-image: image(#1e71fe); + box-shadow: none; } + .osd button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.8); + border-color: black; + background-color: transparent; + background-image: image(rgba(39, 119, 255, 0.5)); + background-clip: padding-box; } + .osd button.suggested-action:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(rgba(39, 119, 255, 0.7)); + background-clip: padding-box; } + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#2777ff); + background-clip: padding-box; + box-shadow: none; } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; } + + +button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.8); + border-color: #790e0e; + background-image: linear-gradient(to top, #cb1818 2px, #d41919); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + + button.destructive-action { + outline: 0 solid transparent; + outline-offset: 4px; } + + button.destructive-action:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.8); + outline-width: 2px; + outline-offset: -2px; } + + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #d41919; } + + button.destructive-action:hover { + color: white; + border-color: #901111; + background-image: linear-gradient(to top, #8b1010, #b01515 1px); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + + button.destructive-action:active, + button.destructive-action:checked { + color: white; + border-color: #901111; + background-image: image(#941111); + box-shadow: none; } + + button.destructive-action.flat:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(212, 25, 25, 0.8); } + + button.destructive-action:disabled { + color: #aeb0b6; + border-color: #d9d9d9; + background-image: image(#fdfdfd); } + + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked { + color: #e8a8a8; + border-color: #901111; + background-image: image(#c72626); + box-shadow: none; } + .osd button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.8); + border-color: black; + background-color: transparent; + background-image: image(rgba(212, 25, 25, 0.5)); + background-clip: padding-box; } + .osd button.destructive-action:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(rgba(212, 25, 25, 0.7)); + background-clip: padding-box; } + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#d41919); + background-clip: padding-box; + box-shadow: none; } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; } + +stackswitcher > button > label { + padding: 0 6px; + margin: 0 -6px; } + +stackswitcher > button > image { + padding: 3px 6px; + margin: -3px -6px; } + + +button.font separator { + background-color: transparent; } + + +button.font > box { + border-spacing: 6px; } + + +button.font > box > box > label { + font-weight: bold; } + + +button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; + border-radius: 9999px; } + + button.circular label { + padding: 0; } + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: radial-gradient(farthest-side, #2777ff 96%, rgba(39, 119, 255, 0)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, + stackswitcher > button.needs-attention > image:backdrop { + background-size: 6px 6px, 0 0; } + stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), + stackswitcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), +combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), +combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, +.linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, +.linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, +.linked.vertical > dropdown:not(:first-child) > button, +.linked.vertical > colorbutton:not(:first-child) > button, +.linked.vertical > fontbutton:not(:first-child) > button, +.linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, +.linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, +.linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, +.linked.vertical > dropdown:not(:last-child) > button, +.linked.vertical > colorbutton:not(:last-child) > button, +.linked.vertical > fontbutton:not(:last-child) > button, +.linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + +.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, +list > row button.image-button:not(.flat), .toolbar button, modelbutton.flat { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 5px; } + modelbutton.flat:hover { + background-color: #eaebec; } + modelbutton.flat:disabled { + color: #aeb0b6; } + +modelbutton.flat arrow { + background: none; + min-width: 16px; + min-height: 16px; + opacity: 0.3; } + modelbutton.flat arrow:hover { + background: none; } + modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } + +/* oldstyle toolbar buttons */ +.toolbar button { + margin: 1px; } + .toolbar button:hover { + color: #5c616c; + border-color: #d9d9d9; + background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + .toolbar button:active { + color: #5c616c; + border-color: #d9d9d9; + background-image: image(#dbdbdb); + box-shadow: none; } + .toolbar button:disabled { + color: #aeb0b6; + border-color: #d9d9d9; + background-image: image(#fdfdfd); } + .toolbar button:backdrop { + color: #aeb0b6; + border-color: #e0e0e0; + background-image: image(#ffffff); + box-shadow: none; } + .toolbar button:backdrop:disabled { + color: #d9d9d9; + border-color: #e0e0e0; + background-image: image(#fdfdfd); + box-shadow: none; } + +button.color { + padding: 4px; } + button.color > colorswatch:only-child { + box-shadow: 0 1px rgba(0, 0, 0, 0.1); } + button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { + border-radius: 0; } + .osd button.color > colorswatch:only-child { + box-shadow: none; } + .osd button.color:disabled colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { + box-shadow: none; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +popover.menu box.circular-buttons button.circular.image-button.model, +list > row button.image-button:not(.flat) { + border: 1px solid rgba(217, 217, 217, 0.5); } + popover.menu box.circular-buttons button.circular.image-button.model:hover, + list > row button.image-button:not(.flat):hover { + color: #5c616c; + border-color: #d9d9d9; + background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, + list > row button.image-button:not(.flat):active, + list > row button.image-button:not(.flat):checked { + color: #5c616c; + border-color: #d9d9d9; + background-image: image(#dbdbdb); + box-shadow: none; } + +/********* + * Links * + *********/ +button.link, +link { + color: #005af3; + text-decoration: underline; } + button.link:visited, + link:visited { + color: #0047c0; } + *:selected button.link:visited, *:selected link:visited { + color: #99b5e6; } + button.link:hover, + link:hover { + color: #2777ff; } + *:selected button.link:hover, *:selected link:hover { + color: #e9f1ff; } + button.link:active, + link:active { + color: #005af3; } + *:selected button.link:active, *:selected link:active { + color: #ccdefd; } + button.link:disabled, + link:disabled { + color: rgba(122, 122, 122, 0.8); } + button.link:selected, *:selected button.link, + link:selected, *:selected link { + color: #ccdefd; } + +link { + outline: 0 solid transparent; + outline-offset: 4px; } + +link:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 2px; + outline-offset: -2px; } + +button.link, button.link:hover, button.link:active, button.link:checked { + text-shadow: none; } + +button.link > label { + text-decoration: underline; } + +/***************** + * 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 */ } + .osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + padding: 6px; } + .osd spinbutton:not(.vertical) > text:backdrop:disabled, 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: #6c707a; + background-image: none; + border-style: none none none solid; + border-color: rgba(217, 217, 217, 0.3); + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) > button.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: #5c616c; + background-color: #f2f2f2; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + color: rgba(174, 176, 182, 0.3); + background-color: transparent; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 5px 5px 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: 5px 0 0 5px; } + .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: none; + color: white; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.7); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) > button.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: none; + color: white; + border-color: rgba(0, 0, 0, 0.5); + background-color: #1a1c23; + -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: none; + color: #97999f; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 5px 5px 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: 5px 0 0 5px; } + spinbutton.vertical:disabled { + color: #aeb0b6; } + 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 > block-cursor { + color: #fafafa; + background-color: black; } + 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: white; + outline-color: rgba(39, 119, 255, 0.5); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; } + .osd spinbutton.vertical > button:first-child:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#1a1c23); + background-clip: padding-box; } + .osd spinbutton.vertical > button:first-child:active { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; } + .osd spinbutton.vertical > button:first-child:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; } + treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; } + +/************** + * ComboBoxes * + **************/ +dropdown > popover.menu.background > contents { + padding: 0; } + +dropdown > button > box { + border-spacing: 6px; } + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +dropdown > popover.menu > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; } + +dropdown:drop(active), +combobox:drop(active) { + box-shadow: none; } + +dropdown popover, +combobox popover { + margin-top: 6px; + padding: 0; } + dropdown popover listview, + combobox popover listview { + margin: 8px 0; } + dropdown popover listview > row, + combobox popover listview > row { + padding: 8px; } + dropdown popover listview > row:selected, + combobox popover listview > row:selected { + outline-color: rgba(255, 255, 255, 0.8); + color: black; + background-color: #eaebec; } + dropdown popover .dropdown-searchbar, + combobox popover .dropdown-searchbar { + padding: 6px; + border-bottom: 1px solid #d9d9d9; } + +/************ + * Toolbars * + ************/ +searchbar > revealer > box, .toolbar, +toolbar { + padding: 4px; + border-spacing: 4px; + background-color: #ffffff; } + +.osd .toolbar, .osd toolbar { + background-color: transparent; } + +.toolbar.osd, +toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: #303340; } + .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, + toolbar.osd.left, + toolbar.osd.right, + toolbar.osd.top, + toolbar.osd.bottom { + border-radius: 0; } + +.toolbar.horizontal > separator, +toolbar.horizontal > separator { + margin: 4px 0; } + +.toolbar.vertical > separator, +toolbar.vertical > separator { + margin: 0 4px; } + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-width: 0 0 1px; } + +searchbar > revealer > box { + border-style: solid; + border-color: #d9d9d9; + background-color: #f4f4f4; } + searchbar > revealer > box:backdrop { + border-color: #e0e0e0; + background-color: #f4f4f4; + box-shadow: none; + transition: 200ms ease-out; } + +/************** + * GtkInfoBar * + **************/ +infobar > revealer > box { + padding: 8px; + border-spacing: 12px; } + +infobar.action:hover > revealer > box { + background-color: #f7e9d1; } + +infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { + border-bottom: 1px solid #e6e6e6; + background-color: #f5e5c8; } + +infobar .close, +searchbar .close { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 50%; } + infobar .close:hover, + searchbar .close:hover { + color: #5c616c; + border-color: #d9d9d9; + background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +/***************** + * Title buttons * + *****************/ +windowcontrols { + border-spacing: 6px; } + windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { + margin-right: 7px; } + windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { + margin-left: 7px; } + windowcontrols button { + border-radius: 9999px; + padding: 6px; + margin: 0 2px; + min-width: 0; + min-height: 0; } + windowcontrols button:hover { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: #cccccc; } + windowcontrols button:active, windowcontrols button:checked { + border-color: transparent; + background-image: none; + box-shadow: none; + background-color: #b3b3b3; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), +headerbar { + padding: 0 6px; + min-height: 46px; + border-width: 0 0 1px; + border-style: solid; + border-color: #c2c2c2; + border-radius: 0; + background: #e6e6e6 linear-gradient(to top, #e0e0e0, #e8e8e8); + /* Darken switchbuttons for headerbars. issue #1588 */ } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + border-color: #e0e0e0; + background-color: #ffffff; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + padding-left: 12px; + padding-right: 12px; + font-weight: bold; } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) stackswitcher > button:checked, + .titlebar:not(headerbar) button.toggle:checked, + headerbar stackswitcher > button:checked, + headerbar button.toggle:checked { + background: image(#d4d4d4); + border-color: #d1d1d1; + border-top-color: #c4c4c4; } + .titlebar:not(headerbar) stackswitcher > button:checked:backdrop, + .titlebar:not(headerbar) button.toggle:checked:backdrop, + headerbar stackswitcher > button:checked:backdrop, + headerbar button.toggle:checked:backdrop { + color: #aeb0b6; + border-color: #e0e0e0; + background-image: image(#eaeaea); + box-shadow: none; } + .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), + headerbar.default-decoration { + min-height: 28px; + padding: 4px; } + .default-decoration.titlebar:not(headerbar) windowcontrols button, + .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, + headerbar.default-decoration windowcontrols button, + headerbar.default-decoration windowcontrols menubutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; } + .default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, + headerbar.default-decoration windowcontrols menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; } + .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + margin-left: -1px; + margin-right: -1px; + margin-top: -1px; + border-radius: 0; + box-shadow: none; } + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; } + +headerbar entry, +headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button, +headerbar menubutton { + margin-top: 6px; + margin-bottom: 6px; } + +headerbar menubutton > button { + margin-top: 0px; + margin-bottom: 0px; } + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; } + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } + +.titlebar:not(headerbar) separator { + background-color: #d9d9d9; } + +window.devel headerbar.titlebar { + background: #ffffff cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 119, 255, 0.2)), linear-gradient(to top, #dedede, #e6e6e6 3px, whitesmoke); } + window.devel headerbar.titlebar:backdrop { + background: #ffffff cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#ffffff); + /* background-color would flash */ } + +/************ + * Pathbars * + ************/ +pathbar > button.text-button, pathbar > button.image-button, pathbar > button { + padding-left: 4px; + padding-right: 4px; } + +pathbar > button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + +pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { + padding-right: 8px; } + +pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { + padding-left: 8px; } + +pathbar > button image { + padding-left: 4px; + padding-right: 4px; } + +pathbar > button.slider-button { + padding-left: 0; + padding-right: 0; } + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #dfdfdf; + border-top-color: #dfdfdf; } + columnview.view, + treeview.view { + outline: 0 solid transparent; + outline-offset: 4px; } + columnview.view:focus:focus-visible, + treeview.view:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 2px; + outline-offset: -2px; } + columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; + outline-color: rgba(255, 255, 255, 0.8); } + columnview.view:disabled, + treeview.view:disabled { + color: #aeb0b6; } + columnview.view:disabled:selected, + treeview.view:disabled:selected { + color: #7dadff; } + columnview.view:disabled:selected:backdrop, + treeview.view:disabled:selected:backdrop { + color: #669efd; } + columnview.view.separator, + treeview.view.separator { + min-height: 2px; + color: #dfdfdf; } + columnview.view:backdrop, + treeview.view:backdrop { + border-left-color: #e5e5e5; + border-top: #e5e5e5; } + 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: #0051da; } + columnview.view > dndtarget.after:drop(active), + treeview.view > dndtarget.after:drop(active) { + border-top-style: none; } + columnview.view > dndtarget.before:drop(active), + treeview.view > dndtarget.before:drop(active) { + 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: #4b4b4b; } + 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: black; } + columnview.view.expander:selected, + treeview.view.expander:selected { + color: #bed6ff; } + columnview.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #ffffff; } + columnview.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + columnview.view.progressbar, + treeview.view.progressbar { + color: #fafafa; + background-color: #2777ff; + background-image: image(#2777ff); + box-shadow: none; } + columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, + treeview.view.progressbar:selected:focus, + treeview.view.progressbar:selected { + color: #2777ff; + background-image: image(#fafafa); } + columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + color: #2777ff; + background-color: #f7f7f7; } + columnview.view.trough, + treeview.view.trough { + background-color: rgba(92, 97, 108, 0.1); } + columnview.view.trough:selected:focus, columnview.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: rgba(255, 255, 255, 0.3); } + columnview.view > header > button, + treeview.view > header > button { + color: #abadb3; + background-color: #fafafa; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + columnview.view > header > button:hover, + treeview.view > header > button:hover { + color: #848790; + box-shadow: none; + transition: none; } + columnview.view > header > button:active, + treeview.view > header > button:active { + color: #5c616c; + transition: none; } + 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: #fafafa; + background-image: none; + background-color: #2777ff; + border-style: none; + border-radius: 0; + box-shadow: inset 0 0 0 1px #fafafa; + text-shadow: none; + transition: none; } + columnview.view acceleditor > label, + treeview.view acceleditor > label { + background-color: #2777ff; } + +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: #dfdfdf; + border-radius: 0; + text-shadow: none; } + columnview.view > header > button:disabled, + treeview.view > header > button:disabled { + border-color: #ffffff; + background-image: none; } + columnview.view > header > button:last-child, + treeview.view > header > button:last-child { + border-right-style: none; } + +/*************** + * Popovers * + ***************/ +popover.background { + background-color: transparent; + font: initial; } + popover.background > arrow, + popover.background > contents { + background-color: #fafafa; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.23); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + popover.background:backdrop { + background-color: transparent; } + popover.background > contents { + padding: 8px; + border-radius: 9px; } + 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: #e4e4e4; + 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: #fafafa; } + +/********************** + * 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: 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(#eaebec); } + 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: #eaebec; + border-color: #eaebec; } + popover.menu > arrow, popover.menu.background > contents { + background-color: #fafafa; + padding: 5px; } + 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, + popover.menu radio { + transform: scale(0.8); + border-width: 1.2px; + border-color: transparent; + box-shadow: none; + background-image: image(transparent); + color: black; } + popover.menu check:hover, + popover.menu radio:hover { + transform: scale(0.8); + border-width: 1.2px; + color: black; + box-shadow: none; + background-image: image(transparent); } + popover.menu check:active, + popover.menu radio:active { + transform: scale(0.8); + border-width: 1.2px; + color: black; + box-shadow: none; + background-image: image(transparent); } + popover.menu radio { + border-color: #d9d9d9; } + popover.menu radio:active { + border-color: rgba(217, 217, 217, 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 { + min-height: 30px; + min-width: 40px; + padding: 0 12px; + border-radius: 5px; } + popover.menu modelbutton:selected { + color: black; + background-color: #eaebec; } + popover.menu modelbutton:selected:active { + background-color: #dbdbdb; } + popover.menu label.title { + font-weight: bold; + padding: 4px 32px; } + +menubar { + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + menubar > item { + min-height: 16px; + padding: 4px 8px; } + menubar > item:selected { + box-shadow: inset 0 -3px #2777ff; + color: #005af3; } + menubar > item:disabled { + color: #aeb0b6; + box-shadow: none; } + menubar > item popover.menu.background > contents { + padding: 5px; } + menubar > item popover.menu popover.menu { + padding: 0 0 4px 0; } + menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: 9px; } + +/************* + * Notebooks * + *************/ +notebook > header > tabs > tab:checked { + outline: 0 solid transparent; + outline-offset: 4px; } + +notebook:focus:focus-visible > header > tabs > tab:checked { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 2px; + outline-offset: -2px; } + +notebook > header { + padding: 1px; + border-color: #d9d9d9; + border-width: 1px; + background-color: #f2f2f2; } + notebook > header > tabs { + margin: -1px; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs { + margin-bottom: -2px; } + notebook > header.top > tabs > tab:hover { + box-shadow: inset 0 -4px #d9d9d9; } + notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -4px #2777ff; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs { + margin-top: -2px; } + notebook > header.bottom > tabs > tab:hover { + box-shadow: inset 0 4px #d9d9d9; } + notebook > header.bottom > tabs > tab:checked { + box-shadow: inset 0 4px #2777ff; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs { + margin-right: -2px; } + notebook > header.left > tabs > tab:hover { + box-shadow: inset -4px 0 #d9d9d9; } + notebook > header.left > tabs > tab:checked { + box-shadow: inset -4px 0 #2777ff; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs { + margin-left: -2px; } + notebook > header.right > tabs > tab:hover { + box-shadow: inset 4px 0 #d9d9d9; } + notebook > header.right > tabs > tab:checked { + box-shadow: inset 4px 0 #2777ff; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + notebook > header > tabs > tab { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + color: #5c616c; + font-weight: normal; + border-width: 1px; + border-color: transparent; } + notebook > header > tabs > tab:hover { + color: #5c616c; + background-color: #e8e8e8; } + notebook > header > tabs > tab.reorderable-page:hover { + border-color: rgba(217, 217, 217, 0.3); + background-color: rgba(255, 255, 255, 0.2); } + notebook > header > tabs > tab:not(:checked) { + outline-color: transparent; } + notebook > header > tabs > tab:checked { + color: #5c616c; } + notebook > header > tabs > tab.reorderable-page:checked { + border-color: rgba(217, 217, 217, 0.5); + background-color: rgba(255, 255, 255, 0.5); } + notebook > header > tabs > tab.reorderable-page:checked:hover { + background-color: rgba(255, 255, 255, 0.7); } + notebook > header > tabs > tab button.flat { + color: alpha(currentColor,0.3); + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header > tabs > tab button.flat:hover { + color: currentColor; } + notebook > header > tabs > tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header > tabs > tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top > tabs, notebook > header.bottom > tabs { + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { + margin-left: 3px; + margin-right: 3px; } + notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { + margin-left: -1px; } + notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { + margin-right: -1px; } + notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { + margin-left: 4px; + margin-right: 4px; } + notebook > header.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 > tabs > tab { + padding-bottom: 4px; } + notebook > header.bottom > tabs > tab { + padding-top: 4px; } + +notebook > stack:not(:only-child) { + background-color: #fafafa; } + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: #fafafa; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + scrollbar.top { + border-bottom: 1px solid #d9d9d9; } + scrollbar.bottom { + border-top: 1px solid #d9d9d9; } + scrollbar.left { + border-right: 1px solid #d9d9d9; } + scrollbar.right { + border-left: 1px solid #d9d9d9; } + scrollbar > range > trough > slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #ced0d3; } + scrollbar > range > trough > slider:hover { + background-color: #c6c8cc; } + scrollbar > range > trough > slider:hover:active { + background-color: #2777ff; } + scrollbar > range > trough > slider:disabled { + background-color: transparent; } + scrollbar > range.fine-tune > trough > slider { + min-width: 4px; + min-height: 4px; } + scrollbar > range.fine-tune.horizontal > trough > slider { + border-width: 5px 4px; } + scrollbar > range.fine-tune.vertical > trough > 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) > range > trough > slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #5c616c; + border: 1px solid white; } + scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { + margin: 0 2px; + min-width: 40px; } + scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { + margin: 2px 0; + min-height: 40px; } + scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + scrollbar.horizontal > range > trough > slider { + min-width: 40px; } + scrollbar.vertical > range > trough > slider { + min-height: 40px; } + +treeview ~ scrollbar.vertical { + border-top: 1px solid #d9d9d9; + margin-top: -1px; } + +/********** + * Switch * + **********/ +switch { + font-weight: bold; + font-size: smaller; + border: 1px solid #d9d9d9; + border-radius: 14px; + color: #5c616c; + background-color: #f2f2f2; + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + /* only show i / o for the accessible theme */ } + switch { + outline: 0 solid transparent; + outline-offset: 4px; } + switch:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 2px; + outline-offset: 0; } + headerbar switch { + background-color: #dedede; } + switch:checked { + color: #ffffff; + border-color: #0051da; + background-color: #2777ff; } + switch:disabled { + color: #aeb0b6; + border-color: #d9d9d9; + background-color: #fdfdfd; + text-shadow: none; } + switch > slider { + color: #5c616c; + outline-color: rgba(39, 119, 255, 0.5); + border-color: #d9d9d9; + background-image: linear-gradient(to top, #fafafa 2px, white); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); + margin: -1px; + min-width: 24px; + min-height: 24px; + border: 1px solid; + border-color: #d9d9d9; + border-radius: 50%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + switch > image { + color: transparent; } + switch:hover > slider { + color: #5c616c; + border-color: #d9d9d9; + background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + switch:checked > slider { + border: 1px solid #0051da; } + switch:disabled > slider { + color: #aeb0b6; + border-color: #d9d9d9; + background-image: image(#fdfdfd); } + row:selected switch { + outline-color: rgba(255, 255, 255, 0.8); + box-shadow: none; + border-color: #0051da; } + row:selected switch > slider:checked, row:selected switch > slider { + border-color: #0051da; } + +/************************* + * Check and Radio items * + *************************/ +.view.content-view.check:not(list), iconview.content-view.check:not(list), +.content-view .tile check:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: transparent; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; + -gtk-icon-shadow: none; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), +.content-view .tile check:hover:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: transparent; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; + -gtk-icon-shadow: none; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), +.content-view .tile check:active:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: transparent; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; + -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), +.content-view .tile check:backdrop:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: transparent; + background-color: #939393; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: none; + -gtk-icon-shadow: none; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), +.content-view .tile check:checked:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: white; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); + -gtk-icon-shadow: none; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), +.content-view .tile check:checked:hover:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: white; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); + -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), +.content-view .tile check:checked:active:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: white; + background-color: #2777ff; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); + -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), +.content-view .tile check:backdrop:checked:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: rgba(255, 255, 255, 0.8); + background-color: #939393; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); + -gtk-icon-shadow: none; } + +checkbutton { + border-spacing: 4px; + border-radius: 5px; + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + checkbutton { + outline: 0 solid transparent; + outline-offset: 4px; } + checkbutton:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 2px; + outline-offset: -2px; } + checkbutton.text-button { + padding: 4px; } + +check, +radio { + min-height: 14px; + min-width: 14px; + border: 1px solid; + -gtk-icon-source: none; } + check, + radio { + background-clip: padding-box; + background-image: linear-gradient(to bottom, white 20%, white 90%); + border-color: #c2c2c2; + box-shadow: 0 1px rgba(0, 0, 0, 0.05); + color: #ffffff; } + check:hover, + radio:hover { + background-image: image(#f2f2f2); } + check:active, + radio:active { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); + background-image: image(#d9d9d9); } + check:disabled, + radio:disabled { + box-shadow: none; + color: rgba(255, 255, 255, 0.7); } + check:checked, + radio:checked { + background-clip: border-box; + background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); + border-color: #0047c0; + box-shadow: 0 1px rgba(0, 0, 0, 0.05); + color: #ffffff; } + check:checked:hover, + radio:checked:hover { + background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } + check:checked:active, + radio:checked:active { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); + background-image: image(#0e67ff); } + check:checked:disabled, + radio:checked:disabled { + box-shadow: none; + color: rgba(255, 255, 255, 0.7); } + check:indeterminate, + radio:indeterminate { + background-clip: border-box; + background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); + border-color: #0047c0; + box-shadow: 0 1px rgba(0, 0, 0, 0.05); + color: #ffffff; } + check:indeterminate:hover, + radio:indeterminate:hover { + background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } + check:indeterminate:active, + radio:indeterminate:active { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); + background-image: image(#0e67ff); } + check:indeterminate:disabled, + radio:indeterminate:disabled { + box-shadow: none; + color: rgba(255, 255, 255, 0.7); } + row:selected check, row:selected radio { + border-color: #0047c0; } + .osd check, .osd radio { + color: white; + outline-color: rgba(39, 119, 255, 0.5); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; } + .osd check:hover, .osd radio:hover { + color: white; + outline-color: rgba(39, 119, 255, 0.5); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; } + .osd check:active, .osd radio:active { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; } + .osd check:disabled, .osd radio:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; } + + +check { + border-radius: 3px; + -gtk-icon-size: 14px; } + + check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } + + check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, +radio { + border-radius: 100%; + -gtk-icon-size: 14px; } + treeview.view radio:checked:selected, + radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } + treeview.view radio:indeterminate:selected, + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } + +treeview.view check:selected:focus, treeview.view check:selected, +treeview.view radio:selected:focus, +treeview.view radio:selected { + color: #ffffff; + border-color: #0051da; } + +/************ + * GtkScale * + ************/ +progressbar > trough, scale > trough > fill, scale > trough { + border: 1px solid #f2f2f2; + border-radius: 3px; + background-color: #f2f2f2; } + headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { + background-color: #dedede; } + progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { + background-color: #fdfdfd; + border-color: #d9d9d9; } + row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { + outline-color: rgba(255, 255, 255, 0.8); + border-color: #0051da; } + .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { + border-color: black; + background-color: rgba(0, 0, 0, 0.8); } + .osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { + background-color: rgba(68, 72, 83, 0.5); } + +progressbar > trough > progress, scale > trough > highlight { + border: 1px solid #2777ff; + border-radius: 3px; + background-color: #2777ff; } + progressbar > trough > progress:disabled, scale > trough > highlight:disabled { + background-color: transparent; + border-color: transparent; } + row:selected progressbar > trough > progress, row:selected scale > trough > highlight { + border-color: #0051da; } + .osd progressbar > trough > progress, .osd scale > trough > highlight { + border-color: black; } + .osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { + border-color: transparent; } + +scale { + min-height: 10px; + min-width: 10px; + padding: 12px; } + scale > trough { + outline: 0 solid transparent; + outline-offset: 16px; } + scale:focus:focus-visible > trough { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 2px; + outline-offset: 10px; } + scale > trough { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + scale > trough > fill, + scale > trough > highlight { + margin: -1px; } + scale > trough > slider { + min-height: 18px; + min-width: 18px; + margin: -9px; } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune > trough > slider { + margin: -6px; } + scale.fine-tune > trough > fill, + scale.fine-tune > trough > highlight, + scale.fine-tune > trough { + border-radius: 5px; } + scale > trough > fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale > trough > fill { + background-color: #404040; } + .osd scale > trough > fill:disabled { + border-color: transparent; + background-color: transparent; } + scale > trough > slider { + color: #5c616c; + outline-color: rgba(39, 119, 255, 0.5); + border-color: #d9d9d9; + background-image: linear-gradient(to top, #fafafa 2px, white); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); + border-width: 1px; + border-style: solid; + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale > trough > slider:hover { + color: #5c616c; + border-color: #d9d9d9; + background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + scale > trough > slider:active { + border-color: #0051da; } + scale > trough > slider:disabled { + color: #aeb0b6; + border-color: #d9d9d9; + background-image: image(#fdfdfd); } + row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { + border-color: #0051da; } + .osd scale > trough > slider { + color: white; + outline-color: rgba(39, 119, 255, 0.5); + border-color: black; + background-color: transparent; + background-image: image(#303340); + background-clip: padding-box; + border-color: black; + background-color: #303340; } + .osd scale > trough > slider:hover { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#1a1c23); + background-clip: padding-box; + background-color: #303340; } + .osd scale > trough > slider:active { + color: white; + border-color: black; + background-color: transparent; + background-image: image(#040405); + background-clip: padding-box; + box-shadow: none; + background-color: #303340; } + .osd scale > trough > slider:disabled { + color: #97999f; + border-color: black; + background-color: transparent; + background-image: image(rgba(68, 72, 83, 0.5)); + background-clip: padding-box; + background-color: #303340; } + scale > value { + color: alpha(currentColor,0.55); + font-feature-settings: "tnum"; } + 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.marks-before:not(.marks-after) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -7px -10px; + margin-top: -11px; } + scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -7px -10px; + margin-top: -11px; } + scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -7px -10px; + margin-top: -11px; } + scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -7px -10px; + margin-top: -11px; } + scale.horizontal.marks-after:not(.marks-before) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -7px -10px; + margin-bottom: -11px; } + scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -7px -10px; + margin-bottom: -11px; } + scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -7px -10px; + margin-bottom: -11px; } + scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -7px -10px; + margin-bottom: -11px; } + scale.vertical.marks-before:not(.marks-after) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -10px -7px; + margin-left: -11px; } + scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -10px -7px; + margin-left: -11px; } + scale.vertical.marks-before:not(.marks-after) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -10px -7px; + margin-left: -11px; } + scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { + margin: -10px -7px; + margin-left: -11px; } + scale.vertical.marks-after:not(.marks-before) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -10px -7px; + margin-right: -11px; } + scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -10px -7px; + margin-right: -11px; } + scale.vertical.marks-after:not(.marks-before) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -10px -7px; + margin-right: -11px; } + scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { + margin: -10px -7px; + margin-right: -11px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color > trough { + background-image: image(#d9d9d9); + background-repeat: no-repeat; } + scale.color.horizontal { + padding: 0 0 15px 0; } + scale.color.horizontal > trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > 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) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > 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) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > 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) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > 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) > trough > 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) > trough > slider { + margin-right: -15px; + margin-left: 6px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(92, 97, 108, 0.4); + font-feature-settings: "tnum"; } + progressbar.horizontal > trough { + min-width: 150px; } + progressbar.horizontal > trough, progressbar.horizontal > trough > progress { + min-height: 2px; } + progressbar.vertical > trough { + min-height: 80px; } + progressbar.vertical > trough, progressbar.vertical > trough > progress { + min-width: 2px; } + progressbar.horizontal > trough > progress { + margin: 0 -1px; } + progressbar.vertical > trough > progress { + margin: -1px 0; } + progressbar > trough > progress { + /* share most of scales' */ + /* override insensitive that is specific to progress */ + border-radius: 1.5px; } + progressbar > trough > progress:disabled { + background-color: #aeb0b6; + border-color: #aeb0b6; } + progressbar > trough > progress.left { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } + progressbar > trough > progress.right { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } + progressbar > trough > progress.top { + border-top-right-radius: 5px; + border-top-left-radius: 5px; } + progressbar > trough > progress.bottom { + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; } + 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 > trough > progress { + border-style: none; + border-radius: 0; } + progressbar > trough.empty > progress { + all: unset; } + +/************* + * Level Bar * + *************/ +levelbar.horizontal trough > block { + min-height: 9px; + 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: 9px; + 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: #fd7d00; + background-color: #fd7d00; } + levelbar > trough > block.high, levelbar > trough > block:not(.empty) { + border-color: #2777ff; + background-color: #2777ff; } + levelbar > trough > block.full { + border-color: #3db47e; + background-color: #3db47e; } + levelbar > trough > block.empty { + background-color: #f2f2f2; + border-color: #f2f2f2; } + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: #5c616c; + background: none; + border: none; + padding: 0; } + window.dialog.print drawing paper { + background: white; + color: #2e3436; + border: 1px solid #d9d9d9; } + +window.dialog.print .dialog-action-box { + margin: 12px; } + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid #d9d9d9; } + +frame { + border-radius: 8px; } + frame > label { + margin: 4px; } + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid #d9d9d9; } + +scrolledwindow > overshoot.top { + background-image: radial-gradient(farthest-side at top, #bfbfbf 85%, rgba(191, 191, 191, 0)), radial-gradient(farthest-side at top, rgba(92, 97, 108, 0.07), rgba(92, 97, 108, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow > overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, #bfbfbf 85%, rgba(191, 191, 191, 0)), radial-gradient(farthest-side at bottom, rgba(92, 97, 108, 0.07), rgba(92, 97, 108, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow > overshoot.left { + background-image: radial-gradient(farthest-side at left, #bfbfbf 85%, rgba(191, 191, 191, 0)), radial-gradient(farthest-side at left, rgba(92, 97, 108, 0.07), rgba(92, 97, 108, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow > overshoot.right { + background-image: radial-gradient(farthest-side at right, #bfbfbf 85%, rgba(191, 191, 191, 0)), radial-gradient(farthest-side at right, rgba(92, 97, 108, 0.07), rgba(92, 97, 108, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow > junction { + background: #d9d9d9, linear-gradient(to bottom, transparent 1px, #fafafa 1px), linear-gradient(to right, transparent 1px, #fafafa 1px); } + scrolledwindow > junction:dir(rtl) { + background: #d9d9d9, linear-gradient(to bottom, transparent 1px, #fafafa 1px), linear-gradient(to left, transparent 1px, #fafafa 1px); } + +separator { + background: #e6e6e6; + min-width: 1px; + min-height: 1px; } + +/********* + * Lists * + *********/ +listview, +list { + color: black; + background-color: #fafafa; + border-color: #d9d9d9; } + listview:backdrop, + list:backdrop { + color: #313131; + background-color: #f7f7f7; + border-color: #e0e0e0; } + listview > row, + list > row { + padding: 2px; } + listview > row.expander, + list > row.expander { + padding: 0px; } + listview > row.expander .row-header, + list > row.expander .row-header { + padding: 2px; } + listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), + list.horizontal row.separator, + list.separators.horizontal > row:not(.separator) { + border-left: 1px solid #dfdfdf; } + listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), + list:not(.horizontal) row.separator, + list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid #dfdfdf; } + +row { + outline: 0 solid transparent; + outline-offset: 4px; } + +row:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 2px; + outline-offset: -2px; } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(92, 97, 108, 0.05); } + +row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + +row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + +row.activatable.has-open-popup:selected, row.activatable:selected:hover { + background-color: #2c75f0; } + +row:selected { + outline-color: rgba(255, 255, 255, 0.8); } + +columnview > listview > row { + padding: 0; } + columnview > listview > row > cell { + padding: 8px 6px; } + columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; } + +columnview.column-separators > listview > row > cell { + border-left-color: #dfdfdf; } + +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 rgba(39, 119, 255, 0.5); } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #2777ff; } + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: #ffffff; + background-color: #2777ff; } + +/******************************************************* + * 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; } + +/********************* + * App Notifications * + *********************/ +.app-notification { + padding: 10px; + border-spacing: 10px; + border-radius: 0 0 5px 5px; + background-color: #303340; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); + background-clip: padding-box; } + .app-notification border { + border: none; } + +/************* + * Expanders * + *************/ +expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander:disabled { + color: #aeb0b6; } + expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +expander-widget > box > title { + outline: 0 solid transparent; + outline-offset: 4px; } + +expander-widget:focus:focus-visible > box > title { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 2px; + outline-offset: -2px; } + +expander-widget > box > title { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-radius: 5px; } + expander-widget > box > title:hover > expander { + color: #aaaeb7; } + +.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), +placessidebar:not(decoration):not(window):drop(active):focus, +placessidebar:not(decoration):not(window):drop(active), +stackswitcher:not(decoration):not(window):drop(active):focus, +stackswitcher:not(decoration):not(window):drop(active), +expander-widget:not(decoration):not(window):drop(active):focus, +expander-widget:not(decoration):not(window):drop(active) { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: black; + border: 1px solid #d9d9d9; } + calendar > header { + border-bottom: 1px solid #d9d9d9; } + calendar > header > button { + border: none; + box-shadow: none; + background: none; + border-radius: 0; } + calendar > header > button:backdrop { + background: none; } + calendar > grid > label.today { + box-shadow: inset 0px -2px #d9d9d9; } + calendar > grid > label.today:selected { + box-shadow: none; } + calendar > grid > label:focus { + outline-color: rgba(39, 119, 255, 0.5); + outline-offset: -2px; + outline-width: 2px; + outline-style: solid; } + calendar > grid > label.day-number { + padding: 4px; } + calendar > grid > label.day-number:selected { + border-radius: 3px; } + calendar > grid > label.day-number.other-month { + color: alpha(currentColor,0.3); } + +/*********** + * Dialogs * + ***********/ +window.dialog.message .titlebar { + min-height: 20px; + background-image: none; + background-color: #ffffff; + border-style: none; + border-top-left-radius: 7px; + border-top-right-radius: 7px; } + +window.dialog.message box.dialog-vbox.vertical { + border-spacing: 10px; } + +window.dialog.message label.title { + font-weight: 800; + font-size: 15pt; } + +window.dialog.message.csd.background { + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; } + +window.dialog.message.csd .dialog-action-area button { + padding: 10px 14px; + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; } + window.dialog.message.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 7px; } + window.dialog.message.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { + border-top: 1px solid #d9d9d9; } + +filechooser #pathbarbox { + border-bottom: 1px solid #ffffff; } + +filechooserbutton > button > box { + border-spacing: 6px; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + background-color: #fcfcfc; } + .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { + border-right: 1px solid #d9d9d9; + border-left-style: none; } + .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { + border-left: 1px solid #d9d9d9; + border-right-style: none; } + .sidebar listview.view, + .sidebar list { + background-color: transparent; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +stacksidebar list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: none; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + stacksidebar row:selected { + background-color: #eaebec; + border-radius: 5px; + color: #5c616c; } + stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { + background-color: #dddee0; } + stacksidebar row:focus:focus-visible { + outline-width: 0; + background-color: #2777ff; + color: #ffffff; } + stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { + box-shadow: none; } + +separator.sidebar { + background-color: #d9d9d9; } + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 5px 0; } + .navigation-sidebar > separator { + margin: 5px; } + .navigation-sidebar > row { + min-height: 36px; + padding: 0 8px; + border-radius: 5px; + margin: 0 5px 2px; } + .navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { + background-color: #dddee0; } + .navigation-sidebar > row:selected { + background-color: #eaebec; + color: inherit; } + .navigation-sidebar > row:selected:hover { + background-color: #dddee0; } + .navigation-sidebar > row:selected:focus-visible:focus-within { + outline-width: 0; + color: #ffffff; + background-color: #2777ff; } + .navigation-sidebar > row:selected:focus-visible:focus-within:hover { + background-color: #005af3; } + .navigation-sidebar > row:disabled { + color: #aeb0b6; } + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + opacity: 0.7; } + +/* this should be more generic, only using .navigation-sidebar + https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 +*/ +placessidebar .navigation-sidebar > row { + padding: 0; } + placessidebar .navigation-sidebar > row > revealer { + padding: 0 14px; } + placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + border-radius: 100%; } + placessidebar .navigation-sidebar > row:selected:active { + box-shadow: none; } + placessidebar .navigation-sidebar > row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image(#19a187); + background-clip: content-box; } + placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { + color: #2777ff; } + placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { + color: #19a187; + box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } + placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { + color: #ffffff; + background-color: #19a187; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview > actionbar > revealer > box > box { + border-spacing: 6px; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#d9d9d9); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(#2777ff); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #ffffff; + background-image: image(#d9d9d9), image(#d9d9d9); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************** + * GtkVideo * + **************/ +video { + background: black; } + video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 32px; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 10px; + border-radius: 8px; + box-shadow: none; } + tooltip.background { + background-color: rgba(0, 0, 0, 0.8); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); + color: white; } + tooltip > box { + border-spacing: 6px; } + +/***************** + * Color Chooser * + *****************/ +colorswatch { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + colorswatch { + outline: 0 solid transparent; + outline-offset: 6px; } + colorswatch:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 4px; + outline-offset: -2px; } + colorswatch:drop(active), colorswatch { + border-style: none; } + colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top > overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } + colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom > overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } + colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } + colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } + colorswatch.dark > overlay { + color: white; } + colorswatch.dark.activatable:hover > overlay { + border-color: rgba(0, 0, 0, 0.8); } + colorswatch.light > overlay { + color: black; } + colorswatch.light.activatable:hover > overlay { + border-color: rgba(0, 0, 0, 0.5); } + colorswatch:drop(active) { + box-shadow: none; } + colorswatch.light:drop(active) > overlay { + border-color: #19a187; + box-shadow: inset 0 0 0 2px #14826d, inset 0 0 0 1px #19a187; } + colorswatch.dark:drop(active) > overlay { + border-color: #19a187; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #19a187; } + colorswatch > overlay { + border: 1px solid rgba(0, 0, 0, 0.3); } + colorswatch.activatable:hover > overlay { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + colorswatch#add-color-button { + border-radius: 5px 0 0 5px; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button > overlay { + color: #5c616c; + outline-color: rgba(39, 119, 255, 0.5); + border-color: #d9d9d9; + background-image: linear-gradient(to top, #fafafa 2px, white); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + colorswatch#add-color-button.activatable:hover > overlay { + color: #5c616c; + border-color: #d9d9d9; + background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled > overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + row:selected colorswatch { + box-shadow: 0 0 0 2px #ffffff; } + colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample > overlay { + border-radius: 4.5px; } + +plane { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + plane { + outline: 0 solid transparent; + outline-offset: 6px; } + plane:focus:focus-visible { + outline-color: rgba(39, 119, 255, 0.5); + outline-width: 2px; + outline-offset: 2px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #ededed; } + .content-view:hover { + -gtk-icon-filter: brightness(1.2); } + .content-view .tile { + margin: 2px; + background-color: transparent; + border-radius: 0; + padding: 0; } + .content-view .tile:active, .content-view .tile:selected { + background-color: transparent; } + .content-view .tile:disabled { + background-color: transparent; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } + +.scale-popup button:hover { + background-color: rgba(92, 97, 108, 0.1); + border-radius: 5px; } + +/********************** + * Window Decorations * + *********************/ +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.23); + margin: 0px; + border-radius: 8px 8px 0 0; } + window.csd:backdrop { + box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); + transition: 200ms ease-out; } + window.csd.popup { + border-radius: 5px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + window.csd.dialog.message { + border-radius: 8px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + window.csd.solid-csd { + margin: 0; + padding: 0; + border: solid 1px #d9d9d9; + border-radius: 0; + box-shadow: inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); } + window.csd.solid-csd:backdrop { + box-shadow: inset 0 0 0 3px #ffffff, inset 0 1px rgba(255, 255, 255, 0.8); } + window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { + border-radius: 0; } + window.popup { + box-shadow: none; } + window.ssd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } + +tooltip.csd { + border-radius: 5px; + box-shadow: none; } + +filechooser placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected, +textview > text:selected:focus, +textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, +entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, +treeview.view:selected:focus, +treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { + background-color: #2777ff; } + label:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected, + textview > text:selected:focus, + textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, + entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { + color: #ffffff; } + label:disabled > selection, label:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .view:disabled:selected, + textview > text:disabled:selected:focus, + textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, + entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, + treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { + color: #93bbff; } + +.monospace { + font-family: monospace; } + +/********************** + * Touch Copy & Paste * + *********************/ +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + min-width: 20px; + min-height: 24px; + padding-left: 20px; + padding-right: 20px; + padding-top: 24px; + padding-bottom: 24px; } + cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); } + cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); } + cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } + cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); } + cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); } + cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } + cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); } + cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); } + cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } + +shortcuts-section { + margin: 20px; } + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; } + +shortcut { + border-spacing: 6px; } + +shortcut > .keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + color: #5c616c; + background-color: #fafafa; + border: 1px solid; + border-color: #ececec; + border-radius: 5px; + box-shadow: inset 0 -3px #fefefe; + font-size: smaller; } + +:not(decoration):not(window):drop(active):focus, +:not(decoration):not(window):drop(active) { + border-color: #19a187; + box-shadow: inset 0 0 0 1px #19a187; + caret-color: #19a187; } + +stackswitcher > button.text-button { + min-width: 100px; } + +stackswitcher.circular { + border-spacing: 12px; } + stackswitcher.circular > button.circular, + stackswitcher.circular > button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; } + +/************* + * App Icons * + *************/ +/* Outline for low res icons */ +.lowres-icon { + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Drapshadow for large icons */ +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* + * Emoji * + ********/ +popover.emoji-picker > contents { + padding: 0; } + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + border-bottom: 1px solid #d9d9d9; } + +.emoji-toolbar { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid #d9d9d9; } + +button.emoji-section { + border-color: transparent; + border-width: 3px; + border-style: none none solid; + border-radius: 0; + padding: 3px 0 0; + min-width: 32px; + min-height: 28px; + /* reset props inherited from the button style */ + background: none; + box-shadow: none; + text-shadow: none; } + button.emoji-section:hover { + border-color: #d9d9d9; } + button.emoji-section:checked { + border-color: #2777ff; } + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + border-radius: 6px; } + popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { + background: #2777ff; } + +emoji-completion-row > box { + border-spacing: 10px; + padding: 2px 10px; } + +emoji-completion-row:focus, +emoji-completion-row:hover { + background-color: #2777ff; + color: #ffffff; } + +emoji-completion-row emoji:focus, +emoji-completion-row emoji:hover { + background-color: #eaebec; } + +popover.entry-completion > contents { + padding: 0; } + +statusbar { + padding: 6px 10px 6px 10px; } + +/* Nautilus */ +@define-color disk_space_unknown #383c4a; +@define-color disk_space_used #2777ff; +@define-color disk_space_free white; +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + box-shadow: inset 0 8px 4px -8px rgba(0, 0, 0, 0.3); } + filechooser placessidebar.sidebar:dir(ltr), + .nautilus-window placessidebar.sidebar:dir(ltr) { + background-image: linear-gradient(to right, whitesmoke 41px, #ffffff 0); } + filechooser placessidebar.sidebar:dir(rtl), + .nautilus-window placessidebar.sidebar:dir(rtl) { + background-image: linear-gradient(to left, whitesmoke 41px, #ffffff 0); } + filechooser placessidebar.sidebar:backdrop, + .nautilus-window placessidebar.sidebar:backdrop { + box-shadow: none; } + filechooser placessidebar.sidebar row.sidebar-row:selected, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected { + margin-left: 6px; + margin-right: 6px; + border-radius: 5px; + box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); + transition: box-shadow 200ms ease-out; } + filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { + box-shadow: none; } + filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { + background-image: linear-gradient(to right, #005af3 35px, transparent 0); } + filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { + background-image: linear-gradient(to left, #005af3 35px, transparent 0); } + filechooser placessidebar.sidebar row.sidebar-row:selected revealer, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { + padding-left: 8px; + padding-right: 8px; } + filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { + color: #ffffff; } + filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + padding-right: 20px; } + +.nautilus-window .floating-bar { + color: #ffffff; + background-color: #2777ff; + border-color: #0051da; + margin: 10px; + box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); + transition: background-color 200ms ease-out; } + .nautilus-window .floating-bar:backdrop { + color: inherit; + box-shadow: none; + border-color: #d9d9d9; } + .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { + border-radius: 5px; + border-style: solid; } + +.path-bar-box:backdrop { + border-color: #e0e0e0; } + +/* XFCE4 PANEL */ +.xfce4-panel.background { + background: rgba(255, 255, 255, 0.9); } + +.xfce4-panel button { + border: 0; + border-radius: 0; + box-shadow: none; + text-shadow: none; + background: transparent; + color: #454850; } + .xfce4-panel button:hover { + background: #ffffff; } + .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { + box-shadow: inset 0 4px 0 #2777ff; + background: #ffffff; } + +.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { + box-shadow: inset 4px 0 0 #2777ff; } + +/* XFCE4 NOTIFICATIONS */ +#XfceNotifyWindow { + background-color: #272a34; } + +/* Whisker menu */ +#whiskermenu-window entry { + border-radius: 100px; + border: 2px solid #2777ff; + box-shadow: none; } + +#whiskermenu-window button { + transition-duration: 0s; } + #whiskermenu-window button:checked { + border-color: transparent; } + +#whiskermenu-window scrolledwindow.frame { + border: 0; + border-radius: 8px; + box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); + background: #ffffff; + padding: 7px 10px; + margin: 0 5px; } + #whiskermenu-window scrolledwindow.frame treeview { + background: transparent; + border-radius: 5px; } + #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { + background-color: rgba(0, 0, 0, 0.07); + color: inherit; } + +/* XFCE4 panel action buttons */ +#XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { + -gtk-icon-style: symbolic; + -gtk-icon-transform: scale(0.7); } + +/* XFCE4 workspace switcher */ +wnck-pager { + background-color: white; } + wnck-pager:selected { + background-color: #cccccc; } + wnck-pager:hover { + background-color: #cccccc; } + +/* LightDM */ +.lightdm-gtk-greeter #panel_window { + background: rgba(255, 255, 255, 0.9); + color: #5c616c; + text-shadow: none; + -gtk-icon-shadow: none; } + +.lightdm-gtk-greeter #login_window { + border: 0; + background-color: rgba(255, 255, 255, 0.9); + border-radius: 5px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } + .lightdm-gtk-greeter #login_window entry { + background: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.3); + min-height: 32px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + .lightdm-gtk-greeter #login_window entry image { + margin: 0; } + .lightdm-gtk-greeter #login_window #buttonbox_frame { + padding-top: 20px; + background: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0 0 5px 5px; + box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.07); } + .lightdm-gtk-greeter #login_window #buttonbox_frame button { + border: 0; + color: white; + text-shadow: none; } + .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { + background: rgba(0, 0, 0, 0.07); + box-shadow: none; + color: #5c616c; } + .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { + background: #2777ff; + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } + +/* Thunar */ +.thunar .warning { + opacity: 0; + font-size: 0; + margin: -10px 0; } + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #5c616c; +/* +text color for entries, views and content in general */ +@define-color theme_text_color black; +/* +widget base background color */ +@define-color theme_bg_color #ffffff; +/* +text widgets and the like base background color */ +@define-color theme_base_color #fafafa; +/* +base background color of selections */ +@define-color theme_selected_bg_color #2777ff; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #fdfdfd; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #aeb0b6; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #fafafa; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #aeb0b6; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color black; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #ffffff; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #f7f7f7; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #2777ff; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #d9d9d9; +/* +widgets main borders color */ +@define-color borders #d9d9d9; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #e0e0e0; +/* +these are pretty self explicative */ +@define-color warning_color #fd7d00; +@define-color error_color #bf1717; +@define-color success_color #3db47e; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#5c616c, 1.8); +@define-color wm_unfocused_title #aeb0b6; +@define-color wm_highlight rgba(255, 255, 255, 0.8); +@define-color wm_borders_edge rgba(255, 255, 255, 0.8); +@define-color wm_bg_a shade(#ffffff, 1.2); +@define-color wm_bg_b #ffffff; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#ffffff, 1.3); +@define-color wm_button_hover_color_b #ffffff; +@define-color wm_button_active_color_a shade(#ffffff, 0.85); +@define-color wm_button_active_color_b shade(#ffffff, 0.89); +@define-color wm_button_active_color_c shade(#ffffff, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #fafafa; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #fafafa; +.gedit-document-panel { + background-color: @sidebar_bg; +} + +.gedit-document-panel:backdrop { + color: #b0b2b2; +} + +.gedit-document-panel row:selected:backdrop { + background-color: #8b8e8f; +} + +.gedit-document-panel-group-row, +.gedit-document-panel-group-row:hover { + border-top: 1px solid alpha(currentColor, 0.3); +} + +.gedit-document-panel-group-row:first-child, +.gedit-document-panel-group-row:first-child:hover { + border-top: 0px; +} + +/* Try to look as the notebook tab close button */ +.gedit-document-panel row button.flat { + padding: 0; + margin-top: 8px; + margin-bottom: 8px; + min-width: 18px; + min-height: 18px; + color: alpha(currentColor,0.3); +} + +.gedit-document-panel row:hover button.flat { + color: alpha(currentColor,0.5); +} + +.gedit-document-panel row button.flat:hover { + color: @theme_fg_color; +} + +statusbar { + border-top: 1px solid @borders; +} + +.gedit-search-slider { + background-color: @theme_base_color; + padding: 6px; + border-color: @borders; + border-radius: 0 0 3px 3px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + background-color: @theme_base_color; + background-image: none; + color: shade (@theme_unfocused_fg_color, 0.8); + border: 0px; + margin: 2px; + padding: 2px; +} +.nautilus-window, +.nautilus-window notebook, +.nautilus-window notebook > stack { + background: @theme_base_color; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: mix (@theme_fg_color, @theme_bg_color, 0.50); +} + +.nautilus-canvas-item.dim-label:selected, +.nautilus-list-dim-label:selected { + color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); +} + +/* Toolbar */ + +/* Here we use the .button background-image colors from Adwaita, but ligthen them, + * since is not possible to use lighten () in common css. */ +@keyframes needs_attention_keyframes { + 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } + /* can't do animation-direction, so holding the color on two keyframes */ + 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } + 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } + 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.disclosure-button { + padding-left: 4px; + padding-right: 4px; +} + +/* Path bar */ + +.path-bar-box { + border-radius: 5px; + border: 1px @borders solid; + background-color: @theme_bg_color; + padding-right: 6px; +} + +.nautilus-path-bar button { + margin: 0px; +} + +.nautilus-path-bar button:first-child { + border-width: 0px 1px 0px 0px; + border-radius: 3.5px 0px 0px 3.5px; +} + +.nautilus-path-bar button:not(:first-child) { + border-width: 0px 1px 0px 1px; + border-radius: 0px 0px 0px 0px; +} + +.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */ + +/* Make the tags fit into the box */ +entry.search > * { + margin: 5px; +} + +/* Sidebar */ + +.nautilus-window .sidebar-row:selected { + background: mix(@theme_bg_color, @theme_fg_color, 0.07); +} + +.nautilus-window .sidebar-row:selected, +.nautilus-window .sidebar-row:selected image, +.nautilus-window .sidebar-row:selected label { + color: mix(@theme_fg_color, @theme_text_color, 0.5); +} + +.nautilus-window .sidebar-row:selected:backdrop { + background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); +} + +.nautilus-window .sidebar-row:selected:backdrop, +.nautilus-window .sidebar-row:selected:backdrop label { + color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); +} + +/* Floating status bar */ +.floating-bar { + padding: 1px; + background-color: @theme_base_color; + border-width: 1px; + border-style: solid solid none; + border-color: @borders; + border-radius: 3px 3px 0 0; +} + +.floating-bar.bottom.left { /* axes left border and border radius */ + border-left-style: none; + border-top-left-radius: 0; +} +.floating-bar.bottom.right { /* axes right border and border radius */ + border-right-style: none; + border-top-right-radius: 0; +} + +.floating-bar:backdrop { + background-color: @theme_unfocused_base_color; + border-color: @unfocused_borders; +} + +.floating-bar button { + padding: 0px; +} + +@define-color disk_space_unknown #888a85; +@define-color disk_space_used #729fcf; +@define-color disk_space_free #eeeeec; + +.disk-space-display { + border-style: solid; + border-width: 2px; +} + +.disk-space-display.unknown { + background-color: @disk_space_unknown; + border-color: shade(@disk_space_unknown, 0.7); + color: @disk_space_unknown; +} +.disk-space-display.unknown.border { + color: shade(@disk_space_unknown, 0.7); +} + +.disk-space-display.used { + background-color: @disk_space_used; + border-color: shade(@disk_space_used, 0.7); + color: @disk_space_used; +} +.disk-space-display.used.border { + color: shade(@disk_space_used, 0.7); +} + +.disk-space-display.free { + background-color: @disk_space_free; + border-color: shade(@disk_space_free, 0.7); + color: @disk_space_free; +} +.disk-space-display.free.border { + color: shade(@disk_space_free, 0.7); +} + +/* View */ +.nautilus-list-view .view { + border-bottom: 1px solid @theme_bg_color; +} + +.search-information { + background-color: @theme_selected_bg_color; + color:white; + padding:2px; +} + +/* Hide superfluous treeview drop target indication */ +.nautilus-list-view .view.dnd { + border-style: none; +} + +@define-color conflict_bg #fef6b6; + +.conflict-row { + background: @conflict_bg; + color: black; +} + +.conflict-row:hover { + background-color: shade(@conflict_bg, 0.9); +} + +.conflict-row:selected { + background: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +/* Icon view */ +flowboxchild:selected { + background-color:transparent; +} + +.icon-background { + background-color:black; + border-color:#4a90d9; + border-style:solid; + border-width:0px; +} + +flowboxchild > .icon-item-background { + padding:4px; +} +flowboxchild:selected > .icon-item-background { + padding:4px; + background-color:#4a90d9; + border-color:#4a90d9; + border-style:solid; + border-width:0px; + border-radius:4px 4px 4px 4px; +} diff --git a/src/themes/Kali/sass/Makefile b/src/themes/Kali/sass/Makefile index 088fd926..e1bbc23e 100644 --- a/src/themes/Kali/sass/Makefile +++ b/src/themes/Kali/sass/Makefile @@ -7,12 +7,17 @@ THEMES_DIR=../../../../share/themes/ build: $(patsubst %.scss, %.css, $(wildcard *.scss)) mkdir -p $(THEMES_DIR)Kali-Light/gtk-3.0/ mkdir -p $(THEMES_DIR)Kali-Dark/gtk-3.0/ + mkdir -p $(THEMES_DIR)Kali-Light/gtk-4.0/ + mkdir -p $(THEMES_DIR)Kali-Dark/gtk-4.0/ mkdir -p $(THEMES_DIR)Kali-Light/gnome-shell/ mkdir -p $(THEMES_DIR)Kali-Dark/gnome-shell/ cp gtk.css $(THEMES_DIR)Kali-Light/gtk-3.0/gtk.css cp gtk-dark.css $(THEMES_DIR)Kali-Light/gtk-3.0/gtk-dark.css cp gtk-dark.css $(THEMES_DIR)Kali-Dark/gtk-3.0/gtk.css + cp gtk-4.css $(THEMES_DIR)Kali-Light/gtk-4.0/gtk.css + cp gtk-4-dark.css $(THEMES_DIR)Kali-Light/gtk-4.0/gtk-dark.css + cp gtk-4-dark.css $(THEMES_DIR)Kali-Dark/gtk-4.0/gtk.css cp gnome-shell.css $(THEMES_DIR)Kali-Light/gnome-shell/gnome-shell.css cp gnome-shell-dark.css $(THEMES_DIR)Kali-Dark/gnome-shell/gnome-shell.css diff --git a/src/themes/Kali/sass/gtk-4-dark.scss b/src/themes/Kali/sass/gtk-4-dark.scss new file mode 100644 index 00000000..27aec71a --- /dev/null +++ b/src/themes/Kali/sass/gtk-4-dark.scss @@ -0,0 +1,15 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade +// - if you need to inverse a color function use the @if directive to match for dark $variant + +$variant: 'dark'; +$high-contrast:'false'; + +@import 'gtk-sass/_colors'; +@import 'gtk-sass/upstream-gtk-4/_drawing'; +@import 'gtk-sass/upstream-gtk-4/_common'; +//@import 'gtk-sass/_common-tweaks'; +@import 'gtk-sass/_applications'; +@import 'gtk-sass/upstream-gtk-4/_colors-public'; diff --git a/src/themes/Kali/sass/gtk-4.scss b/src/themes/Kali/sass/gtk-4.scss new file mode 100644 index 00000000..31b3f0e8 --- /dev/null +++ b/src/themes/Kali/sass/gtk-4.scss @@ -0,0 +1,15 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade +// - if you need to inverse a color function use the @if directive to match for dark $variant + +$variant: 'light'; +$high-contrast:'false'; + +@import 'gtk-sass/_colors'; +@import 'gtk-sass/upstream-gtk-4/_drawing'; +@import 'gtk-sass/upstream-gtk-4/_common'; +//@import 'gtk-sass/_common-tweaks'; +@import 'gtk-sass/_applications'; +@import 'gtk-sass/upstream-gtk-4/_colors-public'; diff --git a/src/themes/Kali/sass/gtk-sass/_colors.scss b/src/themes/Kali/sass/gtk-sass/_colors.scss index f6545b1a..948ab3a8 100644 --- a/src/themes/Kali/sass/gtk-sass/_colors.scss +++ b/src/themes/Kali/sass/gtk-sass/_colors.scss @@ -19,7 +19,9 @@ $link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), li $top_hilight: $borders_edge; $dark_fill: mix($borders_color, $bg_color, 35%); $headerbar_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 3%)); +$headerbar_bg_color: $headerbar_color; $menu_color: if($variant == 'light', $base_color, mix($borders_color, $bg_color, 15%)); +$menu_selected_color: mix($fg_color, $base_color, 10%); $popover_bg_color: $menu_color; $popover_hover_color: lighten($menu_color, 5%); @@ -78,3 +80,8 @@ $progress_border_color: $selected_borders_color; $checkradio_bg_color: $selected_bg_color; $checkradio_fg_color: $selected_fg_color; $checkradio_borders_color: if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%)); +$switch_bg_color: $selected_bg_color; +$switch_borders_color: if($variant == 'light',darken($switch_bg_color,15%),darken($switch_bg_color,30%)); +$focus_border_color: if($variant == 'light', transparentize($selected_bg_color, 0.5), transparentize($selected_bg_color, 0.3)); +$alt_focus_border_color: if($variant == 'light', transparentize(white, 0.2), transparentize(white,0.7)); +$dim_label_opacity: 0.55; diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_colors-public.scss b/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_colors-public.scss new file mode 100644 index 00000000..3b638e2b --- /dev/null +++ b/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_colors-public.scss @@ -0,0 +1,119 @@ +//apps rely on some named colors to be exported +/* GTK NAMED COLORS + ---------------- + use responsibly! */ + +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var +/* +widget text/foreground color */ +@define-color theme_fg_color #{"" +$fg_color}; + +/* +text color for entries, views and content in general */ +@define-color theme_text_color #{"" +$text_color}; + +/* +widget base background color */ +@define-color theme_bg_color #{"" +$bg_color}; + +/* +text widgets and the like base background color */ +@define-color theme_base_color #{"" +$base_color}; + +/* +base background color of selections */ +@define-color theme_selected_bg_color #{"" +$selected_bg_color}; + +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #{"" +$selected_fg_color}; + +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #{"" +$insensitive_bg_color}; + +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #{"" +$insensitive_fg_color}; + +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #{"" +$base_color}; + +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color}; + +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #{"" +$text_color}; + +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color}; + +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #{"" +$backdrop_base_color}; + +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color}; + +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; + +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #{"" + $backdrop_insensitive_color}; + +/* +widgets main borders color */ +@define-color borders #{"" +$borders_color}; + +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #{"" +$backdrop_borders_color}; + +/* +these are pretty self explicative */ +@define-color warning_color #{"" +$warning_color}; +@define-color error_color #{"" +$error_color}; +@define-color success_color #{"" +$success_color}; +//@define-color destructive_color #{$destructive_color} + +//WM + +$_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is + transparentize(black,1)); // done directly in the + // color definition + +/* +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(#{$fg_color}, 1.8); +@define-color wm_unfocused_title #{$backdrop_fg_color}; +@define-color wm_highlight #{"" + $_wm_highlight}; +@define-color wm_borders_edge #{"" + $borders_edge}; + +@define-color wm_bg_a shade(#{$bg_color}, 1.2); +@define-color wm_bg_b #{$bg_color}; + +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); + +@define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3); +@define-color wm_button_hover_color_b #{$bg_color}; +@define-color wm_button_active_color_a shade(#{$bg_color}, 0.85); +@define-color wm_button_active_color_b shade(#{$bg_color}, 0.89); +@define-color wm_button_active_color_c shade(#{$bg_color}, 0.9); + +//FIXME this is really an API + +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #{"" + $base_color}; + +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #{"" + if($variant == 'light', $base_color, darken($base_color,6%))}; diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_colors.scss b/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_colors.scss new file mode 100644 index 00000000..825b1312 --- /dev/null +++ b/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_colors.scss @@ -0,0 +1,74 @@ +// When color definition differs for dark and light variant +// it gets @if ed depending on $variant + +$base_color: if($variant == 'light', #ffffff, lighten(desaturate(#241f31, 100%), 2%)); +$text_color: if($variant == 'light', black, white); +$bg_color: if($variant == 'light', #f6f5f4, darken(desaturate(#3d3846, 100%), 4%)); +$fg_color: if($variant == 'light', #2e3436, #eeeeec); + +$selected_fg_color: #ffffff; +$selected_bg_color: if($variant == 'light', #3584e4, darken(#3584e4, 20%)); +$selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 30%)); +$borders_color: if($variant == 'light', darken($bg_color, 18%), darken($bg_color, 10%)); +$alt_borders_color: if($variant == 'light', darken($bg_color, 24%), darken($bg_color, 18%)); +$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93)); +$link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%)); +$link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%)); +$top_hilight: $borders_edge; +$dark_fill: mix($borders_color, $bg_color, 50%); +$headerbar_bg_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 3%)); +$menu_color: $base_color; +$menu_selected_color: if($variant == 'light', darken($bg_color, 6%), darken($bg_color, 8%)); + +$scrollbar_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 80%), mix($base_color, $bg_color, 50%)); +$scrollbar_slider_color: mix($fg_color, $bg_color, 60%); +$scrollbar_slider_hover_color: mix($fg_color, $bg_color, 80%); +$scrollbar_slider_active_color: if($variant=='light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 10%)); + +$warning_color: #f57900; +$error_color: #cc0000; +$success_color: if($variant == 'light', #33d17a, darken(#33d17a, 10%)); +$destructive_color: if($variant == 'light', #e01b24, darken(#e01b24, 10%)); + +$osd_fg_color: #eeeeec; +$osd_text_color: white; +$osd_bg_color: if($variant == 'light', transparentize(darken(desaturate(#3d3846, 100%), 4%),0.3), transparentize(darken(desaturate(#3d3846, 100%), 10%),0.3)); +$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%); +$osd_borders_color: transparentize(black, 0.3); + +$sidebar_bg_color: mix($bg_color, $base_color, 50%); + +$tooltip_borders_color: transparentize(white, 0.9); +$shadow_color: transparentize(black, 0.9); + +$drop_target_color: if($variant == 'light', #2ec27e, #26a269); + +//insensitive state derived colors +$insensitive_fg_color: mix($fg_color, $bg_color, 50%); +$insensitive_bg_color: mix($bg_color, $base_color, 60%); +$insensitive_borders_color: mix($borders_color, $bg_color, 80%); + +//colors for the backdrop state, derived from the main colors. +$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%)); +$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%); +$backdrop_bg_color: $bg_color; +$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%); +$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); +$backdrop_selected_fg_color: if($variant == 'light', $backdrop_base_color, $backdrop_text_color); +$backdrop_borders_color: mix($borders_color, $bg_color, 80%); +$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%); + +//special cased widget colors +$suggested_bg_color: $selected_bg_color; +$suggested_border_color: $selected_borders_color; +$progress_bg_color: $selected_bg_color; +$progress_border_color: $selected_borders_color; +$checkradio_bg_color: $selected_bg_color; +$checkradio_fg_color: $selected_fg_color; +$checkradio_borders_color: if($variant == 'light',darken($selected_bg_color,10%),darken($selected_bg_color,20%)); +$switch_bg_color: $selected_bg_color; +$switch_borders_color: if($variant == 'light',darken($switch_bg_color,15%),darken($switch_bg_color,30%)); +$focus_border_color: if($variant == 'light', transparentize($selected_bg_color, 0.5), transparentize($selected_bg_color, 0.3)); +$alt_focus_border_color: if($variant == 'light', transparentize(white, 0.2), transparentize(white,0.7)); +$dim_label_opacity: 0.55; diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_common.scss b/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_common.scss new file mode 100644 index 00000000..b5094c68 --- /dev/null +++ b/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_common.scss @@ -0,0 +1,4305 @@ +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); +$asset_suffix: if($variant=='dark', '-dark', ''); +$backdrop_transition: 200ms ease-out; +$button_transition: all 200ms $ease-out-quad; +$focus_transition: outline-width 200ms $ease-out-quad, outline-offset 200ms $ease-out-quad; +$button_radius: 5px; +$menu_radius: 5px; +$menu_margin: $menu_radius; //margin around menuitems & sidebar items +$window_radius: $button_radius + 3; +$popover_radius: $button_radius + 4; + +/*************** + * Base States * + ***************/ +.background { + color: $fg_color; + background-color: $bg_color; + + &:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +dnd { + color: $fg-color; +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Every time a wildcard is used a kitten dies, painfully. +*/ + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { -gtk-icon-filter: opacity(0.5); } + +.view, +%view { + color: $text_color; + background-color: $base_color; + + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:selected { + &:focus, & { + @extend %selected_items; + + border-radius: 3px; + } + } +} + +textview { + > text { + @extend %view; + + > selection { &:focus, & { @extend %selected_items; }} + } + + &:drop(active) { + caret-color: $drop_target_color; + } +} + +textview > border { background-color: mix($bg_color, $base_color, 50%); } + +iconview { + @extend .view; + + @include focus-ring(); + + &:drop(active) { + box-shadow: none; + } + + > dndtarget:drop(active) { + border-style: solid; + border-width: 1px; + border-color: $selected_borders_color; + } +} + +rubberband { + border: 1px solid darken($selected_bg_color, 10%); + background-color: transparentize(darken($selected_bg_color, 10%), 0.8); +} + +flowbox { + > rubberband { @extend rubberband; } + + > flowboxchild { + padding: 3px; + transition: $focus_transition; + + @include focus-ring(); + + &:selected { + outline-color: $alt_focus_border_color; + + @extend %selected_items; + } + } +} + +gridview { + > rubberband { @extend rubberband; } + + > child { + padding: 3px; + transition: $focus_transition; + + @include focus-ring(); + + &:selected { + outline-color: $alt_focus_border_color; + + @extend %selected_items; + } + + box { //cells + border-spacing: 8px; //label separation + margin: 12px; + } + } +} + +coverflow cover { + color: $text_color; + background-color: $base_color; + border: 1px solid black; +} + +label { + @include focus-ring(); + + &.separator { + @extend .dim-label; + } + + &:selected { @extend %nobg_selected_items; } + + > selection { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:disabled { + color: $insensitive_fg_color; + + button & { color: inherit; } + + > selection { @extend %selected_items_disabled; } + } + + &.error { + color: $error_color; + &:disabled { color: transparentize($error_color,0.5); } + } +} + +.dim-label { + opacity: $dim_label_opacity; + text-shadow: none; +} + +window.assistant { + .sidebar { + padding: $menu-margin; + border-top: 1px solid $borders_color; + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar > label { padding: 6px 12px; } + + .sidebar > label.highlight { + background-color: $menu_selected_color; + border-radius: $menu-margin; + } +} + +window.aboutdialog image.large-icons { + -gtk-icon-size: 128px; +} + +%osd, +.osd { + color: $osd_fg_color; + border: none; + background-color: $osd_bg_color; + background-clip: padding-box; + -gtk-icon-shadow: 0 1px black; + +} + + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { transform: rotate(1turn); } +} + +spinner { + background: none; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + + &:disabled { opacity: 0.5; } + } +} + +/********************** + * General Typography * + **********************/ + +.large-title { + font-weight: 300; + font-size: 24pt; +} +.title-1 { + font-weight: 800; + font-size: 20pt; +} +.title-2 { + font-weight: 800; + font-size: 15pt; +} +.title-3 { + font-weight: 700; + font-size: 15pt; +} +.title-4 { + font-weight: 700; + font-size: 13pt; +} +.heading { + font-weight: 700; + font-size: 11pt; +} +.body { + font-weight: 400; + font-size: 11pt; +} +.caption-heading { + font-weight: 700; + font-size: 9pt; +} +.caption { + font-weight: 400; + font-size: 9pt; +} + +/**************** + * Text Entries * + ****************/ + +%entry, +entry { + %entry_basic, & { + min-height: 32px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: $button_radius; + border-spacing: 6px; + transition: all 200ms $ease-out-quad; + + @include entry(normal); + + @include focus-ring($focus-state: 'focus-within'); + + > image { // icons inside the entry + &.left { margin-right: 6px; } + &.right { margin-left: 6px; } + } + + > text > placeholder { + @extend .dim-label; + } + + > text > block-cursor { + @include entry(block_cursor); + } + + &.flat { + &:focus-within, &:backdrop, &:disabled, &:backdrop:disabled, & { + min-height: 0; + padding: 2px; + background-color: transparent; + border-color: transparent; + border-radius: 0; + } + } + + &:focus-within { + @include entry(focus); + > placeholder { + opacity: 0; /* We hide placeholders on focus */ + } + } + + &:disabled { @include entry(insensitive); } + + > text > selection { @extend %selected_items; } + + // entry error and warning style + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color) { + &.#{$e_type} { + color: $e_color; + + @include focus-ring($focus-state: 'focus-within', $fc: transparentize($e_color, 0.5)); + + &:focus-within { @include entry(focus, $e_color); } + + > selection { background-color: $e_color; } + } + } + + > image { // entry icons colors + color: mix($fg_color, $base_color, 80%); + + &:hover { color: $fg_color; } + + &:active { color: $selected_bg_color; } + + } + + &.password image.caps-lock-indicator { + color: mix($backdrop_fg_color, $backdrop_base_color, 80%); + } + + &:drop(active) { + &:focus-within, & { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + .osd & { + @include entry(osd); + + &:focus-within { @include entry(osd-focus); } + + &:disabled { @include entry(osd-insensitive); } + } + } + + > progress { + margin-bottom: 2px; + } + + progress > trough > progress { + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: $selected_bg_color; + border-style: solid; + box-shadow: none; + + } + + // linked entries + .linked:not(.vertical) > & { @extend %linked; } + + .linked:not(.vertical) > &:drop(active) + &, + .linked:not(.vertical) > &:drop(active) + button, + .linked:not(.vertical) > &:drop(active) + menubutton > button, + .linked:not(.vertical) > &:drop(active) + dropdown > button, + .linked:not(.vertical) > &:drop(active) + colorbutton > button, + .linked:not(.vertical) > &:drop(active) + fontbutton > button, + .linked:not(.vertical) > &:drop(active) + filechooserbutton > button, + .linked:not(.vertical) > &:drop(active) + filechooserbutton > combobox > box > button.combo, + .linked:not(.vertical) > &:drop(active) + appchooserbutton > combobox > box > button.combo, + .linked:not(.vertical) > &:drop(active) + combobox > box > button.combo { border-left-color: $drop_target_color; } + + // Vertically linked entries + // FIXME: take care of "colored" entries + .linked.vertical > & { + @extend %linked_vertical; + + // brighter border between linked entries + &:not(:disabled) + entry:not(:disabled), + &:not(:disabled) + %entry:not(:disabled) { + border-top-color: mix($borders_color, $base_color, 30%); + } + + // brighter border between linked insensitive entries + &:disabled + %entry:disabled, + &:disabled + entry:disabled { border-top-color: mix($borders_color, $base_color, 30%); } + + + %entry:drop(active):not(:only-child), + + entry:drop(active):not(:only-child) { border-top-color: $drop_target_color; } + + &:drop(active):not(:only-child) { + + %entry, + + entry, + + button, + + menubutton > button, + + dropdown > button, + + colorbutton > button, + + fontbutton > button, + + filechooserbutton > button, + + filechooserbutton > combobox > box > button.combo, + + appchooserbutton > combobox > box > button.combo, + + combobox > box > button.combo { border-top-color: $drop_target_color; } + } + } + + &.error { color: $error_color; } +} + +treeview entry { + &:focus-within { + &:dir(rtl), &:dir(ltr) { // specificity bump hack + background-color: $base_color; + transition-property: color, background; + } + } + + &.flat, & { + border-radius: 0; + background-image: none; + background-color: $base_color; + + &:focus-within { border-color: $selected_bg_color; } + } +} + +/******************* + * Editable Labels * + *******************/ +editablelabel > stack > text { + @include entry(normal); +} + +/*********** + * Buttons * + ***********/ +// stuff for .needs-attention +$_dot_color: if($variant=='light', $selected_bg_color, + lighten($selected_bg_color,15%)); +@keyframes needs_attention { + from { background-image: radial-gradient(farthest-side, $_dot_color 0%, transparentize($_dot_color, 1) 0%); } + to { background-image: radial-gradient(farthest-side, $_dot_color 95%, transparentize($_dot_color, 1)); } +} + +%button, +button { + @at-root %button_basic, & { + + min-height: 24px; + min-width: 16px; + padding: 4px 9px; + border: 1px solid; + border-radius: $button_radius; + transition: $button_transition; + + @include button(normal); + + @include focus-ring(); + + &:hover { + @include button(hover); + -gtk-icon-filter: brightness(1.2); + } + + &:active, + &:checked { + @include button(active); + + transition-duration: 50ms; + } + + &:checked:hover { @include button(checked-hover); } + &:checked:active { @include button(checked-active); } + + &:backdrop { + &.flat, & { + @include button(backdrop); + + transition: $backdrop_transition; + -gtk-icon-filter: none; + + &:active, + &:checked { @include button(backdrop-active); } + + &:disabled { + @include button(backdrop-insensitive); + + &:active, + &:checked { @include button(backdrop-insensitive-active); } + } + } + } + + &:disabled { + @include button(insensitive); + + &:active, + &:checked { @include button(insensitive-active); } + } + + @at-root %button_basic_flat, + &.flat { + @include button(undecorated); + // to avoid adjacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; + + &:hover { + @include button(undecorated-hover); + transition: $button_transition; + transition-duration: 500ms; + } + &:active, + &:checked { + @include button(undecorated-active); + transition: $button_transition; + } + &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); } + } + + &.image-button { + min-width: 24px; + padding-left: 5px; + padding-right: 5px; + } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + &.text-button.image-button { + padding-left: 8px; + padding-right: 8px; + + label { + padding-left: 8px; + padding-right: 8px; + } + } + + @at-root %button_basic_drop_active, + &:drop(active) { + color: $drop_target_color; + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + @at-root %button_selected, & { + row:selected & { + @if $variant == 'light' { border-color: $selected_borders_color; } + } + + @at-root %button_selected_flat, &.flat { + row:selected & { + &:not(:active):not(:checked):not(:hover):not(disabled) { + color: $selected_fg_color; + border-color: transparent; + + &:backdrop { color: if($variant=='light', $backdrop_base_color, $backdrop_fg_color); } + } + } + } + } + + + // big standalone buttons like in Documents pager + &.osd { + min-width: 26px; + min-height: 32px; + + &.image-button { + min-width: 30px; + &:only-child { + margin: 4px; + border-radius: 50%; // completely round when it is a single button + box-shadow: 0 1px 2px transparentize(black, 0.8); // drop shadow for the only child + }; + } + + color: $osd_fg_color; + border-radius: 5px; + + @include button(osd); + + border: none; + box-shadow: none; + + &:hover { + @include button(osd-hover); + + border: none; + box-shadow: none; + } + + &:active, + &:checked { + @include button(osd-active); + + border: none; + box-shadow: none; + } + } + + //overlay / OSD style + @at-root %osd_button, + .osd & { + @include button(osd); + + &:hover { @include button(osd-hover); } + + &:active, + &:checked { &:backdrop, & { @include button(osd-active); }} + + &:disabled { &:backdrop, & { @include button(osd-insensitive); }} + + &.flat { + @include button(undecorated); + + box-shadow: none; + -gtk-icon-shadow: 0 1px black; + + &:hover { @include button(osd-hover); } + + &:disabled { + @include button(osd-insensitive); + background-image: none; + border-color: transparent; + box-shadow: none; + } + + &:active, + &:checked { @include button(osd-active); } + } + } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $selected_bg_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + @include button(normal, $b_color, white); + @include focus-ring($fc: $alt_focus_border_color); + + &.flat { + @include button(undecorated); + + color: $b_color; //FIXME: does it work on the dark variant? + } + + &:hover { @include button(hover, $b_color, white); } + + &:active, + &:checked { @include button(active, $b_color, white); } + + &.flat { + &:disabled { + @include button(undecorated); + + color: transparentize($b_color, 0.2); + } + } + + &:disabled { + @include button(insensitive); + + &:active, + &:checked { @include button(insensitive-active, $b_color, white); } + } + + .osd & { + @include button(osd, $b_color); + + &:hover { @include button(osd-hover, $b_color); } + + &:active, + &:checked { &:backdrop, & { @include button(osd-active, $b_color); }} + + &:disabled { &:backdrop, & { @include button(osd-insensitive, $b_color); }} + + } + } + } + + stackswitcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + > label { + padding: 0 6px; + margin: 0 -6px; + } + + > image { + padding: 3px 6px; + margin: -3px -6px; + } + + &.needs-attention { + > label, + > image { @extend %needs_attention; } + } + } + + // hide separators + &.font{ + separator { background-color: transparent; } + > box { border-spacing: 6px; } + > box > box > label { font-weight: bold; } + } + + .linked:not(.vertical) > & { @extend %linked; } + + .linked.vertical > & { @extend %linked_vertical; } + + &.circular { // force circular button shape + min-width: 32px; + min-height: 32px; + padding: 0; + border-radius: 9999px; + + label { padding: 0; } + } +} + +%needs_attention { + // the dot is drawn by using two radial gradient, the first one is the actual dot, the other + // simulates the shadow labels and icons normally have in buttons. + animation: needs_attention 150ms ease-in; + + background-image: radial-gradient(farthest-side, $_dot_color 96%, transparentize($_dot_color,1 )); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + + @if $variant == 'light' { background-position: right 3px, right 4px; } + + @else { background-position: right 3px, right 2px; } + + &:backdrop { background-size: 6px 6px, 0 0;} + + &:dir(rtl) { + @if $variant == 'light' { background-position: left 3px, left 4px; } + + @else { background-position: left 3px, left 2px; } + } +} + + +%linked_not_left { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +%linked_not_right { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +// 1st/last child are at text start/end +%linked { + &:dir(ltr) { + &:not(:first-child) { @extend %linked_not_left; } + &:not(:last-child) { @extend %linked_not_right; } + } + + &:dir(rtl) { + &:not(:first-child) { @extend %linked_not_right; } + &:not(:last-child) { @extend %linked_not_left; } + } +} + +%linked_not_top { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +%linked_not_bottom { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +%linked_vertical { + &:not(:first-child) { @extend %linked_not_top; } + + &:not(:last-child) { @extend %linked_not_bottom; } +} + +%undecorated_button { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px transparentize(white, 1), + 0 1px transparentize(white, 1); + text-shadow: none; + -gtk-icon-shadow: none; +} + +.linked:not(.vertical) > menubutton, +.linked:not(.vertical) > dropdown, +.linked:not(.vertical) > colorbutton, +.linked:not(.vertical) > fontbutton, +.linked:not(.vertical) > filechooserbutton { + &:dir(ltr) { + &:not(:first-child) > button { @extend %linked_not_left; } + &:not(:last-child) > button { @extend %linked_not_right; } + } + + &:dir(rtl) { + &:not(:first-child) > button { @extend %linked_not_right; } + &:not(:last-child) > button { @extend %linked_not_left; } + } +} + +.linked.vertical > menubutton, +.linked.vertical > dropdown, +.linked.vertical > colorbutton, +.linked.vertical > fontbutton, +.linked.vertical > filechooserbutton { + &:not(:first-child) > button { @extend %linked_not_top; } + &:not(:last-child) > button { @extend %linked_not_bottom; } +} + +/* menu buttons */ +modelbutton.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: $button_radius; + + @extend %undecorated_button; + + &:hover { background-color: $menu_selected_color; } + + &:disabled { + color: $insensitive_fg_color; + + + } + + &:selected { @extend %selected_items; } +} + +modelbutton.flat arrow { + background: none; + min-width: 16px; + min-height: 16px; + opacity: 0.3; //dim icon + + &:hover { background: none; } + + &.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + + &.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } +} + +/* oldstyle toolbar buttons */ + +.toolbar button { + margin: 1px; + @extend %undecorated_button; + + &:hover { @include button('hover'); } + &:active { @include button('active'); } + &:disabled { @include button('insensitive'); } + &:backdrop { @include button('backdrop'); } + &:backdrop:disabled { @include button('backdrop-insensitive'); } +} + +button.color { + padding: 4px; + + > colorswatch:only-child { + &, > overlay { border-radius: 0; } + + @if $variant == 'light' { + box-shadow: 0 1px $shadow_color; + + .osd & { box-shadow: none; } + } + } + + @if $variant == 'light' { + .osd &, & { + &:disabled, + &:active, + &:checked { colorswatch:only-child { box-shadow: none; }} + } + } +} + +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +%list_button, +list > row button.image-button:not(.flat) { + @extend %undecorated_button; + border: 1px solid transparentize($borders_color, .5); + &:hover { @include button(hover); } + &:active, + &:checked { @include button(active); } +} + +/********* + * Links * + *********/ + +%link, +link { + color: $link_color; + text-decoration: underline; + + &:visited { + color: $link_visited_color; + + *:selected & { color: mix($selected_fg_color, $link_visited_color, 60%); } + } + + &:hover { + $_fg: lighten($link_color, 10%); + color: $_fg; + + *:selected & { color: mix($selected_fg_color, $_fg, 90%); } + } + + &:active { + color: $link_color; + + *:selected & { color: mix($selected_fg_color, $link_color, 80%); } + } + + &:disabled { color: transparentize(desaturate($link_color, 100%), 0.2); } + + @at-root %link_selected, + &:selected, + *:selected & { color: mix($selected_fg_color, $link_color, 80%); } +} + +link { + @include focus-ring(); +} + +button.link { + @extend %link; + + &, + &:hover, + &:active, + &:checked { + @extend %undecorated_button; + + text-shadow: none; + } + + > label { + text-decoration: underline; + } +} + + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + &:not(.vertical) { + // in this horizontal configuration, the whole spinbutton + // behaves as the entry, so we extend the entry styling + // and nuke the style on the internal entry + @extend %entry; + + padding: 0; + border-spacing: 0; + + %spinbutton_horz_entry { + min-width: 28px; + // reset all the other props since the spinbutton node is styled here + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + padding: 6px; + + &:backdrop:disabled { background-color: transparent; } + } + + > text { + @extend %spinbutton_horz_entry; + } + + /* :not here just to bump specificity above that of the list button styling */ + > button.image-button.up:not(.flat), + > button.image-button.down:not(.flat) { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: mix($fg_color, $base_color, 90%); + background-image: none; + border-style: none none none solid; + border-color: transparentize($borders_color, 0.7); + border-radius: 0; + box-shadow: none; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + color: $fg_color; + background-color: darken($bg_color,5%); + } + + &:disabled { + color: transparentize($insensitive_fg_color, 0.7); + background-color: transparent; + } + + &:active { + background-color: transparentize(black, 0.9); + box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8); + } + + &:dir(ltr):last-child { border-radius: 0 $button_radius $button_radius 0; } + + &:dir(rtl):first-child { border-radius: $button_radius 0 0 $button_radius; } + } + } + + // OSD horizontal + .osd &:not(.vertical) { + > text { + @extend %spinbutton_horz_entry; + } + + > button.image-button.up:not(.flat), + > button.image-button.down:not(.flat) { + @include button(undecorated); + + color: $osd_fg_color; + border-style: none none none solid; + border-color: transparentize($osd_borders_color, 0.3); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + @include button(undecorated); + + color: $osd_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-color: darken($osd_bg_color,10%); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; + } + + &:disabled { + @include button(undecorated); + + color: $osd_insensitive_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + -gtk-icon-shadow: none; + box-shadow: none; + } + + &:dir(ltr):last-child { border-radius: 0 $button_radius $button_radius 0; } + + &:dir(rtl):first-child { border-radius: $button_radius 0 0 $button_radius; } + } + } + + // Vertical + &.vertical { + // in the vertical configuration, we treat the spinbutton + // as a box, and tweak the style of the entry in the middle + // so that it's linked + + // FIXME: this should not be set at all, but otherwise it gets the wrong + // color + &:disabled { color: $insensitive_fg_color; } + + &:drop(active) { + border-color: transparent; + box-shadow: none; + } + + > text { + @extend %entry; + + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; + + > selection { @extend %selected_items; } + > block-cursor { @include entry(block_cursor); } + } + + > button { + min-height: 32px; + min-width: 32px; + padding: 0; + + &.up { @extend %top_button; } + + &.down { @extend %bottom_button; } + } + + %top_button { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + + %bottom_button { + border-top-style: none; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + } + + // OSD vertical + .osd &.vertical > button:first-child { + @include button(osd); + + &:hover { @include button(osd-hover);} + + &:active { @include button(osd-active); } + + &:disabled { @include button(osd-insensitive); } + } + + // Misc + treeview &:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; + + > text { + min-height: 0; + padding: 1px 2px; + } + } + + font-feature-settings: "tnum"; +} + + +/************** + * ComboBoxes * + **************/ +dropdown > popover.menu.background > contents { padding: 0; } //allow search entries with no margin + +dropdown > button > box { + border-spacing: 6px; +} + +dropdown, +combobox { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + // align menu labels with the button label + > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; + } + + &.linked { + button:nth-child(2) { + &:dir(ltr) { @extend %linked_not_left; } + &:dir(rtl) { @extend %linked_not_right; } + } + } + + &:drop(active) { // FIXME: untested + box-shadow: none; + + button.combo { @extend %button_basic_drop_active; } + } + + // newstyle + popover { + margin-top: 6px; + padding: 0; + + listview { + + margin: 8px 0; + + &>row { + padding: 8px; + + &:selected { + outline-color: $alt_focus_border_color; + color: $text-color; + background-color: $menu_selected_color; + } + } + } + + // drodowns with searchboxes on top + .dropdown-searchbar { + padding: 6px; + border-bottom: 1px solid $borders_color; + } + } +} + + +// the combo is a composite widget so the way we do button linking doesn't +// work, special case needed. See +// https://bugzilla.gnome.org/show_bug.cgi?id=733979 + +.linked:not(.vertical) > filechooserbutton > combobox, +.linked:not(.vertical) > appchooserbutton > combobox, +.linked:not(.vertical) > combobox { + &:dir(ltr) { + &:not(:first-child) > box > button.combo { @extend %linked_not_left; } + &:not(:last-child) > box > button.combo { @extend %linked_not_right; } + } + + &:dir(rtl) { + &:not(:first-child) > box > button.combo { @extend %linked_not_right; } + &:not(:last-child) > box > button.combo { @extend %linked_not_left; } + } +} + +.linked.vertical > filechooserbutton > combobox, +.linked.vertical > appchooserbutton > combobox, +.linked.vertical > combobox { + &:not(:first-child) > box > button.combo { @extend %linked_not_top; } + &:not(:last-child) > box > button.combo { @extend %linked_not_bottom; } +} + + +/************ + * Toolbars * + ************/ +%toolbar { + padding: 4px; + border-spacing: 4px; + background-color: $bg_color; +} + +.toolbar, +toolbar { + @extend %toolbar; + + // on OSD + .osd & { background-color: transparent; } + + // stand-alone OSD toolbars + &.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: $osd_bg_color; + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + } + + // toolbar separators + &.horizontal > separator { margin: 4px 0; } + &.vertical > separator { margin: 0 4px; } +} + +//searchbar & location-bar +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + @extend %toolbar; + + @extend %darkbar; + + border-width: 0 0 1px; +} + +%darkbar { + border-style: solid; + border-color: $borders_color; + $_bg: mix($bg_color, $borders_color, 70%); + background-color: $_bg; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_dark_fill; + box-shadow: none; + transition: $backdrop_transition; + } +} + +/************** + * GtkInfoBar * + **************/ +infobar { + > revealer > box { + padding: 8px; + border-spacing: 12px; + } + + &.action:hover > revealer > box { + background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%), + desaturate(darken(invert($selected_bg_color), 42%), 70%)); + } + + &.info, + &.question, + &.warning, + &.error { + > revealer > box { + border-bottom: 1px solid lighten($borders_color, 5%); + background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 45%), 30%), + desaturate(darken(invert($selected_bg_color), 40%), 70%)); + } + } +} + + //close button for info and searchbar (#3215) + + infobar .close, + searchbar .close { + @include button(undecorated); + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 50%; + + &:hover { @include button(hover); } + } + + +/***************** + * Title buttons * + *****************/ + +windowcontrols { + border-spacing: 6px; + + &:not(.empty) { + &.start:dir(ltr), + &.end:dir(rtl) { + margin-right: 7px; + } + + &.start:dir(rtl), + &.end:dir(ltr) { + margin-left: 7px; + } + } + + button { + @extend %button_basic; + + @extend %button_basic_flat; + + + border-radius: 9999px; + padding: 6px; + margin: 0 2px; + min-width: 0; + min-height: 0; + &:hover { + //special case hover colors inside a headerbar + @include button(undecorated-hover,$c:darken($headerbar_bg_color,6%)); + } + &:active, + &:checked { @include button(undecorated-active,$c:darken($headerbar_bg_color,10%)); } + } +} + + +/*************** + * Header bars * + ***************/ +%titlebar, +headerbar { + padding: 0 6px; + min-height: 46px; + border-width: 0 0 1px; + border-style: solid; + border-color: $alt_borders_color; + border-radius: 0; + + @include headerbar_fill(darken($bg_color, 10%)); + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $bg_color; + background-image: none; + box-shadow: inset 0 1px $top_hilight; + + transition: $backdrop_transition; + } + + .title { + padding-left: 12px; + padding-right: 12px; + font-weight: bold; + } + + .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + + @extend .dim-label; + } + + /* Darken switchbuttons for headerbars. issue #1588 */ + stackswitcher > button:checked, + button.toggle:checked { + + background: if($variant == 'light', image(darken($bg_color, 17%)), image(darken($bg_color, 9%))); + border-color: darken($borders_color, 3%); + border-top-color: darken($borders_color, 8%); + &:backdrop { + @include button(backdrop-active); + } + } + + // squared corners when the window is maximized, tiled, or fullscreen + .tiled &, + .tiled-top &, + .tiled-left &, + .tiled-right &, + .tiled-bottom &, + .maximized &, + .fullscreen & { + &:backdrop, & { + border-radius: 0; + } + } + + &.default-decoration { + min-height: 28px; + padding: 4px; + + windowcontrols { + button, + menubutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; + } + + menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; + } + } + } + + .solid-csd & { + &:backdrop, & { + &:dir(rtl), &:dir(ltr) { // specificity bump + margin-left: -1px; + margin-right: -1px; + margin-top: -1px; + border-radius: 0; + box-shadow: none; + } + } + } +} + +headerbar { + > windowhandle > box { + &, + > box.start, + > box.end { + border-spacing: 6px; + } + } + + // add vertical margins to common widget on the headerbar to avoid them spanning the whole height + entry, + spinbutton, + separator:not(.sidebar), + button, + menubutton { + margin-top: 6px; + margin-bottom: 6px; + } + + // Reset margins for buttons inside menubutton + menubutton > button { + margin-top: 0px; + margin-bottom: 0px; + } + + switch { + margin-top: 10px; + margin-bottom: 10px; + } + + &.titlebar headerbar:not(.titlebar) { + // Drop the background of non-titlebar nested headerbars. This is needed to + // work around headerbar sliding animation issues without refactoring + // Adwaita's support of titlebars and headerbars as it may break + // applications. + // See https://gitlab.gnome.org/GNOME/gtk/issues/1264 for more information. + background: none; + box-shadow: none; + } +} + + +.titlebar:not(headerbar) { + window.csd > & { + // in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; + } + + separator { background-color: $borders_color; } // FIXME: use darker border? + + @extend %titlebar; +} + +// Development versions of apps to use a differently styled headerbar + +window.devel { + headerbar.titlebar { + $c: darken($bg_color, 10%); + $gradient: cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + linear-gradient(to right, transparent 65%, transparentize($selected_bg_color, 0.8)), + linear-gradient(to top, darken($c, 3%), $c 3px, lighten($c, 6%)); + @if $variant == 'dark' { + $gradient: cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + linear-gradient(to right, transparent 65%, transparentize($selected_bg_color, 0.9)), + linear-gradient(to top, lighten($c, 3%) 3px, lighten($c, 5%)); + } + + background: $bg_color $gradient; + + &:backdrop { + background: $bg_color cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, + image($bg_color); /* background-color would flash */ + } + } +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + &.text-button, &.image-button, & { + padding-left: 4px; + padding-right: 4px; + } + + &.text-button.image-button label { + padding-left: 0; + padding-right: 0; + } + + &.text-button.image-button, & { + label:last-child { padding-right: 8px; } + label:first-child { padding-left: 8px; } + } + + image { + padding-left: 4px; + padding-right: 4px; + } + + &.slider-button { + padding-left: 0; + padding-right: 0; + } +} + + +/************** + * Tree Views * + **************/ + +$_treeview_borders_color: if($variant=='light',mix($borders_color, $base_color,80%),mix($fg_color, $base_color, 20%)); +$_treeview_backdrop_borders_color: if($variant=='light',mix($backdrop_borders_color, $base_color, 80%),mix($backdrop_fg_color, $base_color, 20%)); +columnview.view, +treeview.view { + border-left-color: $_treeview_borders_color; // this is actually the tree lines color, + border-top-color: $_treeview_borders_color; // while this is the grid lines color, better then nothing + + @include focus-ring(); + + > rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { + &:focus, & { + border-radius: 0; + outline-color: $alt_focus_border_color; + + @extend %selected_items; + } + } + + &:disabled { + color: $insensitive_fg_color; + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 40%); + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + } + + &.separator { + min-height: 2px; + color: $_treeview_borders_color; + } + + &:backdrop { + border-left-color: $_treeview_backdrop_borders_color; + border-top: $_treeview_backdrop_borders_color; + } + + &:drop(active) { + box-shadow: none; + } + + > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: $selected_borders_color; + + &.after { border-top-style: none; } + + &.before { border-bottom-style: none; } + } + + &.expander { + // GtkTreeView uses the larger of the expander’s min-width and min-height + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + color: mix($text_color, $base_color, 70%); + + &:hover { color: $text_color; } + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 70%); + + &:hover { color: $selected_fg_color; } + } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + + &.progressbar { // progress bar in treeviews + @if $variant == light { color: $base_color; } + + background-color: $selected_bg_color; + background-image: image($selected_bg_color); + box-shadow: none; + + &:selected { + &:focus, & { + + @if $variant == 'light' { + color: $selected_bg_color; + + } + + @else { box-shadow: inset 0 1px transparentize(white, 0.95); } + + background-image: image($base_color); + + &:backdrop { + @if $variant == 'light' { + color: $selected_bg_color; + } + background-color: $backdrop_base_color; + } + } + } + } + + &.trough { // progress bar trough in treeviews + background-color: transparentize($fg_color,0.9); + + &:selected { + &:focus, & { + background-color: if($variant == 'light', + transparentize($selected_fg_color, 0.7), + darken($selected_bg_color, 10%)); + + } + } + } + + > header { + > button { + $_column_header_color: mix($fg_color, $base_color, 50%); + + @extend %column_header_button; + + color: $_column_header_color; + background-color: $base_color; + font-weight: bold; + text-shadow: none; + box-shadow: none; + + &:hover { + @extend %column_header_button; + + color: mix($_column_header_color, $fg_color, 50%); + box-shadow: none; + transition: none; //I shouldn't need this + } + + &:active { + @extend %column_header_button; + + color: $fg_color; + transition: none; //I shouldn't need this + } + } + } + + button.dnd, + header.button.dnd { // for treeview-like derive widgets + &:active, &:selected, &:hover, & { + padding: 0 6px; + color: $base_color; + background-image: none; + background-color: $selected_bg_color; + border-style: none; + border-radius: 0; + box-shadow: inset 0 0 0 1px $base_color; + text-shadow: none; + transition: none; + } + } + + acceleditor > label { background-color: $selected_bg_color; } // see tests/testaccel to test +} + +%column_header_button { + padding: 0 6px; + background-image: none; + border-style: none none solid solid; + border-color: $_treeview_borders_color; + border-radius: 0; + text-shadow: none; + + &:disabled { + border-color: $bg_color; + background-image: none; + } + + &:last-child { &:backdrop, & { border-right-style: none; }} +} + +/*************** + * Popovers * + ***************/ + +popover.background { + background-color: transparent; + font: initial; // Decouple the font of popovers from their entry/textview + + > arrow, + > contents { + $_popover_border: if($variant=='light', transparentize(black, 0.77), transparentize($borders_color, 0.1)); + + background-color: $menu_color; + background-clip: padding-box; + border: 1px solid $_popover_border; + box-shadow: 0 1px 2px transparentize(black, 0.7); + } + + &:backdrop { + background-color: transparent; + } + + > contents { + padding: 8px; + border-radius: $popover_radius; + + > list, + > .view, + > toolbar { + border-style: none; + background-color: transparent; + } + + separator { + background-color: mix($bg_color, $borders_color, 30%); + margin: 3px; + } + + list separator { margin: 0; } + } + + .osd &, + &.touch-selection, + &.magnifier { + background-color: transparent; + + > arrow, + > contents { + @extend %osd; + + border: 1px solid transparentize(white, 0.9); + box-shadow: none; + } + } + + &.touch-selection, + &.magnifier { + button { @extend %osd_button; } + } +} + +magnifier { + background-color: $base_color; +} + +/********************** + * Popover Base Menus * + **********************/ + +$_menu-padding: 12px; //inner menuitem padding +//global $menu-margin for outside menuitems + +popover.menu { + padding: 0; + + box.inline-buttons { + padding: 0 $_menu-padding; + + button.image-button.model { + @include button(undecorated); + + min-height: 30px; + min-width: 30px; + padding: 0; + border: none; + outline: none; + transition: none; + + &:selected { background: image($menu_selected_color); } + } + } + + box.circular-buttons { + padding: $_menu-padding $_menu-padding 6px; + + button.circular.image-button.model { + @extend %list_button; + + padding: 11px; + &:focus { + background-color: $menu_selected_color; + border-color: $menu_selected_color; + } + } + } + + & > arrow, + &.background > contents { + background-color: $menu_color; + padding: $menu-margin; + } + + &.background separator { + margin: 6px 0; + } + + accelerator { + color: gtkalpha(currentColor,0.55); + + &:dir(ltr) { margin-left: $_menu-padding; } + &:dir(rtl) { margin-right: $_menu-padding; } + } + + check, + radio { + @include check('menu', 'transparent', $text_color); + + &:hover { @include check('menu-active', 'transparent', $text_color); } + &:active { @include check('menu-active', 'transparent', $text_color); } + } + + //only menu radios have a border + radio { border-color: $borders_color; + &:active { border-color: transparentize($borders_color,0.5); } + } + + arrow.left, + radio.left, + check.left { + margin-left: -2px; + margin-right: 6px; + } + + arrow.right, + radio.right, + check.right { + margin-left: 6px; + margin-right: -2px; + } + + modelbutton { + min-height: 30px; + min-width: 40px; + padding: 0 $_menu-padding; + border-radius: $menu-margin; + + &:selected { + color: $text-color; + background-color: $menu_selected_color; + } + &:selected:active { + //@extend %selected_items; + //color: $selected_fg_color; + background-color: darken($bg_color,14%); // matching buttons + } + } + + label.title { + font-weight: bold; + padding: 4px ($_menu-padding + 20px); //this will fall apart with font sizing + } +} + +// initial styling for popover menu and bar +menubar { + padding: 0px; + box-shadow: inset 0 -1px transparentize(black, 0.9); + + > item { + min-height: 16px; + padding: 4px 8px; + + &:selected { //Seems like it :hover even with keyboard focus + box-shadow: inset 0 -3px $selected_bg_color; + color: $link_color; + } + + &:disabled { + color: $insensitive_fg_color; + box-shadow: none; + } + } + + & > item popover.menu.background > contents { + padding: $menu-margin; + } + //nested submenus + & > item popover.menu popover.menu { + padding: 0 0 4px 0; + } + & > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: $popover_radius; //including top + } +} + + +/************* + * Notebooks * + *************/ +notebook { + @include focus-ring("> header > tabs > tab:checked", $offset: -2px, $focus-state: 'focus:focus-visible'); + + > header { + padding: 1px; + border-color: $borders_color; + border-width: 1px; + background-color: $dark_fill; + + > tabs { margin: -1px; } + + &.top { + border-bottom-style: solid; + > tabs { + margin-bottom: -2px; + > tab { + &:hover { box-shadow: inset 0 -4px $borders_color; } + + + &:checked { box-shadow: inset 0 -4px $selected_bg_color; } + } + } + } + + &.bottom { + border-top-style: solid; + > tabs { + margin-top: -2px; + > tab { + &:hover { box-shadow: inset 0 4px $borders_color; } + + &:checked { box-shadow: inset 0 4px $selected_bg_color; } + } + } + } + + &.left { + border-right-style: solid; + > tabs { + margin-right: -2px; + > tab { + &:hover { box-shadow: inset -4px 0 $borders_color; } + + &:checked { box-shadow: inset -4px 0 $selected_bg_color; } + } + } + } + + &.right { + border-left-style: solid; + > tabs { + margin-left: -2px; + > tab { + &:hover { box-shadow: inset 4px 0 $borders_color; } + + &:checked { box-shadow: inset 4px 0 $selected_bg_color; } + } + } + } + + &.top > tabs > arrow { + @extend %notebook_vert_arrows; + + border-top-style: none; + } + + &.bottom > tabs > arrow { + @extend %notebook_vert_arrows; + + border-bottom-style: none; + } + + @at-root %notebook_vert_arrows { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + } + + &.left > tabs > arrow { + @extend %notebook_horz_arrows; + + border-left-style: none; + } + + &.right > tabs > arrow { + @extend %notebook_horz_arrows; + + border-right-style: none; + } + + @at-root %notebook_horz_arrows { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + + > tabs > arrow { + @extend %button_basic; + + @extend %button_basic_flat; + + min-height: 16px; + min-width: 16px; + border-radius: 0; + + &:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: transparentize(white, 0.7); + border-color: transparent; + box-shadow: none; + } + + &:disabled { @include button(undecorated); } + } + + > tabs > tab { + transition: $focus_transition; + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + + color: $fg_color; + font-weight: normal; + + border-width: 1px; // for reorderable tabs + border-color: transparent; // + + &:hover { + color: $fg_color; + background-color: darken($dark_fill,4%); + + &.reorderable-page { + border-color: transparentize($borders_color, 0.7); + background-color: transparentize($bg_color, 0.8); + } + } + + &:not(:checked) { + outline-color: transparent; + } + + &:checked { + color: $fg_color; + &.reorderable-page { + border-color: transparentize($borders_color, 0.5); + background-color: transparentize($bg_color, 0.5); + + &:hover { background-color: transparentize($bg_color, 0.3); } + } + } + + // colors the button like the label, overridden otherwise + button.flat { + color: gtkalpha(currentColor, 0.3); + &:hover { color: currentColor; } + + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + // FIXME: generalize .small-button? + min-width: 20px; + min-height: 20px; + + &:last-child { + margin-left: 4px; + margin-right: -4px; + } + + &:first-child { + margin-left: -4px; + margin-right: 4px; + } + } + } + + &.top, + &.bottom { + > tabs { + padding-left: 4px; + padding-right: 4px; + + &:not(:only-child) { + margin-left: 3px; + margin-right: 3px; + + &:first-child { margin-left: -1px; } + &:last-child { margin-right: -1px; } + } + + > tab { + margin-left: 4px; + margin-right: 4px; + + &.reorderable-page { border-style: none solid; } + } + } + } + + &.left, + &.right { + > tabs { + padding-top: 4px; + padding-bottom: 4px; + + &:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; + + &:first-child { margin-top: -1px; } + &:last-child { margin-bottom: -1px; } + } + + > tab { + margin-top: 4px; + margin-bottom: 4px; + + &.reorderable-page { border-style: solid none; } + } + } + } + + &.top > tabs > tab { padding-bottom: 4px; } + &.bottom > tabs > tab { padding-top: 4px; } + } + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + background-color: $base_color; + } +} + + +/************** + * Scrollbars * + **************/ +scrollbar { + $_slider_min_length: 40px; + + background-color: $scrollbar_bg_color; + transition: 300ms $ease-out-quad; + + // scrollbar border + &.top { border-bottom: 1px solid $borders_color; } + &.bottom { border-top: 1px solid $borders_color; } + &.left { border-right: 1px solid $borders_color; } + &.right { border-left: 1px solid $borders_color; } + + > range > trough > slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: $scrollbar_slider_color; + + &:hover { background-color: $scrollbar_slider_hover_color; } + + &:hover:active { background-color: $scrollbar_slider_active_color; } + + &:disabled { background-color: transparent; } + } + + > range.fine-tune { + > trough > slider { + min-width: 4px; + min-height: 4px; + } + + &.horizontal > trough > slider { border-width: 5px 4px; } + &.vertical > trough > slider { border-width: 4px 5px; } + } + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; + + > range > trough > slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: $fg_color; + border: 1px solid if($variant == 'light', white, black); + } + + &.horizontal { + > range > trough > slider { + margin: 0 2px; + min-width: $_slider_min_length; + } + } + + &.vertical { + > range > trough > slider { + margin: 2px 0; + min-height: $_slider_min_length; + } + } + } + + &.dragging, + &.hovering { opacity: 0.8; } + } + + &.horizontal > range > trough > slider { min-width: $_slider_min_length; } + &.vertical > range > trough > slider { min-height: $_slider_min_length; } +} + +treeview ~ scrollbar.vertical { + border-top: 1px solid $borders_color; + margin-top: -1px; +} + +/********** + * Switch * + **********/ +switch { + font-weight: bold; + font-size: smaller; + + // similar to the .scale + border: 1px solid $borders_color; + border-radius: 14px; + color: $fg_color; + background-color: $dark_fill; + transition: $focus_transition; + + @include focus-ring($offset: 0, $outer: true); + + headerbar & { background-color: darken($dark_fill,8%); } //3504 + + &:checked { + color: $selected_fg_color; + border-color: $switch_borders_color; + background-color: $switch_bg_color; + } + + &:disabled { + color: $insensitive_fg_color; + border-color: $borders_color; + background-color: $insensitive_bg_color; + text-shadow: none; + } + + > slider { + @include button(normal); + + margin: -1px; + min-width: 24px; + min-height: 24px; + border: 1px solid; + border-color: $borders_color; + border-radius: 50%; + transition: $button_transition; + } + + > image { color: transparent; } /* only show i / o for the accessible theme */ + + &:hover > slider { + @include button(hover); + } + + &:checked > slider { border: 1px solid $switch_borders_color; } + + &:disabled > slider { @include button(insensitive); } + + + row:selected & { + outline-color: $alt_focus_border_color; + + @if $variant == 'light' { + box-shadow: none; + border-color: $switch_borders_color; + + > slider { &:checked, & { border-color: $switch_borders_color; } } + } + } +} + + +/************************* + * Check and Radio items * + *************************/ +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + + +//selection-mode +@each $check_state, $check_icon, $check_color, $check_background in + ('', 'none', 'transparent', $checkradio_bg_color), + (':hover', 'none', 'transparent', $checkradio_bg_color), + (':active', 'none', 'transparent', $checkradio_bg_color), + (':backdrop', 'none', 'transparent', '#{desaturate($checkradio_bg_color, 100%)}'), + (':checked', '-gtk-icontheme(\'object-select-symbolic\')', $osd_fg_color, $checkradio_bg_color), + (':checked:hover', '-gtk-icontheme(\'object-select-symbolic\')', $osd_fg_color, $checkradio_bg_color), + (':checked:active', '-gtk-icontheme(\'object-select-symbolic\')', $osd_fg_color, $checkradio_bg_color), + (':backdrop:checked', '-gtk-icontheme(\'object-select-symbolic\')', '#{transparentize($osd_fg_color, 0.2)}', '#{desaturate($checkradio_bg_color, 100%)}'), { + + .view.content-view.check#{$check_state}:not(list), + .content-view .tile check#{$check_state}:not(list) { + margin: 4px; + min-width: 32px; + min-height: 32px; + color: #{$check_color}; + background-color: #{$check_background}; + border-radius: 5px; + background-image: none; + transition: 200ms; + box-shadow: none; + border-width: 0; + -gtk-icon-source: #{$check_icon}; + -gtk-icon-shadow: none; + } +} + +checkbutton { + border-spacing: 4px; + border-radius: $button_radius; + transition: $focus_transition; + + @include focus-ring(); + + &.text-button { + // this is for a nice focus on check and radios text + padding: 4px; + } +} + +check, +radio { + min-height: 14px; + min-width: 14px; + border: 1px solid; + -gtk-icon-source: none; + + & { + // for unchecked + $_c: if($variant=='light', white, $bg_color); + + @each $state, $t in ("", "normal"), + (":hover", "hover"), + (":active", "active"), + (":disabled", "insensitive") { + &#{$state} { + @include check($t, $_c); + } + } + } + + & { + // for checked + @each $t in (':checked'), (':indeterminate') { + &#{$t} { + @each $state, $t in ("", "normal"), + (":hover", "hover"), + (":active", "active"), + (":disabled", "insensitive") { + &#{$state} { + @include check($t, $checkradio_bg_color, $checkradio_fg_color, $checked: true); + } + } + } + } + } + + @if $variant == 'light' { + // the borders of the light variant versions of checks and radios are too similar in luminosity to the selected background + // color, hence we need special casing. + row:selected & { border-color: $checkradio_borders_color; } + } + + .osd & { + @include button(osd); + + &:hover { @include button(osd); } + &:active { @include button(osd-active); } + &:disabled { @include button(osd-insensitive); } + } +} + +%check, +check { + border-radius: 3px; + -gtk-icon-size: 14px; + + &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), + -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } + + &:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), + -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } +} + +%radio, +radio { + border-radius: 100%; + -gtk-icon-size: 14px; + + &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), + -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } + + &:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), + -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } +} + +treeview.view check, +treeview.view radio { + &:selected { + &:focus, & { + color: $checkradio_fg_color; + + @if $variant == 'light' { border-color: $selected_borders_color; } + } + } +} + +treeview.view radio:selected { &:focus, & { @extend %radio; }} // This is a workaround + + +/************ + * GtkScale * + ************/ +%scale_trough { + border: 1px solid $dark_fill; + border-radius: 3px; + background-color: $dark_fill; + + headerbar & { background-color: darken($dark_fill,8%); } //3504 + + &:disabled { + background-color: $insensitive_bg_color; + border-color: $insensitive_borders_color; + } + + // ...on selected list rows + row:selected & { + &:disabled, & { + outline-color: $alt_focus_border_color; + border-color: $selected_borders_color; + } + } + + // OSD + .osd & { + border-color: $osd_borders_color; + background-color: transparentize($osd_borders_color, 0.2); + + &:disabled { background-color: $osd_insensitive_bg_color; } + } +} + +%scale_highlight { + border: 1px solid $selected_bg_color; + border-radius: 3px; + background-color: $selected_bg_color; + + &:disabled { + background-color: transparent; + border-color: transparent; + } + + // ...on selected list rows + row:selected & { &:disabled, & { border-color: $selected_borders_color; }} + + // OSD + .osd & { + border-color: $osd_borders_color; + + &:disabled { border-color: transparent; } + } +} + +scale { + // sizing + $_marks_length: 6px; + $_marks_distance: 6px; + + min-height: 10px; + min-width: 10px; + padding: 12px; + + @include focus-ring("> trough", $offset: 10px); + + // those are inside the trough node, I need them to show their own border over the trough one, so negative margin + > trough { + transition: $focus_transition; + + > fill, + > highlight { margin: -1px; } + + // the slider is inside the trough, so to have make it bigger there's a negative margin + + > slider { + min-height: 18px; + min-width: 18px; + margin: -9px; + } + } + + // click-and-hold the slider to activate + &.fine-tune { + &.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; + } + + &.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; + } + + // to make the trough grow in fine-tune mode + > trough > slider { margin: -6px; } + + > trough > fill, + > trough > highlight, + > trough { + border-radius: 5px; + } + } + + // the backing bit + > trough { + @extend %scale_trough; + } + + // the colored part of the backing bit + > trough > highlight { @extend %scale_highlight; } + + // this is another differently styled part of the backing bit, the most relevant use case is for example + // in media player to indicate how much video stream as been cached + > trough > fill { + @extend %scale_trough; + + + &:disabled { + border-color: transparent; + background-color: transparent; + } + + // OSD + .osd & { + background-color: mix($osd_fg_color, $osd_borders_color, 25%); + + &:disabled { + border-color: transparent; + background-color: transparent; + } + } + } + + > trough > slider { + @include button(normal); + border-width: 1px; + border-style: solid; + border-radius: 100%; + transition: $button_transition; + transition-property: background, border, box-shadow; + + &:hover { @include button(hover); } + + &:active { border-color: $selected_borders_color; } + + &:disabled { @include button(insensitive); } + + // ...on selected list rows + row:selected & { &:disabled, & { border-color: $selected_borders_color; } } + + // OSD + .osd & { + @include button(osd); + border-color: darken($osd_borders_color, 3%); + background-color: opacify($osd_bg_color, 1); // solid background needed here + + &:hover { + @include button(osd-hover); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + + &:active { + @include button(osd-active); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + + &:disabled { + @include button(osd-insensitive); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + } + } + + > value { + color: gtkalpha(currentColor, 0.55); + font-feature-settings: "tnum"; + } + + &.horizontal { + > marks { + color: gtkalpha(currentColor, 0.55); + &.top { margin-bottom: $_marks_distance; } + &.bottom { margin-top: $_marks_distance; } + + indicator { + background-color: currentColor; + min-height: $_marks_length; + min-width: 1px; + } + } + + > value.left { margin-right: 9px; } + > value.right { margin-left: 9px; } + + &.fine-tune >marks { + &.top { margin-top: 3px; } + &.bottom { margin-bottom: 3px; } + + indicator { min-height: ($_marks_length - 3px); } + } + } + + &.vertical { + > marks { + color: gtkalpha(currentColor, 0.55); + &.top { margin-right: $_marks_distance; } + &.bottom { margin-left: $_marks_distance; } + + indicator { + background-color: currentColor; + min-height: 1px; + min-width: $_marks_length; + } + } + + > value.top { margin-bottom: 9px; } + > value.bottom { margin-top: 9px; } + + &.fine-tune >marks { + &.top { margin-left: 3px; } + &.bottom { margin-right: 3px; } + + indicator { min-height: ($_marks_length - 3px); } + } + } + + // *WARNING* scale with marks madness following + + // FIXME: OSD and selected list rows missing, I don't feel like adding the other 144 assets needed for those... + $suffix: if($variant == 'light', '', '-dark'); + + @each $dir_class, $dir_infix in ('horizontal', 'horz'), + ('vertical', 'vert') { + @each $marks_infix, $marks_class in ('scale-has-marks-above', 'marks-before:not(.marks-after)'), + ('scale-has-marks-below', 'marks-after:not(.marks-before)') { + @each $state, $state_infix in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':disabled', '-insensitive') { + &.#{$dir_class}.#{$marks_class} { + + > trough > slider { + &#{$state} { + // an asymmetric slider asset is used here, so the margins are uneven, the smaller + // margin is set on the point side. + margin: -10px; + $_scale_asset: 'assets/slider-#{$dir_infix}-#{$marks_infix}#{$state_infix}#{$suffix}'; + border-style: none; + border-radius: 0; + + background-color: transparent; + background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')); + + $_scale_slider_bg_pos: bottom; + + @if $dir_class == 'horizontal' { + min-height: 26px; + min-width: 22px; + + @if $marks_infix == 'scale-has-marks-above' { + margin-top: -14px; + + $_scale_slider_bg_pos: top; + } + + @else { margin-bottom: -14px; } + } + + @else { + min-height: 22px; + min-width: 26px; + + @if $marks_infix == 'scale-has-marks-above' { + margin-left: -14px; + + $_scale_slider_bg_pos: left bottom; + } + + @else { + margin-right: -14px; + + $_scale_slider_bg_pos: right bottom; + } + } + + background-position: $_scale_slider_bg_pos; + background-repeat: no-repeat; + box-shadow: none; + } + } + + &.fine-tune > trough > slider { + @if $dir_class == 'horizontal' { + // bigger negative margins to make the trough grow here as well + margin: -7px -10px; + + @if $marks_infix == 'scale-has-marks-above' { margin-top: -11px; } + + @else { margin-bottom: -11px; } + } + + @else { + margin: -10px -7px; + + @if $marks_infix == 'scale-has-marks-above' { margin-left: -11px; } + + @else { margin-right: -11px; } + } + } + } + } + } + } + + &.color { + min-height: 0; + min-width: 0; + + > trough { + background-image: image($borders_color); + background-repeat: no-repeat; + } + + &.horizontal { + padding: 0 0 15px 0; + + > trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + > trough > slider { + &:dir(ltr), &:dir(rtl) { // specificity bump + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 15px; + + > trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + > trough > slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-left: -15px; + margin-right: 6px; + } + } + } + + &:dir(rtl) { + padding: 0 15px 0 0; + + > trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + > trough > slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-right: -15px; + margin-left: 6px; + } + } + } + } + + &.fine-tune { + &.horizontal { + &:dir(ltr), &:dir(rtl) { // specificity bump + padding: 0 0 12px 0; + + > trough { + padding-bottom: 7px; + background-position: 0 -6px; + } + + > trough > slider { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 12px; + + > trough { + padding-left: 7px; + background-position: 6px 0; + } + + > trough > slider { + margin-left: -15px; + margin-right: 6px; + } + } + + &:dir(rtl) { + padding: 0 12px 0 0; + + > trough { + padding-right: 7px; + background-position: -6px 0; + } + + > trough > slider { + margin-right: -15px; + margin-left: 6px; + } + } + } + } + } +} + + +/***************** + * Progress bars * + *****************/ +progressbar { + // sizing + &.horizontal { + > trough { + min-width: 150px; + &, > progress { min-height: 2px; } + } + } + + &.vertical { + > trough { + min-height: 80px; + &, > progress { min-width: 2px; } + } + } + + &.horizontal > trough > progress { margin: 0 -1px; } // the progress node is positioned after the trough border + &.vertical > trough > progress { margin: -1px 0; } // this moves it over it. + + + // FIXME: insensitive state missing and some other state should be set probably + font-size: smaller; + color: transparentize($fg_color, 0.6); + font-feature-settings: "tnum"; + + > trough { @extend %scale_trough; } + + > trough > progress { + @extend %scale_highlight; /* share most of scales' */ + /* override insensitive that is specific to progress */ + &:disabled { + background-color: $insensitive_fg_color; + border-color: $insensitive_fg_color; + } + + border-radius: 1.5px; + $_progress-radius: 5px; + &.left { + border-top-left-radius: $_progress-radius; + border-bottom-left-radius: $_progress-radius; + } + + &.right { + border-top-right-radius: $_progress-radius; + border-bottom-right-radius: $_progress-radius; + } + + &.top { + border-top-right-radius: $_progress-radius; + border-top-left-radius: $_progress-radius; + } + + &.bottom { + border-bottom-right-radius: $_progress-radius; + border-bottom-left-radius: $_progress-radius; + } + } + + &.osd { // progressbar.osd used for epiphany page loading progress + min-width: 3px; + min-height: 3px; + background-color: transparent; + + > trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; + + > progress { + border-style: none; + border-radius: 0; + } + } + } + + > trough.empty > progress { all: unset; } // makes the progress indicator disappear, when the fraction is 0 +} + +/************* + * Level Bar * + *************/ + +$_levelbar_size: 9px; +$_levelbar_border_radius: 5px; + +levelbar { + &.horizontal { + trough > block { + min-height: $_levelbar_size; + border-radius: $_levelbar_border_radius; + + &:dir(rtl) { + border-radius: 0 $_levelbar_border_radius $_levelbar_border_radius 0; + } + + &:dir(ltr) { + border-radius: $_levelbar_border_radius 0 0 $_levelbar_border_radius; + } + + &.empty,&.full { + border-radius: $_levelbar_border_radius; + } + } + + // segmented level bar + &.discrete { + trough > block { + min-height: 2px; + margin: 1px; + min-width: 24px; + border-radius:0; + &:first-child {border-radius: 2px 0 0 2px;} + &:last-child { + border-radius: 0 2px 2px 0; + } + } + } + } + + &.vertical { + trough > block { + min-width: $_levelbar_size; + border-radius: $_levelbar_border_radius; + } + + &.discrete > trough > block { + min-width: $_levelbar_size - 7px; + margin: 1px 0; + min-height: 32px; + } + } + + > trough { + padding: 0; + } + + // level bar colours + > trough > block { + border: 1px solid; + + &.low { + border-color: $warning_color; + background-color: $warning_color; + } + + &.high, + &:not(.empty) { + border-color: $selected_bg_color; + background-color: $selected_bg_color; + } + + &.full { + border-color: $success_color; + background-color: $success_color; + } + + &.empty { + background-color: darken($bg_color, 5%); + border-color: darken($bg_color, 5%); + } + } +} + + +/**************** + * Print dialog * +*****************/ +window.dialog.print { + drawing { + color: $fg_color; + background: none; + border: none; + padding: 0; + + paper { + background: white; + color: #2e3436; + border: 1px solid $borders_color; + } + + } + + .dialog-action-box { margin: 12px; } +} + + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid $borders_color; +} + +frame { + border-radius: $window_radius; + + > label { + margin: 4px; + } +} + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid $borders_color; +} + +scrolledwindow { + // This is used when content is touch-dragged past boundaries. + // draws a box on top of the content, the size changes programmatically. + > overshoot { + &.top { + @include overshoot(top); + } + + &.bottom { + @include overshoot(bottom); + } + + &.left { + @include overshoot(left); + } + + &.right { + @include overshoot(right); + } + } + + > junction { // the small square between two scrollbars + // Only color the top-left (or top right in RTL) pixel, to visually connect + // the borders of the two scrollbars. + + background: $borders_color, + linear-gradient(to bottom, transparent 1px, $scrollbar_bg_color 1px), + linear-gradient(to right, transparent 1px, $scrollbar_bg_color 1px); + + &:dir(rtl) { + background: $borders_color, + linear-gradient(to bottom, transparent 1px, $scrollbar_bg_color 1px), + linear-gradient(to left, transparent 1px, $scrollbar_bg_color 1px); + } + } +} + +//vbox and hbox separators +separator { + background: lighten($borders_color, 5%); + min-width: 1px; + min-height: 1px; +} + + +/********* + * Lists * + *********/ +listview, +list { + color: $text_color; + background-color: $base_color; + border-color: $borders_color; + + &:backdrop { + color: $backdrop_text_color; + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + + > row { padding: 2px; } + > row.expander { padding: 0px; } + > row.expander .row-header { padding: 2px; } + + &.horizontal row.separator, + &.separators.horizontal > row:not(.separator) { + border-left: 1px solid $_treeview_borders_color; + } + &:not(.horizontal) row.separator, + &.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid $_treeview_borders_color; + } +} + +row { + @include focus-ring(); + + &.activatable { + &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + + &:hover { background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.95)); } + + &:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); } + + &:selected { + &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); } + + &.has-open-popup, + &:hover { background-color: mix($fg_color, $selected_bg_color, 10%); } + } + } + + &:selected { + outline-color: $alt_focus_border_color; + + @extend %selected_items; + } +} + +columnview { + // move padding to child cells + > listview > row { + padding: 0; + + // align horizontal sizing with header buttons + > cell { + padding: 8px 6px; + + &:not(:first-child) { + border-left: 1px solid transparent; + } + } + } + + // make column separators visible when :show-column-separators is true + &.column-separators > listview > row > cell { + border-left-color: $_treeview_borders_color; + } + + // shrink vertically for .data-table + &.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 $focus_border_color; +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid $selected_bg_color; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: $selected_fg_color; + background-color: $selected_bg_color; +} + +/******************************************************* + * 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 */ + & > row { + padding: 8px 12px; + min-height: 32px; /* should be tall even when only containing a label */ + + & > box { + border-spacing: 12px; + } + } +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + @extend %osd; + + padding: 10px; + border-spacing: 10px; + border-radius: 0 0 5px 5px; + background-color: $osd_bg_color; + background-image: linear-gradient(to bottom, transparentize(black, 0.8), + transparent 2px); + background-clip: padding-box; + + button { @extend %osd_button; } + + border { border: none; } +} + + +/************* + * Expanders * + *************/ +expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + &:disabled { color: $insensitive_fg_color; } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } +} + +expander-widget { + @include focus-ring("> box > title"); + + > box > title { + transition: $focus_transition; + border-radius: $button_radius; + + &:hover > expander { + color: lighten($fg_color,30%); //only lightens the icon + } + } +} + +.navigation-sidebar, +placessidebar, +stackswitcher, +expander-widget { + &:not(decoration):not(window):drop(active):focus, + &:not(decoration):not(window):drop(active) { + box-shadow: none; + } +} + + +/************ + * Calendar * + ***********/ +calendar { + color: $text_color; + border: 1px solid $borders_color; + + > header { + border-bottom: 1px solid $borders_color; + + > button { + border: none; + box-shadow: none; + background: none; + border-radius: 0; + } + > button:backdrop { + background: none; + } + } + + > grid { + > label.day-name { + } + + > label.week-number { + } + + > label.today { + box-shadow: inset 0px -2px $borders_color; + + &:selected { + box-shadow: none; + } + } + + > label:focus { + outline-color: $focus_border_color; + outline-offset: -2px; + outline-width: 2px; + outline-style: solid; + } + + > label.day-number { + padding: 4px; + + &:selected{ + @extend %selected_items; + border-radius: 3px; + } + } + + > label.day-number.other-month { + color: gtkalpha(currentColor, 0.3); + } + } + +} + + +/*********** + * Dialogs * + ***********/ +window.dialog.message { // Message Dialog styling + .titlebar { + min-height: 20px; + background-image: none; + background-color: $bg_color; + border-style: none; + border-top-left-radius: 7px; + border-top-right-radius: 7px; + } + + box.dialog-vbox.vertical { + border-spacing: 10px; + } + + & label.title { + font-weight: 800; + font-size: 15pt; + } + + &.csd { // rounded bottom border styling for csd version + &.background { + // bigger radius for better antialiasing + border-bottom-left-radius: $window_radius+1; + border-bottom-right-radius: $window_radius+1; + } + + .dialog-action-area button { + padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; + + &:first-child{ + border-left-style: none; + border-bottom-left-radius: 7px; + } + + &:last-child { + border-bottom-right-radius: 7px; + } + } + } +} + +filechooser { + .dialog-action-box { + border-top: 1px solid $borders_color; + } + + #pathbarbox { border-bottom: 1px solid $bg_color; } +} + + +filechooserbutton>button>box { + border-spacing: 6px; +} +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + + +/*********** + * Sidebar * + ***********/ +.sidebar { + background-color: mix($bg_color, $base_color, 50%); + + &:not(separator) { + @at-root %sidebar_left, + &:dir(ltr), + &.left, + &.left:dir(rtl) { + border-right: 1px solid $borders_color; + border-left-style: none; + } + + @at-root %sidebar_right, + &:dir(rtl), + &.right { + border-left: 1px solid $borders_color; + border-right-style: none; + } + } + + listview.view, + list { background-color: transparent; } + + paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} +} + +stacksidebar { + //not a regular list + list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: none; + } + row { + padding: 10px 4px; + + > label { + padding-left: 6px; + padding-right: 6px; + } + + &.needs-attention > label { + @extend %needs_attention; + background-size: 6px 6px, 0 0; + } + &:selected { + background-color: $menu_selected_color; + border-radius: $menu_radius; + color: $fg_color; + } + &:selected:hover:dir(ltr), &:selected:hover:dir(rtl) { + background-color: darken($menu_selected_color,5%); + } + &:focus:focus-visible { + outline-width: 0; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + &.activatable:active, &.activatable:selected:active { + box-shadow: none; // #3413 + } + } +} + +separator.sidebar { + background-color: $borders_color; +} + + +/********************** + * Navigation Sidebar * + **********************/ + +.navigation-sidebar { + padding: $menu-margin 0; //only vertical padding. horizontal row size would clip + + > separator { + margin: $menu-margin; + } + + > row { + min-height: 36px; + padding: 0 8px; + border-radius: $menu-margin; + margin: 0 $menu-margin 2px; + + &:hover, + &:focus-visible:focus-within { + background-color: darken($menu_selected_color, 5%); + } + + &:selected { + background-color: $menu_selected_color; + color: inherit; + + &:hover { + background-color: darken($menu_selected_color,5%); + } + + &:focus-visible:focus-within { + outline-width: 0; + color: $selected_fg_color; + background-color: $selected_bg_color; + &:hover { background-color: darken($selected_bg_color,10%); } + } + } + + &:disabled { color: $insensitive_fg_color; } + } +} + + +/**************** + * File chooser * + ****************/ + +$_placesidebar_icons_opacity: 0.7; + +row image.sidebar-icon { opacity: $_placesidebar_icons_opacity; } // dim the sidebar icons + // see bug #786613 for details + // on this oddity + +/* this should be more generic, only using .navigation-sidebar + https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 +*/ + +placessidebar { + .navigation-sidebar > row { + // Needs overriding of the `.navigation-sidebar > row` padding + padding: 0; + + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { padding: 0 14px; } + + image.sidebar-icon { + &:dir(ltr) { padding-right: 8px; } + &:dir(rtl) { padding-left: 8px; } + } + + label.sidebar-label { + &:dir(ltr) { padding-right: 2px; } + &:dir(rtl) { padding-left: 2px; } + } + + @at-root button.sidebar-button { + @extend %button_basic_flat; + + @extend %button_selected_flat; + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + border-radius: 100%; + } + + // in the sidebar case it makes no sense to click the selected row + &:selected:active { box-shadow: none; } + + &.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image($drop_target_color); + background-clip: content-box; + } + + &.sidebar-new-bookmark-row { color: $selected_bg_color; } + + &:drop(active):not(:disabled) { + color: $drop_target_color; + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + color: $selected_fg_color; + background-color: $drop_target_color; + } + } + } +} + +placesview { + .server-list-button > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(0turn); + } + + .server-list-button:checked > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(-0.5turn); + } + + row.activatable:hover { } + + > actionbar > revealer > box > box{ + border-spacing: 6px; + } +} + + +/********* + * Paned * + *********/ +paned { + > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; // defeats the ugly default handle decoration + border-style: none; // just to be sure + background-color: transparent; + // workaround, using background instead of a border since the border will get rendered twice (?) + background-image: image($borders_color); + background-size: 1px 1px; + + &:selected { background-image: image($selected_bg_color); } // FIXME is this needed? + + &.wide { + min-width: 5px; + min-height: 5px; + background-color: $bg_color; + background-image: image($borders_color), image($borders_color); + background-size: 1px 1px, 1px 1px; + } + } + + &.horizontal > separator { + background-repeat: repeat-y; + + &:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; + } + &:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; + } + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} + + +/************** + * GtkVideo * + **************/ + +video { + & image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 32px; + } + background: black; +} + +/************ + * Tooltips * + ************/ +tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: transparentize(black, 0.2); + background-clip: padding-box; + border: 1px solid $tooltip_borders_color; // this subtle border is meant to + // not make the tooltip melt with + // very dark backgrounds + color: white; + } + + padding: 6px 10px; + border-radius: $window_radius; + box-shadow: none; // otherwise it gets inherited by windowframe.csd + + > box { + border-spacing: 6px; + } +} + + +/***************** + * Color Chooser * + *****************/ +colorswatch { + // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one + // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is + // applied to the overlay box. + + transition: $focus_transition; + + @include focus-ring($width: 4px, $offset: -2px); + + &:drop(active), & { border-style: none; } // FIXME: implement a proper drop(active) state + + $_colorswatch_radius: 5px; + + // base color corners rounding + // to avoid the artifacts caused by rounded corner anti-aliasing the base color + // sports a bigger radius. + // nth-child is needed by the custom color strip. + + &.top { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-top-right-radius: $_colorswatch_radius + 0.5px; + + > overlay { + border-top-left-radius: $_colorswatch_radius; + border-top-right-radius: $_colorswatch_radius; + } + } + + &.bottom { + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + > overlay { + border-bottom-left-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.left, + &:first-child:not(.top) { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + + > overlay { + border-top-left-radius: $_colorswatch_radius; + border-bottom-left-radius: $_colorswatch_radius; + } + } + + &.right, + &:last-child:not(.bottom) { + border-top-right-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + > overlay { + border-top-right-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.dark { + > overlay { + color: white; + } + + &.activatable:hover > overlay { + border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); + } + } + + &.light { + > overlay { + color: black; + } + + &.activatable:hover > overlay { + border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); + } + } + + &:drop(active) { + box-shadow: none; + + &.light > overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', darken($drop_target_color, 7%), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + + &.dark > overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', transparentize(black, 0.7), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + } + + > overlay { + border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color); + } + + &.activatable:hover > overlay { + box-shadow: inset 0 1px transparentize(white, 0.6), + inset 0 -1px transparentize(black, 0.8); + } + + &#add-color-button { + border-radius: $_colorswatch_radius 0 0 $_colorswatch_radius; + + &:only-child { border-radius: $_colorswatch_radius; } + + > overlay { + @include button(normal); + } + + &.activatable:hover > overlay { + @include button(hover); + } + } + + &:disabled { + opacity: 0.5; + + > overlay { + border-color: transparentize(black, 0.4); + box-shadow: none; + } + } + + row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; } + + &#editor-color-sample { + border-radius: 4px; + + > overlay { border-radius: 4.5px; } + } +} + +plane { + transition: $focus_transition; + + @include focus-ring($offset: 2px, $outer: true); +} + +// colorscale popup +colorchooser .popover.osd { border-radius: 5px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: darken($bg_color,7%); + + &:hover { -gtk-icon-filter: brightness(1.2); } + + .tile { + margin: 2px; + background-color: if($variant=='light', transparent, black); + border-radius: 0; + padding: 0; + + &:active, &:selected { background-color: if($variant=='light', transparent, $selected_bg_color); } + &:disabled { background-color: if($variant=='light', transparent, $insensitive_bg_color); } +} + + > rubberband { @extend rubberband; } + +} + +.scale-popup { + .osd & { @extend %osd; } + + .osd & button.flat { //FIXME: quick hack, redo properly + border-style: none; + border-radius: 5px; + } + + button { // +/- buttons on GtkVolumeButton popup + &:hover { + @extend %undecorated_button; + background-color: transparentize($fg_color,0.9); + border-radius: 5px; + } + } +} + + +/********************** + * Window Decorations * + *********************/ +window { + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0px; + + // this needs to be transparent + // see bug #722563 + $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize($borders_color, 0.1)); + $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize($borders_color, 0.1)); + + &.csd { + box-shadow: 0 3px 9px 1px transparentize(black, 0.5), + 0 0 0 1px $_wm_border; //doing borders with box-shadow + margin: 0px; + border-radius: $window_radius $window_radius 0 0; + &:backdrop { + // the transparent shadow here is to enforce that the shadow extents don't + // change when we go to backdrop, to prevent jumping windows. + // The biggest shadow should be in the same order then in the active state + // or the jumping will happen during the transition. + box-shadow: 0 3px 9px 1px transparent, + 0 2px 6px 2px transparentize(black, 0.8), + 0 0 0 1px $_wm_border_backdrop; + transition: $backdrop_transition; + } + + &.popup { + border-radius: $menu_radius; + box-shadow: 0 1px 2px transparentize(black, 0.8), + 0 0 0 1px transparentize($_wm_border, 0.1); + } + + &.dialog.message { + border-radius: $window_radius; + box-shadow: 0 1px 2px transparentize(black, 0.8), + 0 0 0 1px transparentize($_wm_border, 0.1); + } + + &.solid-csd { + margin: 0; + padding: 0; + border: solid 1px $borders_color; + border-radius: 0; + box-shadow: inset 0 0 0 3px $headerbar_bg_color, inset 0 1px $top_hilight; + + &:backdrop { box-shadow: inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight; } + } + } + + &.maximized, + &.fullscreen, + &.tiled, + &.tiled-top, + &.tiled-left, + &.tiled-right, + &.tiled-bottom { border-radius: 0; } + + &.popup { box-shadow: none; } + + // server-side decorations as used by mutter + &.ssd { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows + +} + +tooltip.csd { + border-radius: 5px; + box-shadow: none; +} + +// catch all extend :) + +%selected_items { + background-color: $selected_bg_color; + + @at-root %nobg_selected_items, & { + color: $selected_fg_color; + + @at-root %selected_items_disabled, + &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } + + } +} + +.monospace { font-family: monospace; } + + +/********************** + * Touch Copy & Paste * + *********************/ +//touch selection handlebars for the Popover.osd above +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + min-width: 20px; + min-height: 24px; + padding-left: 20px; + padding-right: 20px; + padding-top: 24px; + padding-bottom: 24px; + + @each $s,$as in ('',''), + (':hover','-hover'), + (':active','-active') { //no need for insensitive and backdrop + &.top#{$s}:dir(ltr), &.bottom#{$s}:dir(rtl) { + $_url: 'assets/text-select-start#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + + &.bottom#{$s}:dir(ltr), &.top#{$s}:dir(rtl) { + $_url: 'assets/text-select-end#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + + &.insertion-cursor#{$s}:dir(ltr), &.insertion-cursor#{$s}:dir(rtl) { + $_url: 'assets/slider-horz-scale-has-marks-above#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + } +} + +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +// shortcut window keys +shortcut { + border-spacing: 6px; +} + +shortcut > .keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + + color: $fg_color; + background-color: $base_color; + border: 1px solid; + border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color); + border-radius: 5px; + box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%)); + font-size: smaller; + +} + +:not(decoration):not(window):drop(active):focus, +:not(decoration):not(window):drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + caret-color: $drop_target_color; +} + +stackswitcher > button.text-button { min-width: 100px; } // FIXME aggregate with buttons + +stackswitcher.circular { + border-spacing: 12px; + + // FIXME aggregate with buttons + > button.circular, + > button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; + } +} +/************* + * App Icons * + *************/ +/* Outline for low res icons */ +.lowres-icon { + -gtk-icon-shadow: 0 -1px rgba(0,0,0,0.05), + 1px 0 rgba(0,0,0,0.1), + 0 1px rgba(0,0,0,0.3), + -1px 0 rgba(0,0,0,0.1); +} + +/* Drapshadow for large icons */ +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0,0,0,0.05), + 0 -1px rgba(0,0,0,0.05), + 1px 0 rgba(0,0,0,0.1), + 0 1px rgba(0,0,0,0.3), + -1px 0 rgba(0,0,0,0.1); +} + +/********* + * Emoji * + ********/ + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + border-bottom: 1px solid $borders_color; +} + +.emoji-toolbar { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid $borders_color; +} + +button.emoji-section { + border-color: transparent; + border-width: 3px; + border-style: none none solid; + border-radius: 0; + + padding: 3px 0 0; + min-width: 32px; + min-height: 28px; + + /* reset props inherited from the button style */ + background: none; + box-shadow: none; + text-shadow: none; + + &:hover { border-color: if($variant == 'light', $borders_color, transparentize($fg_color, .9)); } + &:checked { border-color: $selected_bg_color; } +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + border-radius: 6px; + + &:focus, + &:hover { + background: $selected_bg_color; + } +} + +emoji-completion-row > box { + border-spacing: 10px; + padding: 2px 10px; +} + +emoji-completion-row:focus, +emoji-completion-row:hover { + background-color: $selected_bg_color; + color: $selected_fg_color; +} + +emoji-completion-row emoji:focus, +emoji-completion-row emoji:hover { + background-color: $menu_selected_color; +} + +popover.entry-completion > contents { + padding: 0; +} + +statusbar { + padding: 6px 10px 6px 10px; +} diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_drawing.scss b/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_drawing.scss new file mode 100644 index 00000000..b8fed6ea --- /dev/null +++ b/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_drawing.scss @@ -0,0 +1,505 @@ +// Drawing mixins + +// generic drawing of more complex things + +// +// Helper mixin for drawing visible focus rings +// +// If $target is specified, the focus ring is applied to the specified child element. +// If $outer is true, the focus ring extends outward. Otherwise, it extends inward. +// If $within is true, use focus-within instead of focus:focus-visible +// +@mixin focus-ring($target: null, $width: 2px, $offset: -$width, $outer: false, $focus-state: 'focus:focus-visible', $fc: $focus_border_color) { + & #{$target} { + outline: 0 solid transparent; + outline-offset: if($outer, $offset + 4px, $offset + $width + 4px); + } + + &:#{$focus-state} #{$target} { + outline-color: $fc; + outline-width: $width; + outline-offset: $offset; + } +} + +@mixin _shadows($list...) { +// +// Helper mixin to stack up to box-shadows; +// + $shadows: null; + + @each $shadow in $list { + @if $shadow!=none { $shadows: $shadows, $shadow; } + } + + box-shadow: $shadows; +} + +// entries + +@mixin entry($t, $fc:$focus_border_color) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop, block_cursor; +// + + @if $t==normal { + color: $text_color; + border-color: $borders_color; + background-color: $base_color; + // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. + } + @if $t==insensitive { + color: $insensitive_fg_color; + border-color: $borders_color; + background-color: $insensitive_bg_color; + } + @if $t==backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + background-color: $backdrop_base_color; + } + @if $t==backdrop-insensitive { + color: $backdrop_insensitive_color; + border-color: $backdrop_borders_color; + background-color: $insensitive_bg_color; + } + @if $t==osd { + color: $osd_text_color; + border-color: $osd_borders_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; + } + @if $t==osd-focus { + color: $osd_text_color; + border-color: $selected_bg_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + } + @if $t==osd-insensitive { + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-color: $osd_insensitive_bg_color; + background-clip: padding-box; + } + @if $t==osd-backdrop { + color: $osd_text_color; + border-color: $osd_borders_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + } + @if $t==block_cursor { + color: $base_color; + background-color: $text_color; + } +} + +// buttons + +@function _border_color($c, $darker: false) { + @if $darker == true { @return darken($c, 20%); } + @else { @return darken($c, 15%); } +} + +$_default_button_c: lighten($bg_color,2%); +@mixin button($t, $c:$_default_button_c, $tc:$fg_color) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// +// possible $t values: +// normal, hover, active, checked-hover, checked-active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, +// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated +// + $_button_shadow: 0 1px 2px transparentize($shadow_color, 0.03); + + @if $t==normal { + // + // normal button + // + color: $tc; + outline-color: if($c != $_default_button_c, $alt_focus_border_color, $focus_border_color); + border-color: if($c!=$_default_button_c, _border_color($c, true), $borders_color); //tint if not default button color + background-image: if($variant == 'light', linear-gradient(to top, darken($c, 2%) 2px, $c), + linear-gradient(to top, darken($c,1%) 2px, $c)); + @include _shadows($_button_shadow); + } + + @else if $t==hover { + // + // hovered button + // + color: $tc; + border-color: if($c != $_default_button_c, _border_color($c), $borders_color); + @if $variant == 'light' { + background-image: linear-gradient(to top, darken($c,16%), darken($c,8%) 1px); + @include _shadows($_button_shadow); + } + @else { + background-image: linear-gradient(to top, darken($c,4%) 20%, darken($c, 3%) 90%); + @include _shadows($_button_shadow); + } + } + + @else if $t==active { + // + // pushed button + // + color: $tc; + border-color: if($c != $_default_button_c, _border_color($c), $borders_color); + background-image: if($variant == 'light', image(darken($c, 14%)), image(darken($c, 9%))); + box-shadow: none; + } + + @else if $t==checked-hover { + // + // pushed togglebutton hover + // + color: $tc; + border-color: if($c != $_default_button_c, _border_color($c), $borders_color); + background-image: if($variant == 'light', image(darken($c, 18%)), image(darken($c, 12%))); + box-shadow: none; + } + + @else if $t==checked-active { + // + // pushed togglebutton pushed further :) + // + color: $tc; + border-color: if($c != $_default_button_c, _border_color($c), $borders_color); + background-image: if($variant == 'light', image(darken($c, 22%)), image(darken($c, 14%))); + box-shadow: none; + } + + @else if $t==insensitive { + // + // insensitive button + // + $_bg: if($c != $_default_button_c, mix($c, $base_color, 85%), $insensitive_bg_color); + + color: if($tc != $fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); + border-color: if($c != $_default_button_c, _border_color($c), $insensitive_borders_color); + background-image: image($_bg); + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 6%)); + $_bc: if($c != $_default_button_c, _border_color($c), $insensitive_borders_color); + + color: if($c != $_default_button_c, mix($tc, $_bg, 60%), $insensitive_fg_color); + border-color: $_bc; + background-image: image($_bg); + box-shadow: none; + } + + @else if $t==backdrop { + // + // backdrop button + // + $_bg: if($c != $_default_button_c, $c, $backdrop_bg_color); + $_bc: if($variant == 'light', $c, _border_color($c)); + + color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); + border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color); + background-image: image($_bg); + box-shadow: none; + } + + @else if $t==backdrop-active { + // + // backdrop pushed button + // + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%)); + $_bc: if($variant == 'light', $_bg ,_border_color($c)); + + color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); + border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color); + background-image: image($_bg); + box-shadow: none; + } + + @else if $t==backdrop-insensitive { + // + // backdrop insensitive button + // + + $_bg: if($c != $_default_button_c, mix($c, $base_color, 85%), $insensitive_bg_color); + $_bc: if($variant == 'light', $_bg,_border_color($c)); + + color: if($c != $_default_button_c, mix($tc, $_bg, 35%), $backdrop_insensitive_color); + border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color); + background-image: image($_bg); + box-shadow: none; + } + + @else if $t==backdrop-insensitive-active { + // + // backdrop insensitive pushed button + // + + $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%)); + $_bc: if($variant == 'light', $_bg, _border_color($c)); + + color: if($c != $_default_button_c, mix($tc, $_bg, 35%), $backdrop_insensitive_color); + border-color: if($c != $_default_button_c, $_bc, $backdrop_borders_color); + background-image: image($_bg); + box-shadow: none; + } + + @else if $t==osd { + // + // normal osd button + // + $_bg: if($c != $_default_button_c, transparentize($c, 0.5), $osd_bg_color); + + color: $osd_fg_color; + outline-color: if($c != $_default_button_c, $alt_focus_border_color, $focus_border_color); + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + } + + @else if $t==osd-hover { + // + // active osd button + // + $_bg: if($c != $_default_button_c, transparentize($c, 0.3), darken($osd_bg_color, 10%)); + + color: white; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + } + + @else if $t==osd-active { + // + // active osd button + // + $_bg: if($c != $_default_button_c, $c, darken($osd_bg_color, 20%)); + + color: white; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + box-shadow: none; + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($osd_insensitive_bg_color); + background-clip: padding-box; + } + + @else if $t==osd-backdrop { + // + // backdrop osd button + // + $_bg: if($c != $_default_button_c, transparentize($c, 0.5), $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-color: transparent; + background-image: image($_bg); + background-clip: padding-box; + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + } + @else if $t==undecorated-hover { + border-color: transparent; + background-image: none; + box-shadow: none; + @if $variant == 'light' { + background-color: darken($c,14%); + } @else { + background-color: darken($c,1%); + } + } + @else if $t==undecorated-active { + border-color: transparent; + background-image: none; + box-shadow: none; + @if $variant == 'light' { + background-color: darken($c,20%); + } + @else { + background-color: darken($c,5%); + } + } +} + +@mixin headerbar_fill($c:$headerbar_bg_color, $ov: none) { +// +// headerbar fill +// +// $c: base color +// $ov: a background layer for background shorthand (hence no commas!) +// + $gradient: linear-gradient(to top, darken($c, 2%), lighten($c, 1%)); + + @if $variant == 'dark' { $gradient: linear-gradient(to top, lighten($c, 4%), lighten($c, 6%)); } + + @if $ov != none { background: $c $ov, $gradient; } + @else { background: $c $gradient; } + +} + +@mixin overshoot($p, $t:normal, $c:$fg_color) { +// +// overshoot +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_small_gradient_length: 3%; + $_big_gradient_length: 50%; + + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==right or $p==left { + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $c; + $_big_gradient_color: transparentize($c, 0.93); + + @if $c==$fg_color { + $_small_gradient_color: darken($borders_color, 10%); + $_big_gradient_color: transparentize($fg_color, 0.93); + + @if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; } + } + + $_small_gradient: radial-gradient(farthest-side at $p, + $_small_gradient_color 85%, + transparentize($_small_gradient_color, 1)); + + $_big_gradient: radial-gradient(farthest-side at $p, + $_big_gradient_color, + transparentize($_big_gradient_color, 1)); + + @if $t==normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } + + @else if $t==backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $p; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + +/*************************** + * Check and Radio buttons * + ***************************/ + + @mixin check($t, $c:$checkradio_bg_color, $tc:$checkradio_fg_color, $checked: false) { + // Check/Radio drawing function + // + // $t: check/radio type, + // $c: base button color for colored* types + // $tc: optional text color for colored* types + // $checked: bool to chose between checked/unchecked + // + // possible $t values: + // normal, hover, active, insensitive, backdrop, backdrop-insensitive, menu + + $_border_color: if($c==$checkradio_bg_color, $checkradio_borders_color, $alt_borders_color); + $_dim_border_color: transparentize($_border_color, if($variant == 'light', 0.3, 0.7)); + + @if $t==normal { + background-clip: if($checked, border-box, padding-box); + background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%); + border-color: $_border_color; + box-shadow: 0 1px transparentize(black, 0.95); + color: $tc; + } + + @if $t==hover { + background-image: if($c == white, image(darken($c, 5%)), linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%)); + } + + @if $t==active { + box-shadow: inset 0 1px if($variant == 'light', rgba(0, 0, 0, 0.2), black); + background-image: if($c == white, image(darken($c, 15%)), image(darken($c, 5%))); + } + + @if $t==insensitive { + box-shadow: none; + color: transparentize($tc, 0.3); + } + + @if $t==backdrop { + background-image: image($c); + box-shadow: none; + color: $tc; + } + + @if $t==backdrop-insensitive { + box-shadow: none; + color: transparentize($tc, 0.3); + } + + @if $t==menu { + transform: scale(0.8); + border-width: 1.2px; + border-color: transparent; + box-shadow: none; + background-image: image(transparent); + color: $tc; + } + + @if $t==menu-active { + transform: scale(0.8); + border-width: 1.2px; + color: $tc; + box-shadow: none; + background-image: image(transparent); + } +} diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/sync.sh b/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/sync.sh new file mode 100755 index 00000000..4633ff87 --- /dev/null +++ b/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/sync.sh @@ -0,0 +1,30 @@ +#!/bin/sh + +GREEN='\033[0;32m' +YELLOW='\033[0;33m' +RESET='\033[0m' + +VERSION=4.0.2 + +echo +printf " $YELLOW[ i ]$RESET Upstream version $VERSION\n" +echo + +while read file; +do + echo + printf " $GREEN[ * ]$RESET Downloading file $file\n" + wget https://gitlab.gnome.org/GNOME/gtk/raw/$VERSION/gtk/theme/Adwaita/$file --timestamping --quiet + + if [ -f $file.patch ] + then + printf " $YELLOW[ ~ ]$RESET Apply patch\n" + patch $file $file.patch --quiet + fi +done <<- EOF + _colors.scss + _common.scss + _drawing.scss + _colors-public.scss +EOF + From 8b826f1a19dbb614d7a6b8f32077bb00275dc767 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Tue, 19 Jan 2021 22:43:19 +0100 Subject: [PATCH 02/30] GTK3: Match gtk4 widget sizes --- src/themes/Kali/sass/gtk-sass/_common-tweaks.scss | 2 +- src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_common.scss | 4 ++-- .../Kali/sass/gtk-sass/upstream-gtk-3/_common.scss.patch | 7 +------ 3 files changed, 4 insertions(+), 9 deletions(-) diff --git a/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss b/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss index 01f25616..9b3981b7 100644 --- a/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss @@ -291,7 +291,7 @@ notebook { tab { border-radius: $button_radius; transition: $button_transition; - min-height: 24px; + min-height: 28px; button.flat { margin-top: 1px; diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_common.scss b/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_common.scss index eec5f334..dae30582 100644 --- a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_common.scss +++ b/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_common.scss @@ -6,13 +6,13 @@ $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); $asset_suffix: if($variant=='dark', '-dark', ''); $backdrop_transition: 200ms ease-out; $button_transition: all 200ms $ease-out-quad; -$button_radius: 4px; +$button_radius: 6px; $menu_radius: 5px; $window_radius: $button_radius + 3; $popover_radius: $button_radius + 4; // Optional compact sizes for buttons, headerbar and headerbar widgets -$_sizevariant: 'compact'; //compact otherwise +$_sizevariant: 'default'; //compact otherwise $_headerbar_height: if($_sizevariant=='default', 46px, 40px); $_entry_height: if($_sizevariant=='default', 32px, 28px); $_btn_pad: if($_sizevariant=='default', 4px 9px, 2px 6px); diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_common.scss.patch b/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_common.scss.patch index c0c35ebb..21066f06 100644 --- a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_common.scss.patch +++ b/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_common.scss.patch @@ -1,9 +1,4 @@ 9c9 < $button_radius: 5px; --- -> $button_radius: 4px; - -15c15 -< $_sizevariant: 'default'; //compact otherwise ---- -> $_sizevariant: 'compact'; //compact otherwise +> $button_radius: 6px; From 9ffcbb2621d3fdb94b212b4c98a9c97902e01c65 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Tue, 19 Jan 2021 23:35:16 +0100 Subject: [PATCH 03/30] GTK4: Add assets --- share/themes/Kali-Dark/gtk-4.0/assets | 1 + share/themes/Kali-Light/gtk-4.0/assets | 1 + 2 files changed, 2 insertions(+) create mode 120000 share/themes/Kali-Dark/gtk-4.0/assets create mode 120000 share/themes/Kali-Light/gtk-4.0/assets diff --git a/share/themes/Kali-Dark/gtk-4.0/assets b/share/themes/Kali-Dark/gtk-4.0/assets new file mode 120000 index 00000000..fb2256c4 --- /dev/null +++ b/share/themes/Kali-Dark/gtk-4.0/assets @@ -0,0 +1 @@ +../gtk-3.0/assets \ No newline at end of file diff --git a/share/themes/Kali-Light/gtk-4.0/assets b/share/themes/Kali-Light/gtk-4.0/assets new file mode 120000 index 00000000..fb2256c4 --- /dev/null +++ b/share/themes/Kali-Light/gtk-4.0/assets @@ -0,0 +1 @@ +../gtk-3.0/assets \ No newline at end of file From fdebb9eec42ab00869c60f930f531b5e4ccce443 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Tue, 2 Mar 2021 12:08:26 +0100 Subject: [PATCH 04/30] GTK4: Add missing assets --- .../assets/bullet-symbolic.symbolic.png | Bin 147 -> 232 bytes .../assets/bullet@2-symbolic.symbolic.png | Bin 0 -> 312 bytes .../assets/check-symbolic.symbolic.png | Bin 231 -> 278 bytes .../assets/check@2-symbolic.symbolic.png | Bin 0 -> 371 bytes .../assets/dash@2-symbolic.symbolic.png | Bin 0 -> 185 bytes share/themes/Kali-Light/gtk-3.0/assets | 1 + .../gtk-3.0/assets/bullet-symbolic.svg | 155 ------------------ .../assets/bullet-symbolic.symbolic.png | Bin 147 -> 0 bytes .../gtk-3.0/assets/check-symbolic.svg | 154 ----------------- .../assets/check-symbolic.symbolic.png | Bin 231 -> 0 bytes .../gtk-3.0/assets/dash-symbolic.svg | 153 ----------------- .../gtk-3.0/assets/dash-symbolic.symbolic.png | Bin 130 -> 0 bytes .../assets/kali-headerbar-logo-dark.png | Bin 3314 -> 0 bytes .../assets/kali-headerbar-logo-dark@2.png | Bin 6206 -> 0 bytes .../gtk-3.0/assets/kali-headerbar-logo.png | Bin 1927 -> 0 bytes .../gtk-3.0/assets/kali-headerbar-logo@2.png | Bin 3752 -> 0 bytes ...horz-scale-has-marks-above-active-dark.png | Bin 632 -> 0 bytes ...rz-scale-has-marks-above-active-dark@2.png | Bin 1291 -> 0 bytes ...ider-horz-scale-has-marks-above-active.png | Bin 688 -> 0 bytes ...er-horz-scale-has-marks-above-active@2.png | Bin 1453 -> 0 bytes ...rz-scale-has-marks-above-backdrop-dark.png | Bin 712 -> 0 bytes ...-scale-has-marks-above-backdrop-dark@2.png | Bin 1127 -> 0 bytes ...-marks-above-backdrop-insensitive-dark.png | Bin 712 -> 0 bytes ...arks-above-backdrop-insensitive-dark@2.png | Bin 1127 -> 0 bytes ...e-has-marks-above-backdrop-insensitive.png | Bin 666 -> 0 bytes ...has-marks-above-backdrop-insensitive@2.png | Bin 1026 -> 0 bytes ...er-horz-scale-has-marks-above-backdrop.png | Bin 667 -> 0 bytes ...-horz-scale-has-marks-above-backdrop@2.png | Bin 1047 -> 0 bytes ...slider-horz-scale-has-marks-above-dark.png | Bin 769 -> 0 bytes ...ider-horz-scale-has-marks-above-dark@2.png | Bin 1521 -> 0 bytes ...-horz-scale-has-marks-above-hover-dark.png | Bin 737 -> 0 bytes ...orz-scale-has-marks-above-hover-dark@2.png | Bin 1521 -> 0 bytes ...lider-horz-scale-has-marks-above-hover.png | Bin 638 -> 0 bytes ...der-horz-scale-has-marks-above-hover@2.png | Bin 1266 -> 0 bytes ...scale-has-marks-above-insensitive-dark.png | Bin 712 -> 0 bytes ...ale-has-marks-above-insensitive-dark@2.png | Bin 1127 -> 0 bytes ...horz-scale-has-marks-above-insensitive.png | Bin 666 -> 0 bytes ...rz-scale-has-marks-above-insensitive@2.png | Bin 1026 -> 0 bytes .../slider-horz-scale-has-marks-above.png | Bin 720 -> 0 bytes .../slider-horz-scale-has-marks-above@2.png | Bin 1426 -> 0 bytes ...horz-scale-has-marks-below-active-dark.png | Bin 637 -> 0 bytes ...rz-scale-has-marks-below-active-dark@2.png | Bin 1273 -> 0 bytes ...ider-horz-scale-has-marks-below-active.png | Bin 694 -> 0 bytes ...er-horz-scale-has-marks-below-active@2.png | Bin 1444 -> 0 bytes ...rz-scale-has-marks-below-backdrop-dark.png | Bin 711 -> 0 bytes ...-scale-has-marks-below-backdrop-dark@2.png | Bin 1157 -> 0 bytes ...-marks-below-backdrop-insensitive-dark.png | Bin 711 -> 0 bytes ...arks-below-backdrop-insensitive-dark@2.png | Bin 1157 -> 0 bytes ...e-has-marks-below-backdrop-insensitive.png | Bin 511 -> 0 bytes ...has-marks-below-backdrop-insensitive@2.png | Bin 1058 -> 0 bytes ...er-horz-scale-has-marks-below-backdrop.png | Bin 662 -> 0 bytes ...-horz-scale-has-marks-below-backdrop@2.png | Bin 1054 -> 0 bytes ...slider-horz-scale-has-marks-below-dark.png | Bin 718 -> 0 bytes ...ider-horz-scale-has-marks-below-dark@2.png | Bin 1404 -> 0 bytes ...-horz-scale-has-marks-below-hover-dark.png | Bin 712 -> 0 bytes ...orz-scale-has-marks-below-hover-dark@2.png | Bin 1479 -> 0 bytes ...lider-horz-scale-has-marks-below-hover.png | Bin 594 -> 0 bytes ...der-horz-scale-has-marks-below-hover@2.png | Bin 1282 -> 0 bytes ...scale-has-marks-below-insensitive-dark.png | Bin 711 -> 0 bytes ...ale-has-marks-below-insensitive-dark@2.png | Bin 1157 -> 0 bytes ...horz-scale-has-marks-below-insensitive.png | Bin 662 -> 0 bytes ...rz-scale-has-marks-below-insensitive@2.png | Bin 1054 -> 0 bytes .../slider-horz-scale-has-marks-below.png | Bin 640 -> 0 bytes .../slider-horz-scale-has-marks-below@2.png | Bin 1337 -> 0 bytes ...vert-scale-has-marks-above-active-dark.png | Bin 595 -> 0 bytes ...rt-scale-has-marks-above-active-dark@2.png | Bin 1187 -> 0 bytes ...ider-vert-scale-has-marks-above-active.png | Bin 726 -> 0 bytes ...er-vert-scale-has-marks-above-active@2.png | Bin 1318 -> 0 bytes ...rt-scale-has-marks-above-backdrop-dark.png | Bin 712 -> 0 bytes ...-scale-has-marks-above-backdrop-dark@2.png | Bin 1157 -> 0 bytes ...-marks-above-backdrop-insensitive-dark.png | Bin 712 -> 0 bytes ...arks-above-backdrop-insensitive-dark@2.png | Bin 1157 -> 0 bytes ...e-has-marks-above-backdrop-insensitive.png | Bin 699 -> 0 bytes ...has-marks-above-backdrop-insensitive@2.png | Bin 1077 -> 0 bytes ...er-vert-scale-has-marks-above-backdrop.png | Bin 688 -> 0 bytes ...-vert-scale-has-marks-above-backdrop@2.png | Bin 1077 -> 0 bytes ...slider-vert-scale-has-marks-above-dark.png | Bin 786 -> 0 bytes ...ider-vert-scale-has-marks-above-dark@2.png | Bin 1662 -> 0 bytes ...-vert-scale-has-marks-above-hover-dark.png | Bin 770 -> 0 bytes ...ert-scale-has-marks-above-hover-dark@2.png | Bin 1369 -> 0 bytes ...lider-vert-scale-has-marks-above-hover.png | Bin 694 -> 0 bytes ...der-vert-scale-has-marks-above-hover@2.png | Bin 1398 -> 0 bytes ...scale-has-marks-above-insensitive-dark.png | Bin 712 -> 0 bytes ...ale-has-marks-above-insensitive-dark@2.png | Bin 1157 -> 0 bytes ...vert-scale-has-marks-above-insensitive.png | Bin 699 -> 0 bytes ...rt-scale-has-marks-above-insensitive@2.png | Bin 1084 -> 0 bytes .../slider-vert-scale-has-marks-above.png | Bin 748 -> 0 bytes .../slider-vert-scale-has-marks-above@2.png | Bin 1537 -> 0 bytes ...vert-scale-has-marks-below-active-dark.png | Bin 593 -> 0 bytes ...rt-scale-has-marks-below-active-dark@2.png | Bin 1163 -> 0 bytes ...ider-vert-scale-has-marks-below-active.png | Bin 732 -> 0 bytes ...er-vert-scale-has-marks-below-active@2.png | Bin 1591 -> 0 bytes ...rt-scale-has-marks-below-backdrop-dark.png | Bin 748 -> 0 bytes ...-scale-has-marks-below-backdrop-dark@2.png | Bin 1192 -> 0 bytes ...-marks-below-backdrop-insensitive-dark.png | Bin 748 -> 0 bytes ...arks-below-backdrop-insensitive-dark@2.png | Bin 1192 -> 0 bytes ...e-has-marks-below-backdrop-insensitive.png | Bin 696 -> 0 bytes ...has-marks-below-backdrop-insensitive@2.png | Bin 1078 -> 0 bytes ...er-vert-scale-has-marks-below-backdrop.png | Bin 696 -> 0 bytes ...-vert-scale-has-marks-below-backdrop@2.png | Bin 1078 -> 0 bytes ...slider-vert-scale-has-marks-below-dark.png | Bin 800 -> 0 bytes ...ider-vert-scale-has-marks-below-dark@2.png | Bin 1665 -> 0 bytes ...-vert-scale-has-marks-below-hover-dark.png | Bin 793 -> 0 bytes ...ert-scale-has-marks-below-hover-dark@2.png | Bin 1359 -> 0 bytes ...lider-vert-scale-has-marks-below-hover.png | Bin 701 -> 0 bytes ...der-vert-scale-has-marks-below-hover@2.png | Bin 1393 -> 0 bytes ...scale-has-marks-below-insensitive-dark.png | Bin 748 -> 0 bytes ...ale-has-marks-below-insensitive-dark@2.png | Bin 1192 -> 0 bytes ...vert-scale-has-marks-below-insensitive.png | Bin 696 -> 0 bytes ...rt-scale-has-marks-below-insensitive@2.png | Bin 1087 -> 0 bytes .../slider-vert-scale-has-marks-below.png | Bin 775 -> 0 bytes .../slider-vert-scale-has-marks-below@2.png | Bin 1578 -> 0 bytes .../assets/text-select-end-active-dark.png | Bin 748 -> 0 bytes .../assets/text-select-end-active-dark@2.png | Bin 1360 -> 0 bytes .../gtk-3.0/assets/text-select-end-active.png | Bin 688 -> 0 bytes .../assets/text-select-end-active@2.png | Bin 1321 -> 0 bytes .../gtk-3.0/assets/text-select-end-dark.png | Bin 730 -> 0 bytes .../gtk-3.0/assets/text-select-end-dark@2.png | Bin 1509 -> 0 bytes .../assets/text-select-end-hover-dark.png | Bin 741 -> 0 bytes .../assets/text-select-end-hover-dark@2.png | Bin 1465 -> 0 bytes .../gtk-3.0/assets/text-select-end-hover.png | Bin 699 -> 0 bytes .../assets/text-select-end-hover@2.png | Bin 1163 -> 0 bytes .../gtk-3.0/assets/text-select-end.png | Bin 786 -> 0 bytes .../gtk-3.0/assets/text-select-end@2.png | Bin 1383 -> 0 bytes .../assets/text-select-start-active-dark.png | Bin 709 -> 0 bytes .../text-select-start-active-dark@2.png | Bin 1383 -> 0 bytes .../assets/text-select-start-active.png | Bin 645 -> 0 bytes .../assets/text-select-start-active@2.png | Bin 1273 -> 0 bytes .../gtk-3.0/assets/text-select-start-dark.png | Bin 688 -> 0 bytes .../assets/text-select-start-dark@2.png | Bin 1388 -> 0 bytes .../assets/text-select-start-hover-dark.png | Bin 653 -> 0 bytes .../assets/text-select-start-hover-dark@2.png | Bin 1345 -> 0 bytes .../assets/text-select-start-hover.png | Bin 628 -> 0 bytes .../assets/text-select-start-hover@2.png | Bin 1194 -> 0 bytes .../gtk-3.0/assets/text-select-start.png | Bin 712 -> 0 bytes .../gtk-3.0/assets/text-select-start@2.png | Bin 1316 -> 0 bytes share/themes/Kali-Light/gtk-4.0/assets | 2 +- 137 files changed, 2 insertions(+), 463 deletions(-) create mode 100644 share/themes/Kali-Dark/gtk-3.0/assets/bullet@2-symbolic.symbolic.png create mode 100644 share/themes/Kali-Dark/gtk-3.0/assets/check@2-symbolic.symbolic.png create mode 100644 share/themes/Kali-Dark/gtk-3.0/assets/dash@2-symbolic.symbolic.png create mode 120000 share/themes/Kali-Light/gtk-3.0/assets delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/bullet-symbolic.svg delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/bullet-symbolic.symbolic.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/check-symbolic.svg delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/check-symbolic.symbolic.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/dash-symbolic.svg delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/dash-symbolic.symbolic.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/kali-headerbar-logo-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/kali-headerbar-logo-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/kali-headerbar-logo.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/kali-headerbar-logo@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-end-active-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-end-active-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-end-active.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-end-active@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-end-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-end-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-end-hover-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-end-hover-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-end-hover.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-end-hover@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-end.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-end@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-start-active-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-start-active-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-start-active.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-start-active@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-start-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-start-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-start-hover-dark.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-start-hover-dark@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-start-hover.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-start-hover@2.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-start.png delete mode 100644 share/themes/Kali-Light/gtk-3.0/assets/text-select-start@2.png diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png b/share/themes/Kali-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png index 2ccb0e861afdca8a43bb6c1016fc67817865e41b..0ed01194dfdad4ee16878a4fa654e002b3c9a044 100644 GIT binary patch delta 108 zcmbQt_=0hQN)l&*M`SSr1K(i~W;~w1B87p0L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7 zu^?41zbJk7I~ysWB6*Oakj#>tR0j9F{M=N9;L6;j{G7~W1<&OCJcW>q)ZEm*C7P=z H8YTe%h4Cc` delta 23 dcmaFCIGJ&R3NK5slV=DA5Y%v_bWChZ0su{P2A%)_ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/bullet@2-symbolic.symbolic.png b/share/themes/Kali-Dark/gtk-3.0/assets/bullet@2-symbolic.symbolic.png new file mode 100644 index 0000000000000000000000000000000000000000..2f26a510aef0b6da89d516e82e9c2fb139607bf6 GIT binary patch literal 312 zcmeAS@N?(olHy`uVBq!ia0vp^G9b*s1|*Ak?@s|zoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXpdxvYqL9pzoKyz)y!_l$h2YBE zr2L%BWChRU{5*w_jMUuJz9pKgfl6n2x;Tb-biSQ(koS-QkL!G|u!g@G)>6eSaZ#m= zWebuz3Op7SY4)iWJA9g4b1FP;%@M}qh5tGkdJeGIc;9VYxMpS%W0->Ml^`QE7RPUz zrY}o!CR}}`+cMcnLbpY~wP3Q@YpE8`LJPy&N;MiSN!wg2f;miYIy3z|>HXcDS)E() z$-;kXa~n5LT_bd&SnTHhZ5%O%Z_X6Xx&N8XZ+GCr05NeBpeq?XUHx3vIVCg!08kfk A3IG5A literal 0 HcmV?d00001 diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/check-symbolic.symbolic.png b/share/themes/Kali-Dark/gtk-3.0/assets/check-symbolic.symbolic.png index eed1f45a58d8b995087a28451a5935079a749cb9..21be612723b5d9af296543ff92084c2eece3137f 100644 GIT binary patch delta 250 zcmaFPIE`t7NtR0j9F{M=N9;L6;j{G7~W1<&OCJcW>q)ZEm*C7P>& zN-I2F978lF?!6Gt<=`N2{Nww)bH@c^TtBG<7Tahj< zpLka_=(0&H`0UZDnIL+F{RInmd<;`ggX013XE!j>z`&`<8OCfePjEr+kM%+ xNk1YczmIo2{8{+YhR1(SZ{O%3*S+sF-@I?yI}W7F=K>wU;OXk;vd$@?2>_|DV%z`# delta 203 zcmbQn^qg^mN=gT#v^_J(k5)DZpR z$nX0}kmJvsU%XijwyY8f92#832iz`bTwo1bxWk1jr@?cf-y$bd+X;+*SEKiyZA-M= zva-Iuydjcz{`por&5BAV!#B#|`+8YVg?x$SoA*t7hxr_FMxX;2JYD@<);T3K0RTc| BNY4NO diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/check@2-symbolic.symbolic.png b/share/themes/Kali-Dark/gtk-3.0/assets/check@2-symbolic.symbolic.png new file mode 100644 index 0000000000000000000000000000000000000000..2c2a0ddbbafce00aa11839870f4d36503f72ddc1 GIT binary patch literal 371 zcmeAS@N?(olHy`uVBq!ia0vp^G9b*s1|*Ak?@s|zoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXpdxvYqL9pzoKyz)y!_l$h2YBE zr2L%BWChRU{5*w_jMUuJz9pKgfl9A>x;Tb-biTb}%iZK4)9~@Q(dPWOm#zc|3Yv(R zd~MR5cy0OWheA(2-237uRr6rm;rVj^_}l)Nz31*~Q2p?dJNo~I2MH`WSrGvSOxuLS zcw`vc+0IDy$Zjw!2ucV`VB6C;ll=@w+SXpx30dEc9XQ&co3k-%<-QW8Cu})SyH;Lc z*&)5b_R;!W9XFZz?-;Ls^lNNSeDBvDx^!B`#iysA2z772zE(L&Zf;ihJVE74TH#;1 zZo6LO-23xD&P5r+{ zrWUE27ZtRMBbHut{FbtbBl_BpX`6HIMXLR9*v4V*{xD0E>xa!*zAx8KG8q)#U+^?9 gxz~q7v1TVj>inGTubCYafp#-^y85}Sb4q9e0Is1zcmMzZ literal 0 HcmV?d00001 diff --git a/share/themes/Kali-Light/gtk-3.0/assets b/share/themes/Kali-Light/gtk-3.0/assets new file mode 120000 index 00000000..3c99dc53 --- /dev/null +++ b/share/themes/Kali-Light/gtk-3.0/assets @@ -0,0 +1 @@ +../../Kali-Dark/gtk-3.0/assets \ No newline at end of file diff --git a/share/themes/Kali-Light/gtk-3.0/assets/bullet-symbolic.svg b/share/themes/Kali-Light/gtk-3.0/assets/bullet-symbolic.svg deleted file mode 100644 index c0299734..00000000 --- a/share/themes/Kali-Light/gtk-3.0/assets/bullet-symbolic.svg +++ /dev/null @@ -1,155 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/share/themes/Kali-Light/gtk-3.0/assets/bullet-symbolic.symbolic.png b/share/themes/Kali-Light/gtk-3.0/assets/bullet-symbolic.symbolic.png deleted file mode 100644 index 2ccb0e861afdca8a43bb6c1016fc67817865e41b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 147 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK^1VD=978lF zCMQVDZ0K!lTsXC{@u8r|b^`;04MK}If_U~)d1`KtlXaxz7ilLQTJ+K0FzJSgo>CAG p^9Cb_KVJm8q$N9e<~(F$@O&n`dE0-6tw2*5JYD@<);T3K0RWo^EJpwU diff --git a/share/themes/Kali-Light/gtk-3.0/assets/check-symbolic.svg b/share/themes/Kali-Light/gtk-3.0/assets/check-symbolic.svg deleted file mode 100644 index bac5cd6a..00000000 --- a/share/themes/Kali-Light/gtk-3.0/assets/check-symbolic.svg +++ /dev/null @@ -1,154 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/share/themes/Kali-Light/gtk-3.0/assets/check-symbolic.symbolic.png b/share/themes/Kali-Light/gtk-3.0/assets/check-symbolic.symbolic.png deleted file mode 100644 index eed1f45a58d8b995087a28451a5935079a749cb9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 231 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xawj^(N7l!{JxM1({$v_d#0*}aI z1_o|n5N2eUHAey{$X?><>&pIsNkmB5N^)5S4FIsKl-zT zC0y{M%Ay7A3xmXqCH97JY}63_;>hp&Ns!~uoL{_I4YsTj2^<<+#RuFjXk1_oTeyQO zr@?cf-y$bd+X;+*SEKiyZA-M=va-Iuydjcz{`por&5BAV!#B#|`+8YVg?x$SoA*t7 Uhxr_FMxgx+p00i_>zopr0HlaYL;wH) diff --git a/share/themes/Kali-Light/gtk-3.0/assets/dash-symbolic.svg b/share/themes/Kali-Light/gtk-3.0/assets/dash-symbolic.svg deleted file mode 100644 index 7886d541..00000000 --- a/share/themes/Kali-Light/gtk-3.0/assets/dash-symbolic.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/share/themes/Kali-Light/gtk-3.0/assets/dash-symbolic.symbolic.png b/share/themes/Kali-Light/gtk-3.0/assets/dash-symbolic.symbolic.png deleted file mode 100644 index c20d4bac52551bd00de0a3e70d1a2f543d2256d1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 130 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 UKziu~|NYxd4b3q%Xt%`w014DBIRF3v diff --git a/share/themes/Kali-Light/gtk-3.0/assets/kali-headerbar-logo-dark@2.png b/share/themes/Kali-Light/gtk-3.0/assets/kali-headerbar-logo-dark@2.png deleted file mode 100644 index 337db2e2969ea32008c83009ffa3f9622f3c4609..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6206 zcmeHr^;Z*K{P*ZdcSx6jq%#LU9V z#?HaXb(5QimycgSP)Jxr^p=>o#BE6_X&G6$JMs#OO3Es#YU+3IX=rNQ*VfV1(|-VZ z2!UT3OrJ+SxleIz4fAadmU|fO~p9_4e`g^G5^(1_g(NhJ{B& zMn%WO#>FQjCOu0=rlh8&XJkIldV$JD<4E7W1pwIc!Ft+eoLq#jDZ<&$`Kfk>lvh!b zChBMiF=yRoE%!86#7^h!vkA>1W!j9^{2y{-neN+K#~%|mLs<`>_6=?5gED#4P)+X^ z_C`N)7fiLC{&C4K3Lvj-P0+(_1mER7v>MP=N6fR@VJCj!mE_dh7rM5&*1nUxQa1^z zZ#8I8zxb2ws!pt2HlOt+@LKI?7yJuqw%OX~Fq31ql#;!DJR=A1dCWVobQ`Iof~$#lYbX2Yx|w3$sj*k|f(%KwzqTc0 zzIm~}nQ-_@RO<!avA@9^Kaswcfv>O%aZn8)!fS|{V|wOvKlZl6X2_1I57s@G~h z-EDuG?G|?gJ!@XP*x;ahv^6@1^{;IsF60wY(mf|9C%(s(=1uq)E)ud>7pfMdOkt4a z{Ac`Oq=ygoamc|!KI)uD^rFDJ%jUuRx{5hf3yTxq#SNocxM%S2`<4}Y;-{GnFQa7d zZ}Q!r?f470w=V+fVlQPSWR)4(-}h`3aj}IS?K@~GYGBRnOma)X5r~o)>n``n=0Pl; z*k2G+su;C7Ob`8|%&2QytZ)<+8N8vxcTs9=rpVyyXzJMI#=A5#e1JXMzC7sv;0&3p z2Vq@lzhpN#aP@Hb+=E}JD{fE=6hu5Y-hXqulwLt!f8-aX@`=UDH(D%B0mIekq=+XHy~9THYsE1dkqMmhuR79>Z}%0j=%3~zo#+SF}k<1dqC5ZkH((ccoSI7 z-Yi3ffo7rz<{q_Oa&B6pOO$~Bs()gN^XB*~BV3-Y zJlllKAcf>OtIX2XI~BUW!RTnm@CHR~%L{ckTPbYojn7(!9CG$a)Y~^ELKh~nJ-DY7 z>GiiSND0GC_KeSiFHxOTg>lW*QN+hPifw+e~}XI+%CH50-m!Uf6Ola(9IS4 zT2l{M({aJ!)(6toyCU5KO(S2Of;R(g&XKkGMG9IQqnCvsT={aj|a z{Dci{^ZAxSCqEvrsiB$IsZN9Ro=T}*vpsktIpAhfRD@(l=S zK$da0XJMd%yyhMe{fSPeE}>0N$gEAEsgRhx={BcwAnyKFMKq^W$yB&1$TIa_gN9HX27TZ81WIBBti zC~_;jKKsW9qfb0+yJ37x#W&{}6Sx=rryn>ToE~qFPX6Nm^n9eO& zQj(3Pw>nC+)|JUYjw-h4EaI)GD7f4dCwGZxoknUW;r>7>kKB z{lwPQA5yjTRV%6&I&O=KI#{2wy!dt1r=)&4CLd%h^#QgIhU<1e0gvq^Jf?2QHrRuP ziF_Utn~Y3Lb>(K&TXrDizaqv^gP6SoA;|mk3W@(mNZ5jlUO@hWIO4lq(;WTCpsf4I zF7`M~BxG#w4nM#oq@+dS?!+dET=cV+pa{TwjfC>$>9Gd**N)vgrLa}ADR~{znrzBh z;@UM4=H=;H2$P`J$`2`c8RpjW=vti(-K>aj-P*dENEPJ6-BjH~SI66hDD;Gnwf=Xr zfE(UwRnFNou~!Bp-mU7NNE|Qad%nLVoFIhrV7In=L^^FpZq5F_`d|&Ms%UfF7wq=p zb_Ex>=j88u^~Xp9nF+74aKrBB3VP_>7rKc`^AXCT67|Wo_KDJ-C3b2L1oIB02B`p{ zZT;dpyM6QI0`zEOS`11EQ7;a*=L(^^0QwKn?NaSv3~lLUNuHJ@izM-~$y$b5j(teL`;WYi`h#%XZEXu(%^!{7n|K^bisd zIg^BbtFzr@%hmTU)s0NBghB!2QRtOvy3VFJB&cW0$6?u@T&TZqvmUYmoNS=xac1Hi z5-5-N<&pnKQL!g}qaQ^x&Yf??8It;EfqzNP>05FG1=Q4A`=_hho_c&FnK|o5k%?Z` znFFdXCBy)@JJm~0zY!iNlK_+5E3wiucJ#*MnD@8qSBJNkV-RFO)n3(-2GV^~W3X28 z%g;Dl62hb11fLqv`OiYyISyN)PGwpir3sX;=@L2t#ws>2(R zWw^;Vak_!N>(mmwGM>}_Bhjv`fjX0LIx!+6px}}&y(w(22mZ@LX6uoPf8@}?#UTIA>6F({-8SRv7tmbF# z&^<2*O>^{5{jj&-kpE8S=b*Of>P6yP?!y-P(d+vHC7D zoPuZr`ZD>1bx|fcUl{=OoXl7lZv@hOTInS>iXUFz5ggPK-g)$z50KF7!Jql@4A;gQN+G}7AWO55;XB_3$$pHsqHpQ*TQDvZDEgJxGZ^80ToqdZ zp%vu0_+T(Ng;iG7&{8k!0ki{#IS}Y}=4Me%N<0C~$3P?eH+x8Rlq)g@Cs(SaAbFCT zpe*0v!IaYyb8+}MpDG}VymE%QoYH-#?B%h$>lz3%P50&GwDxri! zJNisKz_-gv6qD8lXVQ){ufg32tiNsE6rtiq66#K#OFU&Ih%fSjXzK($s_tZq6pftU z&-%y1p~_2X2Pk?B9|wH8MK?VjY6OOx4sU2@g+wD+n#Y&%d}h{w<5fB-?W^*{XwjMs z73c|5)9Eg2Pk*#x9OF3p#Ynm7KxZU?vHgQb-noI>Rz$Ep7@mFdD>X~$+J|ud;y0hg z@u{&M3h&A7oCPl)_=x$+PmlrgJ!|^Ppz7zEwy}i=QB(@@KTb-)E+dCTE1kO^jvlSEAuqKsUxI^XTB`oyq6U7l3K!qPH9JqRVDl z+x_E(Y9cK9R99onofY;u!~Di@Mv`L=L!Rv!QBlIcg%VCn(vK8ci$Vofm&VlZRilsIIP{0w9I`)gWD`v$SzxZjpvH!EZe=il@w6&_nmw>f`yjQs#jR8G=ZZxIRCaf_u)%%hp<@wIkmVt zZ7AaVzj=rCT65I&%}^Cui%KAz7tP#HMFT`+(D1AhC@2V~J&KH$a(?l-LMV{%RqCZb zJqBkt%bVaj%zHmRi55cQdT}q_;+tybmc9hx@t7EsrAk2jP>x78DB+xjfI;7Mj|lxp zn;W+J3<)KvAJB}-T&j%x1QeK;3*h;|t3QJetk*^J_rSa1XUk8 z1@x+DY!8cx_8Fdhr@Y@phbUT6Kqq?Moo`0OtMrKQM>(d45T&y5!YUn0`>p+6K_R8s zr-YR`d`=b?{oEU%Hzm-E*N`q3aS2I_o%z12=^((R^dvW=tOlbcv|;um`?>mMQiO

p0e046MK56k_&KQ;cGvaY5RRQ8OLEdQ2bNEA(Y`#b(cO#(tzo%6L zZ(Ll0u4!?*_B_IBuCn2VQnl@|mx`nLr@^_#VEHx|5`jr5Pt9it7+m#%WY#}(JScN% zl%LZXPU!u2Up2bcs`veDR-_R(3HfFM&&Cfch|z;e;GYa0P=tX#F+7$l_fRIAK7D$_ zo5!^*b_w=dlJr`xdVh6Dy%H%droggij-x^Hk^%J%O&{|E%UI{ecXGo~DQz<}IQR-@ z+czD^n1SrP9HOXhPei3BvG+S_*6o*ewtsCx*Xf6c?D^6gfUyT^&kmjVL~H!WcQONt z;-+q+>;fFqMVnoRwF6sn61K8<&~!!sZuZRK5S2XCVLgpsfvS-gNnibRI}W9}iYEzb z$v9{gNvP%m%u2+)j%v@>2M=6QA{BTlk8WdPJw0_DB?=#4xxdJKZjQEIB zv>s3Sjv=6EwG~Y*y&z{WoHOz_cWR5QTVEKoQD*`pqJ8zrS12+^qcUOT-3nc(>NR6i zO*@Kto&^uPQ3&d5$_<>txA*%;3gSx7Y)K8mAjy+C5&&*zp4zhl)RJEmo!?Ehu}T=^ z#Z-Adrpf)6U@#0YU(Bou>2;;((;j7to$G(!q=H5ZS!IUh;vMcMKlW*7*cswdg+yTD zUHlQ$mfTC0+cXlcv+WeQFlh34mpOo*1+?~7B!AjpSWecD*1I?!Rx#hpX#lU#-AJdv zeG><*Vc!Xay=@~YO>+J$S;l($VGyR+8u)NI@R(#S9XF-vV3K7Bsf<%%>HTH@*qAye zEZGvm#tZvcd>`jF@2xS87RhV(`7i9^#^A@?v(snOcG3~)naq&Z7I-cqiJsTI zk!r{KL~Mpdsqdi%`8!UvZ`rgEwVW9ovpQ?wAKRBC|55Lk$1Vkaqm-iNsjV!+mqlk{ z%wUOM z8xAHj{0b%lxK;vbUXF+M6pOK4xMAzxXuj=aE1kS}`s`;xxVwEe;dK&Vdvi(PAVP7* zn*!4(ZqTZq{GCe@(EdUN?rAR4m?wn2?t;cdJm&ZHA2ck`KnKyeo=M_i6} z<}m`QO^lG}bX^d4Ffs|(aF$T{C->p_f&XUUV0|OKIvvOO{{z!a^-KT& diff --git a/share/themes/Kali-Light/gtk-3.0/assets/kali-headerbar-logo.png b/share/themes/Kali-Light/gtk-3.0/assets/kali-headerbar-logo.png deleted file mode 100644 index 777632b14e66d0310d4e4ab21583360c13a8b31e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1927 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 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png deleted file mode 100644 index 8722a3dcc2926575421456374ade16aa5820595f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 632 zcmeAS@N?(olHy`uVBq!ia0vp^B0wy`!3-qNPStf`U|{49@Ck7Rav2)_Glc$kX!viO z_FucZb_(`SclWO66 zwZac-MIV5I>OgM6d$poZY6U>6{6o>hq2qY%AcDd~c0)qJhu_VYZn1P9zg_VunKOiVL zBs45CGCHQOf7a|Z>(+1BxM}OQZQFP3*tzfN(`V0Kymv(S$@z#R0wyYjKi(o@7Grn^e`8u+y< ztd`iyIAxlIxy_M!!?<~h3JGg|Hi&!+v#xn@z50k{cJakpTf19x46pUv3ESklzwBAG zVUls!H?fw_UZL0175^vHu}^TAGd=a+(fa#;`R8T^ZT3~p*#t^Lp00i_>zopr00$Be AmH+?% diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png deleted file mode 100644 index 3737930880520b2130c3299f01ec5378c495f4e0..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1291 zcmeAS@N?(olHy`uVBq!ia0vp^YCx>Z!3-q7s=SP6U|{kL@Ck7Rav2!@Gc^2X2>q|! z@LwhOze2-*nZp0Z4gZzO|7%qKS1bOnT=HM1>c4jBf6c1@>Sh1cs{gB${a3F3uU-CM zv-rP8#eemZ|7sQgRlo`~%E8?7|0)&#RV)9i15w$3O`xta5JMfPxct8w&}1Njhyb}j z*$R*#L>5Sb*f3>4F33!X2v|FW4I+VDpdk=hh!oH$u;BL3tlT9xI#W;oqWg!`H+qBp_}AGH!Fl~Q3&6v z5WY=DJp(@OCtloHM;C7xBueWjB3 zQZ?t9YVLE@yf>=(Z`BGvs1Zd{6nqumwMSBP@t9nFAuxj1WZafB|(0{42(?7 zZ0sDIT>Qc!V&W2#QqnTAa`Fm_O3FIAdisXu){d?LA)#RrQSr%{S%pQVW#tt$b&XB4 z=FDBNdi|z72acV(aPiXRD_5`GxOwaLoxAt$KX~})@$*-2-+lP_>C3lo-+%o0{pasL z2yja)d;m<$te!58Arg|U2Rq}t3uV|p^vifkFO?~NvhVzpb5ql19tnEVCv~X2`bzM+ zC3l{vwVbL=TQosAYX1H+OTyQ0eOp=g-u%#!WlN7bolH`HE2a@4`{n104Tq+r^47Y4 z*us6tz)Md z%f_c0{3aVj$rk6n5PP50tR|SjTXJ-vcfIxNy+RYebB4P=-mjW->1e~h&h87DHs9w8 zI3NFBEW=c_{;8>9;oNT;48k{c(rk3+FeIq1?^x*_!>F=jfA!HR-_{lgEc-l9!{&jB zPU=>Tn5RigJ}%Li^GGWv^SaBz8~Y`z>$@(kzpL>_%gdf?!`tl|e{XWBpLTgDAscbd zcu~Q;(-RI^FA6wZDRDY2@W&a$j#Do+#Dhg;*To%hx+fmIbq@c5O|Knx&RAiwqnLq7 zY{Nz6HXFNT59Yt{xhLSf{l%Mhzr~;aUQK#%=%KCW3!|&CC4ox2VxG)v$}_(EZ?+ug zGC%c0QlI=Q+>wyzky0XQwe!c!cgB=8s_* zU67WNh3*h^cGA2N`u&7m|x!2p*r_;UC>t7EH7z}TWGk*|fX9$U=78SYO{sn{vK5gcT8TQJ@9a*$IYJ~5R=K!DsvlU# zRA)bQ%0#RH>~fQ^r=oPnUA~f)F|WpEUN%;$2S0O%pLoR@`MA3L!bKi$3Fi}eS~?%s zGGTDB+}o@Pe}0VC5%_k0!d5R+d-Jcub}y{C3k)xed$9;@t7KPQ^EaDmEYtpUe0SI< y>ANaJ=%w)+HS+#W*(0agFsNj1zcutQxShm;Xw{5iUD`+LV+m4)DLu&rSN{Vl{b@u1 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png deleted file mode 100644 index 1f2c0c22652119e46530c2f6370c2c0c458c8196..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1453 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 CXi!Q3 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png deleted file mode 100644 index 5cb905425162535cf29881618c8585faa83e18c6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 712 zcmV;(0yq7MP)X1^@s6F&7Tg0007yNklh24rEFz7|s4N|MQd zF$TsMJTH)CSxgDxT~jK1e-L^Q$f78D;Rta%N&jQp1;*g}fhbjeK}h$iQu)$ebT7!F zD0xnfvyi6sUDys4o*zh6W*3F@E~_G6Ius1!N+7||i8vE8XGifmd)cdAtR z@;)$%(np*-_m9GMpC-;LGW$GZjt)r($1>?qhv@Ez^BH z-|1|8A^?mme-=jR&=>#^cMwKtg*bl>fKeDGbHsVw^D0AQTk*UKIPrQEC9?#ug`iTa zo><$AUkL($?hqr~6s~)~d<+-q`2=QX$rwBC@R8pDD40Om9Ds^QpO&gh8+&Ppju;z9y|*1fVV!3-peH_ZOXz`%GSz$e5N$VCDQ3=A?-Qc~jL z;yhr$%`L{wEy~3u0z{mg!kj`vKqM$AC?Fuf4+DIB!a&5!D+ES@JUjwC{QSJUg1o!} ze0%~x5+u$Klm&_i^70Gv@BzhzUou2Ra67GD1Df1R*|tK|X#VegR>A0THkuRD_QoC;}4X7Zer{ z5D^d*5fl;=5|$7Wkq`zVQAuG@DG?D#5g;iBMAD)_BrYQ+CM_-@CoU-`At5IrB`+zh zC?%~VC95ngqa-b(EG?@nBd;bary?t-Dl4ZZE3YO8M2hP23P7YGuc)a2M9Nx9%GydQ zI!Y?KN~*fbDmu!lx+Of?W!~gUzFd`F6g8YIR7@3$kIJvk*#l$5frKDwK zl2S{{s_GjWn_F7jr_Y)_Z{wDoyY?PEdHUS>3zsfmxq9u! z&0Dwc+`V`I!NW&So<4i|?&H^Q-+%o0_507?e_$|$?P?n^0loEfaSV}=Y(3Z=@0}>a z_ThNM*3jTCgY9>Wiue`1Uv5(RzQ&aAe2b9p+RbOy7Kuk5tFHUM&U1e4wX(8%@5NoU zqN24IJk3OzNHb6?ff5uV?! zCr`a4H_M9)$jo<{_si~_hUTKQ8{zG9Ud5^DZcJ3Y8Qd!R?z4&R#?+ZMyZQdhCdPPj zW;L~M%#nVt@9F8yzo;%{XVV`IKD!Thq!_G!#K_n_E@N2!!&Rm>iTiEsnkjr z<@nBH-tUeW)`|6gx9KwW=|1K^@7PvBZ6x)Ig~wpe(5-o%}e<|VUKf+4^(Bjt$WuY0=u zn`UKpHM21PSZ;HqQZut}Z)(If0keIcobkOM($?INH5EH@tw}J~<=nj$hWcjrBrn>Y zxNLFcWsiu5y2QQKP^qel?_c##PWF_1bFYQzDLcF5>^ZR^la`95t0(WNUBGj6Pdl5( zv17-MAD>aG`k>Kv`u>%wCO&RX>a(})dT{2g+r<6KXZvG4EQ4-=iVIIyKbLh*2~7Z+ CXi!Q3 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png deleted file mode 100644 index ef14660c533bb2adf9650d9a5ce6d80742cadb3f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 666 zcmeAS@N?(olHy`uVBq!ia0vp^B0wz3!3-qXPX2qyz`!UT;1l8sMV>r)0+a&k1q!1HK701;#fujZ>z+S<4rIT4 z`4Xu3&6_t6r@nvx{@uHGK=SkF&tJZL`SIh&uV24@|Ni~w&!4}4|Ni^;4;UW*ZtQyn z44ROVAirP+MkZz!ZgEK|Ie8^zdq+2qu<(e2qSA`W36rPJm_29if`yBgu3Wug8Q_!PZ=7{4Z`*Z$()4B*w_-#_V-( z4US}_$*mvOt_Y0ZQMTge-b0i$if|IUa@SumS$E6rH9Uz+g&xQ!CxmT|Eb^d mKb7;uIA(gK8*xvT_|5Efv?wK4$ifEbQwC30KbLh*2~7aAmZgjU diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png deleted file mode 100644 index 03fe555c78a17c5557baecdaf8a879ab3be28d9b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1026 zcmeAS@N?(olHy`uVBq!ia0vp^YCx>V!3-peH_ZOXz`$4=;1l8s%5I|IdG=NpY1%V8pVu*T(AcO>pKvW`2A+zDikaa=W$W~y=;t>Iw5A-|G zn?N;iHZUk2Jb3Wv(Ia3GJ$drv>C>mcfO`J?`OB9tU%h(u`t|F#Z{NOq_wN1s_a8od z`1I-1=g*(NeEIVA>(_7JzJ34x{l||VzkdDt{rmTyKY#xI{rm6VKVYc0OD!z~MnHT? zkY6wZBNHah47Tl@PUCjJJ zWY*G^M;7Xw<3HqlUq@H9eag}4%>|`3jngJsr5YD9>9vVvXl4eO2`83FbX^X*B-y{(HSeMrzuA15 z!}Z%E10FewR&ckUE8MF#FYEP84w*)Y(~lOPS?D<1?S!W-X~uyF z_h2|Bt9P7xzvyG{b%8`j6E2(P#rct<@uB;;7$)BljJK9yzcByIwIl9V zf5@~XPulilgGFC`mCzkwe^tHG#}_hAt>|d)nrPL#>-5YV*O<^vGc}~vrS;er1{xWK zUr^cQwOTEAm00lf3rQstkLCH!x>Ck_%zvTpd6!8h-t1m7uNI_Ciq9)q9GvlpSN7-H zwKlTr^VuHi2}sWNS~KzGk>-t?8GpQf<X1^@s6F&7Tg0007FNkl&|ZQd*E=|3K-bM~{94 z!I{O~joKC!Q#xy!?9RMBG%3-V7|nB?eSbW&Gs_BGlFiLc*Z2L;08p>jpVVr#Y|!&G zXpxy6-}gV}^ZA8*K40^F{}VGimzC&;k(Ba7yI#d$Dt#6rCdIbEd)W3q-i=d)=iqG90WnKv$OL6 z0En4|5aLy(Qt@2Z9qQnEYsh-g|VwMYP# zN~O~EwNA#z$8QqRQv&d?P$=|2`XS?a9x?MGF>^VW%Z=)x^Zv^OAScAg1wllx){c=7 z;+HXIWH8Gz2qAuw5JI(Dt&zcYyA2`=$QbipYyEpvP;1?^)^3osc3o@Dqij3NGH9)l zrs+GHpPxTq=GTXZhu3b|nO&<^tKSF!+U@pok|g_$M&rsg8;yoNJv}{0l4Jz{{@oWT z?#+a>YwHo!C`2#5|7L#=0_No8?002ovPDHLkV1hG= BKRW;b diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png deleted file mode 100644 index 560b817dc61c4c9747c828bb73414a2dc96923cc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1047 zcmeAS@N?(olHy`uVBq!ia0vp^sz9vA!3-p4v@3jKU|^gY;1l8soX&V|@SXtZJJ2*NyySRCHdinST1OEN?fR|T4<9>m`sST`4{G43-Q%AZ91W=8$mLa=DdQr|=xbi0%dpg&^X{bmyTlp}wX%r29=Wtt`$I`y zS9ehISrxVi58sH0r}i#A{`=vpGb+9}1CsvO#LStuL^Il}=ljB=7vGyKjqBVvIiu)_ zwD^*VCp(2R3M@`7GKqe0#PG_?-VGXSyL!GPU2ZHCJL)^}@$Zf6ek=19rhho>x2E!7 zC;=6}HZztgLAedFGhdsaLRw%y_9 ze1#|OaPl*>_m` z)}pk}s(Bk#vefb)h;T0odr(-?`eoIMkgwZLbWb;Oz8i6My4UST=lquc+W5|Fd2V5{|7SI`A8s?&d93!DrEHh;>8>iT zyObqcI}Y?m`BN02`SG!`S(<+$1ykl uLwCO&IGix!$@K>t>ZPYxm6a^GSud&O&T+%V)Bu=}7(8A5T-G@yGywpr0F4O% diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png deleted file mode 100644 index f365916e5c491ea086950abd12cefc825f8e7059..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 769 zcmV+c1OEJpP)X1^@s6F&7Tg0008WNklWTovMC3bS93;E|cB;L0^jQ55KCX8s;Ywk#!MS2cj2v ze=c^d-8r7O+Q-Kt?#H8`k%(M7)>;^^o_j}E&%LV^DnA3sejmwx>mu@9+GxMOw7gPN ztrk1oMVIH>uXsOsOSN1B$`=7eL@uYz_JyV8mHHH$rb353?b&6=$bm-^3R zRdm{PPjnV^BJzFOY=5xSKf4e1Ow-Y@=l$f(S@bDrt$dRNmcz}7W_PllZ&TLt)}y-85HPtUWx{T2P+}?KY-f?h^>|T%coyoOp?X{xc{J!RP_z3TDF~wj|{pfMzw4^K+$SqM@n_o)EZ-l-uojroOq8hcFP*W%{uBwym;o!Z_!eSK130jtOhh&Y#MG?D2!M!`bj6(=t0@tVi@^8TM zaBJ{dv$YV#ae`O@156tmgS8fGEs=|`VkvgU+`Ieh*!$hfs`?eMGX-~4^+s8SR|gvp zPRDW0xhO`&BI0n7!#RgF7GsnU0$H}fpA~kcEX#|)KTvg;%}L-hYwZ_FEv%$)+z3-lsvh00000NkvXXu0mjfbJA^* diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png deleted file mode 100644 index ca00dd7ab5de63bc53841e0501dfd76857ca7780..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1521 zcmeAS@N?(olHy`uVBq!ia0vp^YCx>d!3-pKyzvNOU|=c;@Ck7Raz_E>A;8GU1P07Z z%n-oB!paIZmJuigl?2MMu(E&vD=RA-I|mmhCl4nV4;MEtH#Z+Q4?i!TATOT~9}w{a zkuaZtFh9RAKadm<5fB6-Q9&UwVG&6YQ6Q2M6_XVemlcH#Bv)c{A@3FkDJXg8YIR7@3$^ z*f}`4xCKQ-#l$5frKDwKhiV3yZsZ`zB4E zHha$81q&B1UA|)Fs@2O$&) zqV|;J+W~f79U@#?i?rQ~!fzZbPtIOGGwSBmlt12Sw{lE(8-MwJ6f#dB6CW@>~9yPSIb z%~xopZ9-vRK+|sJBEjm~sSk7}2pcXjxtWltG234xxiRN`we)Ph(tlGPWGUpHQHbUW z-4cJ)dY90&ijX-!bu<@NeBXIPMqA^mS%uol9J6PdIiVkQ1lJi|>M9pCn42#BFtlA} z@vH=9C#&F{%%`92NZ@iUey}dK@#^86Ekbc8w0q_sHk!gWe@cXOj^obfQ$@)ADxhb#-pqhH$KdPAhVh<-Pb9xenSI>-B5?kiOT30-SUSI-e5?SC@JRV zihmS$?r*KiuZPd>>{xlh#^2f?axu@zfGa*mGSAB@@_Sdt^({X6OerEGpi<4ipo&$* zY|>l5zQ+;a{^jNU-A||c`It>R@JaL4|73X=9i!%_%ALFK+)2>mnykAu!B4Ge!gc|r zmj)vC8C#>)-fzkLbxJ?#{rtu|DoIE5l{BpCVi~90$*4$|eUW?ktB}FcWA6OBrv)sS zH)Eq6Kf@`#@R*%3$Mio133Jve2ra$jCTPfgP3p6w!ZFj&$sHQKUTc0ZZDDKD*HcvV uvyj@tSa-o8%Xf)gmx9`BWz#H^J@xkv%B}n)=4J#cUp!s?T-G@yGywp&M8QA+ diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png deleted file mode 100644 index cf2929114e286c995666e5fec102813c5e2ef8dc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 737 zcmV<70v`Q|P)X1^@s6F&7Tg00080NklA>v7{~GNGtbQ4-rf=0h)9v|5)nugxk>>I(1A!vg9HUVv~&pm0171j0D34;5(+3B z8X8Ks6ck7lLA=^T=evEm+ueC6?k+kTJLlLxX_}pRKKsnh?!x*6QQZ~QT_Buc{TfX4 zL9f4=_xqcLs(ybFbdL2likr7?+s#|It>51)MDz!sb6Sy}c3nj8XIcOC?cwv?7!5PH zw6PhcRe7at>sQU}YapHlR1y6q%d$7Ohu6C?+T)2OT9xIXZR^)gLXU%s&ayk(!xxTV zXGK>*FQVUOz5W~9!|T~e*m1Nhi$QFgS60!-pmXkvZq|Eium(GdZiPG_4`SO~Gqdkj z!S}pRKDm1B#mv@Q|LgQ{^k^r>_E+F10TSojZ-c8hE{AaH+wjCR^^}JXf7!PfhaPx0 zO?z1g9qeh^TZs=H(oU9^<>YNu)z7w`y}T1baxQEhLqw9Q%DdjoUP_Ym+}$mcbh?^Zac?s)X?M4W&C*i#J=5GPE=k0xgAT?gE&>sgVHN2mrsFyl-E1l2%39#Pk`9JsH* z4D4W9m3Pv#7edm(EUrBy=NuXW)2d+qpWllZ+Yf=g<+uE^34>{s?<7eQLefF~VoDaf zW4<-#96oqNglU;`u>VKV#P&$)(D9|QM* z!zVqS6c_>@h{yvG_ctOlL}nuHFA>=V-UkMYwMTNi!{cxlNLJPvFat`UI;rSCKPP@j TL!?&^00000NkvXXu0mjfqJ&!^ diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png deleted file mode 100644 index a42f9a1a4e2e5fdab5d52500d6390ac4dc929aa8..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1521 zcmV8gU2jE(_+h=Y4@&iNOe)lGm@c`f-z>C10(*Rqkp*|6yo&h}0 zRR9>HfN=NrEk>j5W5XR4Yz6ou@Z6)I8a)E;pEca=lK@*KSn9cMug}_rM?)O|_b=ea zVc`x7wo0(n#}5Pb5Zs+xjD|aKF9Pq*0&E?41=u(W)B$jt1j}tc3D`w~r8c^~Gpt>> zd?cuc;Wil!w*cO$;cguV>>|NZS9(ilIlp%4SWvs+M1;F{-eEZS@Ud|FfjwPAU0zx` z%jy$C?S=#4zjrnn2Fq;%U#uY?3$_Bh4s6U4>HxTZ1D^%%?LJTUT-O4A2W<3C01Bwb z@~p01qTA~OYyiIn79MzjJ=gsh_%Z2qTGly#Ay+>8(Eq#P!GNLSt3&0uR_su!G zUHJvz6>BXYyL45IF((4GTgE7^EZN+A+gHv3d>;5S+;^oAtR?4`*G~lsf?JJ^SYBS2 zn&C(F=MLD{fKRsCi*$Q^oO9gY_nmBWuB5kghE}T$@I3HUxIf2U2A)}2y@;9!?`LnF zgC$rSF%E0$M}c1{VKaBb+K5)Wi$8rTs;XkKvxG4g;7h==0$%}4r`yN-5X$pvb^5Tt zmo0D|puO0os!rcpjhw4!x4R6s{|9j00@ncIC?=54Pf@&+W3MUjw5X!NzjKw1VnhVs zvIY7^4Wde&4BN3r;I}G;}xCu~XQ`GF;Y@8yPDp@{lzTQ;e4S*z>V68Hj3cR1D30an4tRgC>W-V30SS8P@@&&89f#F;NW2iMbB~lyi{^80!0&sV_*gR^S*M#@d7rAFh=XVGTSsFB1Camo3k`!u>C$okx6Z!Ujumq zRswGW-zbW_Ym7xiF*e3ngZF-BI}bI6C=Q#^Y?_iJBgUgGfV;rA31ysbz&w!Ea4%)q zlsH}xyhn_|Mix~C?~k2?RTUe>*eKK!c{(M_rfhHBYa-!Wz~5?)2gZN- z39tpY{lKca^RI+}xSpno_^Kp|V=7nSTmi1a*X|J&R0TDPns6*C2;iKf%5(BOqby6R zs$?|WYUY#&zF$La*G9Q-?R~tk2=oaB=*z%4RrQOVzAScni0ID6qJoG)B)Hsr!F%^W zuz2rCCS#Jxz*kizgbDr~!aI@ykg!JwWziO)Y(EQp7x*TiB0{UxVWHI~iWg9Q^v<_( zB}I{urU_Y^G(qElUjjcMxNaLr4`A3=mhdmfdEhg^FMuJt))W!-Q55?)ZuvNF`6!CL zi0)l`hQQB(7wWOj)no6g!>l_3bbxMsyg+#2_Blf3e5LN&tr74a!d!g~_!A)w__{CQ zF_z42P{&5IbZU!2A%hSa%L?bx$ z!ttm>0Rj#WnJ0R0FFzQ!!EG@|Sk6R^CJ&!yfA1e*)<;ypAKTy6Pv13nfGV^oy%?a7iBia2J=ZEd zbH@I^y|dzHv!02vEm{$;FWHduGR&Am`2za~E3%b(cO1L{N++JKelF{r5}E)=R&L|~ diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png deleted file mode 100644 index 4961d14602cb5efc39f60c0309da81ecdcc6c4ea..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1266 zcmX|B3ou)07!6UZMa#w`gkVFZ7)`0xT3afXbVCueqpiMH+u6xfH#OO{9*Z4T6*E+V zWoMbi=!n*92uX?eD~Nc-`;~eOD^lZaW51m{lW*ppd%p9Zd+s;?f9Jjm@b}TtGSNbz zP&yP}auD2Y;BwSN19CTggHb3|wE$|cH?&Zvr>6)3tgo*JY-wpxDnJMXf|ZpOq999c zZEc;MouKgfd_bkx(b3V>)dg*9Yb%jR1P{V}e0-=>Dvd^?)9DNbBPuG2$z(!^Kp-eC zE(SATdwY9MP7aI3Vzb#LB_*Y$rC6R|A11AndAe zCMF~j$<)-;?Ck8^+}!;9{KCS*;^N}c($ezsvQ#QvSy@?KU0qvSTVG$_*w~QCWZT=@ za=CnGXJ>D3Z-0OP;Nal!@bKv9==k{fh}Z^vulc`~ouP`j%{4zIOoAocs&3 zK#3n~X2Z8>Mj?9!8)K7Of4`%zf>U2On`~d~Ox|WZ`5|Vq=EJ^uSf;SNE}}HF+&3;T z%!TUUYFml(l^>t~@{`87qtg= zCv>D&k??;M?rQrM_I1TRdofO9VJ}2tEUcfRL-I>&-lB-o%KvW=bQns5mMa$A9_W^rkATm2B^|{6qd(J~&=W$sT5vc)mq;7ekKVSIQ@HnHJS@tza`(wdz!!>{OM8A(6WH3 zIEVgwCS{~hAN}U*BQB@&VctC|HPA|k=+goJ#NYV9WVvTtgO)bU)FT9zIjPY=D6WzilIFZPlNBsm>^ z8S$UQFZna9L{}j*V)vCxwxU^~_~u$~{o@J@4@;qj<_7V1dsyewqhr?v>_^rUX&7oK yPoEYV7+BUJskC`kb-T9arNOP|O!inh`B#*Q diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png deleted file mode 100644 index 5cb905425162535cf29881618c8585faa83e18c6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 712 zcmV;(0yq7MP)X1^@s6F&7Tg0007yNklh24rEFz7|s4N|MQd zF$TsMJTH)CSxgDxT~jK1e-L^Q$f78D;Rta%N&jQp1;*g}fhbjeK}h$iQu)$ebT7!F zD0xnfvyi6sUDys4o*zh6W*3F@E~_G6Ius1!N+7||i8vE8XGifmd)cdAtR z@;)$%(np*-_m9GMpC-;LGW$GZjt)r($1>?qhv@Ez^BH z-|1|8A^?mme-=jR&=>#^cMwKtg*bl>fKeDGbHsVw^D0AQTk*UKIPrQEC9?#ug`iTa zo><$AUkL($?hqr~6s~)~d<+-q`2=QX$rwBC@R8pDD40Om9Ds^QpO&gh8+&Ppju;z9y|*1fVV!3-peH_ZOXz`%GSz$e5N$VCDQ3=A?-Qc~jL z;yhr$%`L{wEy~3u0z{mg!kj`vKqM$AC?Fuf4+DIB!a&5!D+ES@JUjwC{QSJUg1o!} ze0%~x5+u$Klm&_i^70Gv@BzhzUou2Ra67GD1Df1R*|tK|X#VegR>A0THkuRD_QoC;}4X7Zer{ z5D^d*5fl;=5|$7Wkq`zVQAuG@DG?D#5g;iBMAD)_BrYQ+CM_-@CoU-`At5IrB`+zh zC?%~VC95ngqa-b(EG?@nBd;bary?t-Dl4ZZE3YO8M2hP23P7YGuc)a2M9Nx9%GydQ zI!Y?KN~*fbDmu!lx+Of?W!~gUzFd`F6g8YIR7@3$kIJvk*#l$5frKDwK zl2S{{s_GjWn_F7jr_Y)_Z{wDoyY?PEdHUS>3zsfmxq9u! z&0Dwc+`V`I!NW&So<4i|?&H^Q-+%o0_507?e_$|$?P?n^0loEfaSV}=Y(3Z=@0}>a z_ThNM*3jTCgY9>Wiue`1Uv5(RzQ&aAe2b9p+RbOy7Kuk5tFHUM&U1e4wX(8%@5NoU zqN24IJk3OzNHb6?ff5uV?! zCr`a4H_M9)$jo<{_si~_hUTKQ8{zG9Ud5^DZcJ3Y8Qd!R?z4&R#?+ZMyZQdhCdPPj zW;L~M%#nVt@9F8yzo;%{XVV`IKD!Thq!_G!#K_n_E@N2!!&Rm>iTiEsnkjr z<@nBH-tUeW)`|6gx9KwW=|1K^@7PvBZ6x)Ig~wpe(5-o%}e<|VUKf+4^(Bjt$WuY0=u zn`UKpHM21PSZ;HqQZut}Z)(If0keIcobkOM($?INH5EH@tw}J~<=nj$hWcjrBrn>Y zxNLFcWsiu5y2QQKP^qel?_c##PWF_1bFYQzDLcF5>^ZR^la`95t0(WNUBGj6Pdl5( zv17-MAD>aG`k>Kv`u>%wCO&RX>a(})dT{2g+r<6KXZvG4EQ4-=iVIIyKbLh*2~7Z+ CXi!Q3 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png deleted file mode 100644 index ef14660c533bb2adf9650d9a5ce6d80742cadb3f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 666 zcmeAS@N?(olHy`uVBq!ia0vp^B0wz3!3-qXPX2qyz`!UT;1l8sMV>r)0+a&k1q!1HK701;#fujZ>z+S<4rIT4 z`4Xu3&6_t6r@nvx{@uHGK=SkF&tJZL`SIh&uV24@|Ni~w&!4}4|Ni^;4;UW*ZtQyn z44ROVAirP+MkZz!ZgEK|Ie8^zdq+2qu<(e2qSA`W36rPJm_29if`yBgu3Wug8Q_!PZ=7{4Z`*Z$()4B*w_-#_V-( z4US}_$*mvOt_Y0ZQMTge-b0i$if|IUa@SumS$E6rH9Uz+g&xQ!CxmT|Eb^d mKb7;uIA(gK8*xvT_|5Efv?wK4$ifEbQwC30KbLh*2~7aAmZgjU diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png deleted file mode 100644 index 03fe555c78a17c5557baecdaf8a879ab3be28d9b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1026 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 C>m5`8 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png deleted file mode 100644 index 5bfea710c985462d5e44fd357eb694d581881615..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 637 zcmeAS@N?(olHy`uVBq!ia0vp^B0wy`!3-qNPStf`U| zF#4og@KL=8NP@XQ5+wBzgn)uYK&j7a#b4A4KdBdgQ7!zWR`dm=04P}URWa_EV*GK% zgcC~fCzTRTDJ7m!h}xqNy9;A7<*VT_J~5{9)+lV zY9&9_N`9%8{sNNx0wMxJk^;g~0wS^kB60$v@&cj?0%D2+VoHMIs)7<~!t$oV@@B#c z7QzaaA{yQzn!cjyo}wCFqMCl9S^*N~xe^xn5|#xLmW7g5B@MDVM!;ZkDhcunW?*7w zVP#_v3=RnmkBEqjitg{9HGAEL4I4LZ+Pr1!w(Z+@?0EX@`HL4XU%vVT24A4y>({T} zzWw;|^Vfv*MPGrYUGsEt43P+ry%?#?6e!d7arrY37pdQRg1vj4qE=X*OYyup{l~xi zhg~1f_;>#4`%kru4!-Lu_Qgl|Y33yFZjZmK@ZxL#r;`(sE1jH(|MfzZ!3-q7s=SP6U|=#2@Ck7Rav2!@Gc^2H$^Ea; z@L#6zzj4EVg@XUO75~+W|EpB~S1$RlQ}tiF^uK1+fAzBeYSsT$%Kj@?|JN@6uUY(G zqvF4M$$zzq|0<>bwZUvvpvqFPc-eo|%KvKR|20bgtCfND0u_U}75_ELK_Wo5Iz$A> z0Ez&mfNFqjuoOrOSRBZO$bu9=R01u6NTHEHaj;&9GGsL%yO0sY1dyx#p@@Uj`~wR@ z#35|3AWXYT?rYV&H)_Q{)k=P-l>o_KKoj@{MEC_n`31%Kg=GYUBm{&c1%#ypgrx<< zlm*3A1trx5rF4WOwS;7igyl_z<;{c@%tbVPMb$k;HN3?1qs8=N#0+A^4C2HM6U2=Y z#Ep~1jZ-B|GbL@SCGBdZ?CYf*8l@bXr5#$N9b09*XUq7^mi3)0>pM@@cfMTEO1Yp_ za>1+Rg4f6gua^(mC?C2>K6JBu*k<|2oeJSw6(Y7PMC?$A+@%n?TOn$XLeyS`sC^32 z`xRr4C?=dzOgya=cT6e%xKiRdmF&kVxvx}np94Lpn*Ua<@Pk_6C$-|QYQ;a)N`I-9 z{#Gyh0}7w={})s|YJdqRw-L?y z_wGM<_~`NDXD{D<`26MT*Y7`m{QUjr?>`7=i7Vd#OuHMnI2l=*36qOfA{?Tzi{rX7D@<$&u7$j>nmdz`$ z6xe$`Tz#3%zC#*5&(i~6JT%dH8XH(~pkz&YvqsDlt0y0NH0CU2X0PkIv_5Id*Un4Z zA6tBjol+-r@ZbGe8X=Y66OCWHESxuc!>sGB581*K73DjfjKvl1{R|Zjj*7o2k)SMn z^h#(RgTZXuq+@?uH#4~0t_=3M^XQt!kF!rYKPSDo<9VHjC*makE{O~Fg{=R&?;bPr zRl0O*N2&$eO|Bb@JXxZ+xpO2Y#T*IqJ(RKb&g343$7LTYr?y;}w@HK3QKsFSF z^9sv_oK&8DPTk6KAu7^BFj45!&4s5Yyb9Nu)4(D0>4)ER$0}>?W6Fyz^6gtck+I6U z_;KQaR|)C8KVIg~FcxcDQ&tw*^&)>}ZZoI1*lw+_*UxM_IOXcOcX_wg25d-~7%8T4 eG&Sv*;+6PtHKnTgsS(|vBFxj(&t;ucLK6Tb6-Uni diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png deleted file mode 100644 index b0842070aa2ee35ca41404e2af743bff27353390..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 694 zcmW-ddq`7p6vwZckLE^Jz9X^}HD)-kuMi6@tyU&$`Iwfb<$P3Pp*A;lh^8Qvucod@ zW2^`>duU);T1Mmplkye#*d`NAmuYQx*Xi~%*g{8ldNLEi@{g$H>kuIAT|b;fS-^E zC?aqX5l~35goK|^&l2kKLXt9@DkA-g(N+L1HsNA~i>V1FD*VMJR*@-Ig5o47z8>-F zQ9=VsY%qo1Mn}p~cm?9tp^H+KBt^;hQOW~!xe28;L+V46)`a-Yh$%!qqD`e%ecBH# z1MqARS_h$j8U|)yPys_q_@;tk70fJwVhNNQP-$R=fK>wik)T@x!T@>$kn6Cv0fr4& zH^PPyDERYbWz=_~^0?9GF*EaRmfLsO?b>bc;OOM+a*i7l8^=pa&&aHr!~HI9;?#QKq=viwA!Lz7kx{>1>kc`0=5c&;v)oVCSH`_wZVb6cdPNgjnUqf^=4 zx1@J@b5)Nf%Evog1r{~lLFGvuQp~26;m0|?*P5?o9~MoovTnLP*2{-t`Ok;iP5aeT zj-(P7D@7 z7f^`PkZB}j1_}N06=-KtI104Y(z1U^Tb!;yn*rif+-GTJ728n0BrYxMC_%zktIIcT zXM!#h^ddk%0)B`D!zeI1560)gBpOUvuqzhK;VUR=f+x*T(hSd9p|lmAzkzZA zR0yE54XWQkbvx8_Ky3%qbwWco@Oz-K7n+37+y^cF(27C?Z$!{G2<`7-coIHM!N?Sh zeTMOAn3#c?Ihb1jG{$XSJELz^a;S@wD`t&^grt&Vz(EJk<0mMmPW$>%&(H#YJsW&3BqTI6ER4>Kh=_`cj)}V%pO~1$ zW+$hlq;h`C%({6$r=YO3va<12)7v(oNHj3`VQ6^x)9BdL%jOW(%r z0viJQy;#_jZQNAV;wz+WmAq6jJ?`xGT`9BtAnD;Cz2T#@YHP(5O_n+|P?5%ID&;CI_*6fxooPt+(-TXgs2Tq|6B znLM-}Q~xlNF(Nd^JT7JKsB+DCTq7sbw?+6gHIA}o53X#}&5g&#RmK;q^z)DTYn93P zs8roV+?}ee_hO&8WMb?Zxw?Mxl@%HNb!9NN z1j+ab=(+LuZzj($b9V99ill|kLd2XtZKKxOi f-NUUVpPkxhrjeCEJoDU3{L8f8=S0rkONsp#kZs!| diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png deleted file mode 100644 index 2977074ca689d1f75037fb2edfd423e0f6e37e51..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 711 zcmeAS@N?(olHy`uVBq!ia0vp^B0wz3!3-qXPX2qyz`$r1;1l8sL4Lsuj7%(?T;dY)YU)}#dIp9@CZ=Xq&Mux_-XR4=^$m@E z6Xq{ov-a4@o40P?ee~$@lV{Igzj^!a-TMz8KLNq#&tJZL1%YqhzJ34s`}glZfB*i2 zfGzIde1VqS_jGX#k&sM1*lER-D8Y82yk%4PCXvX^?^C)%CQVR%z2MLf&-Z`tHy9qX zF`i$X@bT!fYhFvQx}0HmFR}caa^>~0+^Rx>{aY?N^=^wwbUEB#;dgOiQQ?eV{i3l~ z0_87k30Uf$8s}Wnf9M~B+Ix*VJ_$z`eAw2qS)XfuyG4FLMohx%=0m@&(zHb8EjO(3 zdYHoTZ_lFkQ`?yyyH<%DXV`Kk?$Xn&b&|^*Hu<<)N;WLbeLTyob~p33Z)e$~zRdNr z*j4sE^Adkk!An2eN%}JdY^s8;UiZ;&@i3DsmjfuV!3-peH_ZOXz`*z*z$e5N$i)T}7#L*4#l=NM zMFj)|`1$#Hd3kwwcsMzQIfaCPNKjA^C=QVV$^ro&81V9n01*$55D;;53vvqza)Gsj z6$tb43i0y`@$m`r@C!i@kPSq7201)x<3Gwm^@d8zX z6a(212ABj1!bBhnpd?H^k{}P%I-ntNy+DQl7$J***gO!IfV2Y@pvwZ?!^bbk$1fxx zC<2xRxey}4$1lt;Ai^&wEFd5Plob*d7ZQ;W1|dmdQ6Q2M5s?xRlM)q^78REf6_*tg zlNJ+`5d$(LWW*$7#X(3;ToQ=nB_!k|r4^;5m84{VNLf}+O;%n_PF`J3L0w)!Ltar+ zQCUYxSzAd3h;)=yb(K~1RDehgi1by}fyjVwov|e_f^$lO{DK)6nV4DF*f}`4c?1N7 zMWtnA<>VCb2`PZr#3f_ul;n4<9{#^7PsB7cXDE`|#=Wmv7&`|M>Cq*Pp-tK)~*LE6`rX z7oIMTArg|k2fL%a3uV|J_&=$OyuHYvNPW7KhtrfbYKJt6&p*9T6QG%FQGC1bW7vYu*Pi_~AH8DVeQLu*e^j89$)9B2caLPbHa z*_2JPWfWOybM*Q&pUw9_#h7}1C=cA8()G71eRbfZ{oT7%C%<7iA9Aqqy-KNf(HoZC zs~?;YUzFE*gR@M(ojbonU)THj%hZCWyn)vxKRGR2H2KY%hDpo!-fjLL5Z9+v&ro5% VGb;GSJZDg0;_2$=vd$@?2>?8?XYK$1 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png deleted file mode 100644 index 2977074ca689d1f75037fb2edfd423e0f6e37e51..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 711 zcmeAS@N?(olHy`uVBq!ia0vp^B0wz3!3-qXPX2qyz`$r1;1l8sL4Lsuj7%(?T;dY)YU)}#dIp9@CZ=Xq&Mux_-XR4=^$m@E z6Xq{ov-a4@o40P?ee~$@lV{Igzj^!a-TMz8KLNq#&tJZL1%YqhzJ34s`}glZfB*i2 zfGzIde1VqS_jGX#k&sM1*lER-D8Y82yk%4PCXvX^?^C)%CQVR%z2MLf&-Z`tHy9qX zF`i$X@bT!fYhFvQx}0HmFR}caa^>~0+^Rx>{aY?N^=^wwbUEB#;dgOiQQ?eV{i3l~ z0_87k30Uf$8s}Wnf9M~B+Ix*VJ_$z`eAw2qS)XfuyG4FLMohx%=0m@&(zHb8EjO(3 zdYHoTZ_lFkQ`?yyyH<%DXV`Kk?$Xn&b&|^*Hu<<)N;WLbeLTyob~p33Z)e$~zRdNr z*j4sE^Adkk!An2eN%}JdY^s8;UiZ;&@i3DsmjfuV!3-peH_ZOXz`*z*z$e5N$i)T}7#L*4#l=NM zMFj)|`1$#Hd3kwwcsMzQIfaCPNKjA^C=QVV$^ro&81V9n01*$55D;;53vvqza)Gsj z6$tb43i0y`@$m`r@C!i@kPSq7201)x<3Gwm^@d8zX z6a(212ABj1!bBhnpd?H^k{}P%I-ntNy+DQl7$J***gO!IfV2Y@pvwZ?!^bbk$1fxx zC<2xRxey}4$1lt;Ai^&wEFd5Plob*d7ZQ;W1|dmdQ6Q2M5s?xRlM)q^78REf6_*tg zlNJ+`5d$(LWW*$7#X(3;ToQ=nB_!k|r4^;5m84{VNLf}+O;%n_PF`J3L0w)!Ltar+ zQCUYxSzAd3h;)=yb(K~1RDehgi1by}fyjVwov|e_f^$lO{DK)6nV4DF*f}`4c?1N7 zMWtnA<>VCb2`PZr#3f_ul;n4<9{#^7PsB7cXDE`|#=Wmv7&`|M>Cq*Pp-tK)~*LE6`rX z7oIMTArg|k2fL%a3uV|J_&=$OyuHYvNPW7KhtrfbYKJt6&p*9T6QG%FQGC1bW7vYu*Pi_~AH8DVeQLu*e^j89$)9B2caLPbHa z*_2JPWfWOybM*Q&pUw9_#h7}1C=cA8()G71eRbfZ{oT7%C%<7iA9Aqqy-KNf(HoZC zs~?;YUzFE*gR@M(ojbonU)THj%hZCWyn)vxKRGR2H2KY%hDpo!-fjLL5Z9+v&ro5% VGb;GSJZDg0;_2$=vd$@?2>?8?XYK$1 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png deleted file mode 100644 index 7283014ddaaca273c22be19afa51a54a0e73e39a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 511 zcmeAS@N?(olHy`uVBq!ia0vp^B0wz3!3-qXPX2ocq_zk6gt!9f|6s6x|Nb*)&Ro5E z_4e)CH*em&1qMJi1OP?Q1n;1NyD)$(4Acu0MizPa@ZsafkMG^PcmMwVM~@yodGh4x z)2BcYAOpgNSO>KH!-o$aKYsl7?c4Y7-+%u6`RmuOKY#xG{rmUdzkfjYDpcA(0y^Ee zB*-tAfr*)gm5n_xC^#fEEIcAID!PB>>~$M9ZrZ$M>$dGXo<4j2;^nJPpT2;=*RS8c z{rLIo^w;+?K%uiprg_CIef4ksk_kiK{@ZrNp zj~+dJ`t;eeXV0HMfAQkQ%a<=-y?XWf_3Jlp-n@PL_T9U8@87@w@ZrP9j~_pM`t?z?73^V9zS{d?D?zLZ{EKD@bS~vZ{L6X{Pi1XFVNP1Ozw5R zfl1?>r;B5Vgyh_V?eRi|GHegbyQjVN-M0Bq+f>))w%ptqk+(Joye^9B-fJ!pHU?@A=*DDw9{1XnB5mJNIqI_Mh{PJt;{% zC@7e|&>+{~-hNKqUB_n3SbK8St(>OCjwYP1&se4x*N?~n1x119+v1IL3)5%cveUU~;pDw%ip3tr((ON;_td7dbZ>JL4*eKrs&2)2C&4eI?xWR) zZ=svCw5~om&G+W%loh^({Obz+u6)|l<-W!B>@(**3zW0?=085X#yvXRV zF$0tGmZP_A+OH=Dn(w!KboAs0l~-15KZ5t9{H)-emLr)OcjxKPWx}V+>XRJri2NuN z4`W%Zl}~rbyU$)6&*L37wf6_- zju+Q>y#HxQS8=TK%WPAvpTfJBUCuAtE%KGtvO2MOPP+mHCw8rz-+qX7mgr3LN=~o6 uCeMAo9degHY4?Ncb>g4quRr|vGsZ3S=RdXb>}OzVV(@hJb6Mw<&;$TF#E;eh diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png deleted file mode 100644 index 0fd1ac54083d347676bca4d5e7af73b876bc7ba1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 662 zcmeAS@N?(olHy`uVBq!ia0vp^B0wz3!3-qXPX2qyz`!UK;1l8sKhvS zCd^;FX6><)H*ej(^XT!DXU|{1dHe4D2awI5fc61x`S$JG_n$w3Hh_))_ix*@SOK8v zH$7b(LnI_q4|3WcDv)9OkY4meO>yGyX`2PsCht_r`jP(c+UI}w+h*QO|NXP>p?Au5 zzjyL|=9@WN#Q09<_r11yTV&T9f2?b%M8LI8jq*EJrFn!Ge>f94OYqh#)?a)g$yfF@ zo-u7*U752*bI+Q`Cl-E~czmw+!_{qR{Z8vU7cKix*(K}xuvXf8yGWjxVaWBKi(efR z)*hU3Osk>suDhGf+pmWw>uiz85}ovccfPH0!u)cWxEJO-TC6Egjfop+?0M)}8KsHsTvhqsTfUtmy3Sa@VqbZlIFVp@7eW=?*2RZU%e zM|V$e-^7`-=gwcWWYd^jy(mB4%-KOS}nw^t_ zTFf`R+99dexw+_uMVIJpwajkm+49>Ly<-f1r01$X?JcL9)}wVooNw3)rb}Kt`GIf4 z$H}WY{9J2qG$_vz-&-knEH`RVdLhgCNU^;_^B?MFFA9GwUDNNazA@iG=#r;Wi-VI@ z=Wjz(^|@zi4`zqCu0K?0^ECgW_6N>&#>!RuEgEWly6*WG>l>V#^g`q(mxH~yYkFfi zL&^U1z&oNp^Mt3xrfgEn%kuoTaNTRw%a7EKipNH5%$^ikIPK~4xe=u&+`Z>Se33me zOU_<5GyUTIX13#L8J??E+58rs?38@AByt`jf7F~gseV#V7azQwQLJ`i&YIKi&b0*v zW+&$SnH;{5yP!mGMb6LDVGF$r3jeilTDopQ&*_5Fs{z|OM5b6W^wv4w3<`K=n!!6u tYxNn&5`&aWGEVM?Hy{4Ne>dYZ`*#~(>GzQ(iNM6f;OXk;vd$@?2>`pMh^znr diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png deleted file mode 100644 index 958f3b8e5ea3ab16236bf7ee5f772db9c2ea0f6f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 718 zcmeAS@N?(olHy`uVBq!ia0vp^B0wz3!3-qXPX2qyz`$r7;1l8s&dh%Er#d#?HmX!_C9b%_G3Y4I+VT zpaMoPkdafBl?Ngq&H9b{z162(}HBBQmEfaN3V|8s)O&v2W z9dj)m3oTtBveeSG($=-m*0t2uv(VN9l2+RKRyw+tI(n8mK!(1xu7Q=V0g$xOGXx@A zeIp>U(>J!&H?}h{wly%eH!!hloLeIX3_H7$AirP+MkW?kPJRI)VG&U=@xb7a(C~n#Idgs^zJIEHAP zPrdLmtSLaE_2Jsgm8sK~n%r_|jk>u&Y@$heaUyfXB8}#%|KSrFHd-wIetr8q`}#OEvWq#$p69Y<>p00i_>zopr0PAkq1^@s6 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png deleted file mode 100644 index f2ab4c8efd23b1cfec2de8faffb3cdb226fcbceb..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1404 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 AnE(I) diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png deleted file mode 100644 index 2977074ca689d1f75037fb2edfd423e0f6e37e51..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 711 zcmeAS@N?(olHy`uVBq!ia0vp^B0wz3!3-qXPX2qyz`$r1;1l8sL4Lsuj7%(?T;dY)YU)}#dIp9@CZ=Xq&Mux_-XR4=^$m@E z6Xq{ov-a4@o40P?ee~$@lV{Igzj^!a-TMz8KLNq#&tJZL1%YqhzJ34s`}glZfB*i2 zfGzIde1VqS_jGX#k&sM1*lER-D8Y82yk%4PCXvX^?^C)%CQVR%z2MLf&-Z`tHy9qX zF`i$X@bT!fYhFvQx}0HmFR}caa^>~0+^Rx>{aY?N^=^wwbUEB#;dgOiQQ?eV{i3l~ z0_87k30Uf$8s}Wnf9M~B+Ix*VJ_$z`eAw2qS)XfuyG4FLMohx%=0m@&(zHb8EjO(3 zdYHoTZ_lFkQ`?yyyH<%DXV`Kk?$Xn&b&|^*Hu<<)N;WLbeLTyob~p33Z)e$~zRdNr z*j4sE^Adkk!An2eN%}JdY^s8;UiZ;&@i3DsmjfuV!3-peH_ZOXz`*z*z$e5N$i)T}7#L*4#l=NM zMFj)|`1$#Hd3kwwcsMzQIfaCPNKjA^C=QVV$^ro&81V9n01*$55D;;53vvqza)Gsj z6$tb43i0y`@$m`r@C!i@kPSq7201)x<3Gwm^@d8zX z6a(212ABj1!bBhnpd?H^k{}P%I-ntNy+DQl7$J***gO!IfV2Y@pvwZ?!^bbk$1fxx zC<2xRxey}4$1lt;Ai^&wEFd5Plob*d7ZQ;W1|dmdQ6Q2M5s?xRlM)q^78REf6_*tg zlNJ+`5d$(LWW*$7#X(3;ToQ=nB_!k|r4^;5m84{VNLf}+O;%n_PF`J3L0w)!Ltar+ zQCUYxSzAd3h;)=yb(K~1RDehgi1by}fyjVwov|e_f^$lO{DK)6nV4DF*f}`4c?1N7 zMWtnA<>VCb2`PZr#3f_ul;n4<9{#^7PsB7cXDE`|#=Wmv7&`|M>Cq*Pp-tK)~*LE6`rX z7oIMTArg|k2fL%a3uV|J_&=$OyuHYvNPW7KhtrfbYKJt6&p*9T6QG%FQGC1bW7vYu*Pi_~AH8DVeQLu*e^j89$)9B2caLPbHa z*_2JPWfWOybM*Q&pUw9_#h7}1C=cA8()G71eRbfZ{oT7%C%<7iA9Aqqy-KNf(HoZC zs~?;YUzFE*gR@M(ojbonU)THj%hZCWyn)vxKRGR2H2KY%hDpo!-fjLL5Z9+v&ro5% VGb;GSJZDg0;_2$=vd$@?2>?8?XYK$1 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png deleted file mode 100644 index 0fd1ac54083d347676bca4d5e7af73b876bc7ba1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 662 zcmeAS@N?(olHy`uVBq!ia0vp^B0wz3!3-qXPX2qyz`!UK;1l8sKhvS zCd^;FX6><)H*ej(^XT!DXU|{1dHe4D2awI5fc61x`S$JG_n$w3Hh_))_ix*@SOK8v zH$7b(LnI_q4|3WcDv)9OkY4meO>yGyX`2PsCht_r`jP(c+UI}w+h*QO|NXP>p?Au5 zzjyL|=9@WN#Q09<_r11yTV&T9f2?b%M8LI8jq*EJrFn!Ge>f94OYqh#)?a)g$yfF@ zo-u7*U752*bI+Q`Cl-E~czmw+!_{qR{Z8vU7cKix*(K}xuvXf8yGWjxVaWBKi(efR z)*hU3Osk>suDhGf+pmWw>uiz85}ovccfPH0!u)cWxEJO-TC6Egjfop+?0M)}8KsHsTvhqsTfUtmy3Sa@VqbZlIFVp@7eW=?*2RZU%e zM|V$e-^7`-=gwcWWYd^jy(mB4%-KOS}nw^t_ zTFf`R+99dexw+_uMVIJpwajkm+49>Ly<-f1r01$X?JcL9)}wVooNw3)rb}Kt`GIf4 z$H}WY{9J2qG$_vz-&-knEH`RVdLhgCNU^;_^B?MFFA9GwUDNNazA@iG=#r;Wi-VI@ z=Wjz(^|@zi4`zqCu0K?0^ECgW_6N>&#>!RuEgEWly6*WG>l>V#^g`q(mxH~yYkFfi zL&^U1z&oNp^Mt3xrfgEn%kuoTaNTRw%a7EKipNH5%$^ikIPK~4xe=u&+`Z>Se33me zOU_<5GyUTIX13#L8J??E+58rs?38@AByt`jf7F~gseV#V7azQwQLJ`i&YIKi&b0*v zW+&$SnH;{5yP!mGMb6LDVGF$r3jeilTDopQ&*_5Fs{z|OM5b6W^wv4w3<`K=n!!6u tYxNn&5`&aWGEVM?Hy{4Ne>dYZ`*#~(>GzQ(iNM6f;OXk;vd$@?2>`pMh^znr diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below.png deleted file mode 100644 index 7a57db0245bc64e0099dd0bda210f8c0635a7abb..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 640 zcmeAS@N?(olHy`uVBq!ia0vp^B0wz3!3-qXPX2qyz`)29;1l8s(@(K&qh@F6e&G7cU*2xP8ZyLQ>KWvf@OUa?}u zkt0WT?b@|__iiBL7#IK*?Ax~wXe^LCaNq!t0RccZPz0z90*-g)|NZ+1^tevH z+a92A9ZG`yf`Ng;!pg}nAS5gzDkdHn91RC*}r(nhE1EdY~Q|P*X}()Pd$77 z;>F8Xuit$B`t>W&8n8{@fBgLA>7}^{Xx3X#7sn8d;M5D%;f#(FY#-WB=uTX6RdlP? z&STSB&gM>&a5cXFfAx&5XKu=#k1wu!zURI5bH+C;=kiZ4i`?hQsxZ0c?;OK(H`n}~ zbYo)t>oq_1UiUq_zvxN>QaK@W^3vTbd_9(Xh{p@}#tu-3H8F4FIcjpy{ qm_BgHFPksI{AgEQf`f(5eCZ=+QjfXot2+Wc&fw|l=d#Wzp$P!QuW~v7 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png deleted file mode 100644 index c20a9875e6fe9cad79207030cdc4132bd5e7dba3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1337 zcmZWpdo+}37)PzhN?|l-Ym2p!p*l`mn@cIV%n++gZn<@K+sNh=H8o*f!!X%6l$LO! zX(^1;!7y%%VdhM3(`d}NCw60Im@$JfM*HxcEf_Xm*8y%&oQlSz%(HiucoH4-|GV28C!A%ae) zx3;z-E(i#s(P&^(Q&USzOE)(+EEb!Zn%ddfnVz2h_oj7pbhNd#5eNh#kq9CtCMGT} zE+HWS;iROblxvDj>OPft&8Z*N~;@4&zShr{7= zxjY_kXlRJf=L-aa;o;$tk&)5S(ed%|iHV8H$;sK-*}1tnp-?Ci0YqXkKrE3gNF)-e z6d+w(T$ITGGPxWeUs{qcFE6jG09F(VfMRtOu&Pul*VX`QDwS$|eI2eu;lQ4LINb-f(3-a8Bp&r`QjqB=}Qp0kcm%kJDf*00&#FLt}nZl4^9r#6(>Ojyl7RZcIzixxkNK58Ph z8jEYHds$gI-Ch%vneIlJr|+~7XYKmYZte!fqJ;COPupHr|8JbQGZU;Lj$`eD{#c3= zCKLT2O`uRz2(qe)hjr*z$Bli5_gA4WW4WJ)Y$+#g1>SgTM|$aMd=TMj#)}{1s|sv{ z8PCM!vH@e7GLJ{u#!D zBt3Vgx|7WB;8Mk6zk= zOuKzdq7z4e`Icc5Ww>_irjaVk^cVA_t37=$JJf~7Is$t~zs!f;k=^!}2u95+?MJK1 znA;RGx^8MQB)HaMo5S&9D&s6ucx6RWuorL3){{*Ltir9#Z>E|*_abN%V~Nyoje;n# zp)G@!W3ZAxL^22@TyvWlODXPBn0)1|qMdp5eSM<$5ufmsZW~GxHGo2X6TQdx+WC@x z?bt%i(AOU`TzF%l0lcq6TG-{Ta~`QRuAO1Q{QUW-3SuSyaC{DV2Bn+hPHrr`f$_>Y z&U(&0M)_cfnR()n8B60QE`WCvi4Q4t1E+ytiL-N R%is9F;ha64svJX;{sWCY`=E~sWbRLy>*n)_Te?*&+JuR`=b#h62iv4<67kEoUWQY-xhB>4qI1capo zL}Ud-`Ah z)~#E&ZQt?q>9c3gU%Yzt`V$Czfq<`I@Z;yNrPFgk0e;BS#W6%;YH~sYqgkD%X|!}` zVV)S9$bsbxC11RI@Ir9S+B1zRXLOQYB(t;DsX6r+6pCePi(6Y1m^Qg@4nuW@o zwS^K-mmWHBKqawLQ&_9(@J_2cH*8<5Khb3BamUAE1KXn6jS5OPT6=2}A2F&ieMn$u zk}F-S!0)d9J|LF0?21Op)2SgFH--s4O=2r%Y@g}3eRpC;CMb1yy85}Sb4q9e0H3Gz A(EtDd diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png deleted file mode 100644 index 1995373df2b50a8d246ee896609347969d06d86c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1187 zcmeAS@N?(olHy`uVBq!ia0vp^xG=IYBz6adA6f?zI)1S6nc2m@IqTox(_F%6~#su98c2ND5U{SV{}1o{UQ0U?kG5(B0{ zCHJ*T-Yd1@pK2vP)JlG-mHy!u5aAaPTHx-sQ6IL)6RJ_nev9OS zSIY&jl@DGoAF@t9WTSl8X8FjS3gKH7BDO0;?NNx@s}QwMA$q@J%pt|tBZ`TqmEun* zC7e-8Jg1WPQZ?t9YTg^wf_JI~@70Pvs}+4wEB>KY3iRD?^|C+eWq(0IQT~7Xc3*Q~ z>PRaI@(X5QWMX6I;N;>L5Ec;?6PJ*bl9rK`lUGvKH!w1{a&!#{2@Q{kj!(|aDk?55 zE3c@jYiyb|XYPX4>o@K_aQwu{3l}e4zH;^YjhnY_-??}H{-eh)UcP8V$KT8AWxuzyJI5Iedh)5WFrRFI-(l7#c=mStzl zIMd&33Am{h={-?HcZtR#ozH*Se=mHVIIHsg*L&~RfB!t^`QGQX=M{xg{IA^XZaumo zI#}3=cZuZThumBZPmi|VXDE1k#*bHK8uOX`b^kU@n>pLMEp6_O;#=WIf2lHWwl&=| z@tS%0#PWcS^4WnGPv>R+ZJM;0spdf2%-?SW-T!w9J#K9NWO(nuqLOf}iFp!PC_pn(lt!{VR zof+*Xt8&ly&)NCEV1ej-v%_bKIn776PGoHkUTCcH+ zdn1wbbos*CpU1*pdaj;%(DSEeU1v`IPu`8MwkdWrefk)8=lk-hUM(4$YpWk*$~Ld| z+L9nBWgKwtdBNfSWq~CwJ5p+e8+WF!Tb?hyw&|*imSqZCUEiLJ)ydDQV-Me-yJPBx z){tZl`}GVF(SN?OGvqAaHo2_l_@ql*dDCy|K7ZuAC&vB{Yl|zhj^Bm$Q=r1e)78&q Iol`;+0AfoZEC2ui diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png deleted file mode 100644 index 3bd4dd1b93bd1ac566d575996666bd2a6a44b283..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 726 zcmV;{0xA88P)~)bKVUB|%A&3C)Y@N}=q7Bm%FZsEe99h@j}g zkBYjqZk@WQZnCB8>t>6lPJQ?8%ky+G7fW$lx<8zo!+C!H=XuT-Ll!E#NGe$#S_(91 zi*p=_#GnTQspVK;0w$IvJk>2=%ss$j>tk6a_@T>mMy15v@?ugqS(&b;1Tf?SM1X$@ znDhc8Q?&BM&z7Y)F3j|^(X0#_`bZumJlLf{+wC@JtIX*WneqbN&mf9n48D`08-0v# zy4Y$bh4lu#KIg^RBrq)`GnHbb z+(eBI8_QG5w+>H=6H~gsl1gs1lY;i*Wu=+wA9gU!b}~;@O$o3{?5Kbuj8&UamrFPR z81sQhjOhiw8c{J&?#OFmYsW|M4A!^1XTy`{ACnYY&7FZS2&fdaD2TsYevk8bt9v#w zan4CnG@cuSDK8-K@U#E`36sXwkKe+sTvakUO)K+(!0tde(Fy0t-Fr+;Tu@meaaI5TY6UG) zTyoF<{yF9!X?-OHJ_G=SQ-iZHNUl?_4P{Ck0f+*S)`OG!15P$RxejV5t^fc407*qo IM6N<$g2{qS=l}o! diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png deleted file mode 100644 index acc462c76e510300bf3c402fefda569227c6e792..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1318 zcmV+>1=;$EP)x_##XnSA%UZVJD2H&tJqJi4E;P$(V~!GC zMV8sJZ0V>Z%PcSo=ZX?EK*=2@ih}3C!STHNe4ghyypb3`?#J`qJ{vo3_kBH|@8|pd z{CG4P4=W}gkueq+V+4Fa_A6Nz*&rFndh`O0#tPV_H)B<-1u2@xaFxa%x+@b?2x2J# z)f1Sg07`ae36T0Ku$U})4G?F!_&>!u$zIc$F~euTF=k}YqU|n-hc*CjeGU9{6zI0$ zKXMELEuFx&13=b$z->jt@B?IT&d$Y6UW1J-L?|t?lNY3I#`0?5;4zF_XXwEy_5ca1 z7-pt^*FGu5OXPRJ9v>LuLBKjn6!9Tia#Cp`VhhAdkmPouz)<<%|9+|2l@u! zQGN5fbPnWmVaB>i1IL+>NWeY(gB-V_2(Rdm6F|}$1>6E*;xQ~BnXH$8Xk#tBu4XH6 zcc}!DdxTj1ClR>=&QI}5|7A&GK+8Ma|NBC85@0Gnx&=sS{umy`< zz+3C!cd@tQi>1VK#!!lYONGRPWPJ?$Q9V>6&bUg(OdENvrIGck#l!CU_`q<8l)K*& z4->3|tFTWRpgJ8nsX&{ZwJr}o;sW0B3sfnt4(Ar~)i-opL-gqcJ-{D)-UwAIv5cWb z8$+LFw{Q3gs#nTdxdPPaOuYg_&sz!66D6iMl~l$tE!sJxr$xQ+_bP6a?jZ1=Th$5d z90Cm7<(QpTh7KgtMrU`dWboUIA=dw;KImgz^6fDvzpu`9<4NGU?2aNAIQMvJ(#}R1 zTDPKmlY4HthAbk=*luxw?{85Lw0XM>9cgS^Ix>q(;L+J_1$;{5iy-c6_CGMUbn{C@ zf)?#zDWwsYs+VMsXSJFboLYSGyTks4<{C(f=e*t>3ZG_l@XXd+7x>;k{R7-jnQ+lM z30j<P2qx zeWgRkx!#asxi2DhV*;^^dF~e=he~rcJ+YI)Yku=Su=O0Uuv{J^L>XK2h~dWZHsk?v zs2t9sH0q>kQ2gSc_kd6K$TLCdUd}yR%~_l5%886V-m8V4{9Dz zJS@d=(DWIXyD`S@@uwS}h!sR>tgvh|aH4ziu!Bx{rosna0$y?M!=RApnY7+iPmJ@X z@OEj_x81KVa5V7(oITg?22S-(tPt9DNFHR$J)qbhZEQDlSwVKaCkLljlZ6LrlW*0% zXf3COF7Sc|I_cT(%gu!K?C79&2T(_~&Dt;Nu)T6|z^*shYj1gU>%9u_RE-zJ2P2pl z2u>=A*X8{4hQ7er8Qz7wv*u76$_DdNSiCF6G|H!F8+gaXKahbduo c-9*FSU#JXbG1`4qHvj+t07*qoM6N<$f`Pbr)&Kwi diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png deleted file mode 100644 index df9d144a387e29e617064ba47502309517185f16..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 712 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 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png deleted file mode 100644 index b76e980fc46225ed6008d0338a09ba505f6fadd5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1077 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 QzyJUM07*qoM6N<$f@!CP*#H0l diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png deleted file mode 100644 index 2b8cec328fa3e1c058d11110e6ffd1313666bca9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1662 zcmV-^27&pBP)Nklv7ju#JQOv0(x0WRV33 z79b%OAlUGRC<4TSfKWgzP+&sF<9T>&kKNtwhu!Y(dv8@1b=&k9zcORT{-s)Ucipb9 zPMk@DccnWv|m;*+D0H_0Nz<+@^fIk6$2GSGYI8+As9Pn4b^$!v4a=E?oLVC38c6X#152ZnY*y8mBP{cqVMiK&!VSX;g8(lk-P zD)3q0562DtB=9Owit+_YvsW1y7zV&vy92uya6fqeNRyc5dy7=cD*zVw8u0R7&+3N& z{t(^@lcQskTzu^P zI~<34@L`x^aClVJs%y?U_bl)?V4*kfs6PEM;I}~WLg^9{lci$^-Yu;)&3cua3vU9f z<70jWj%Mkn*#Ulx@$)AS3}CGz$`?t~gjTCr1crd$z~PpD2KY6Qzc6!|@rn1nC%`@V z(CGNjn{T)@iBsTl;O0S=evS;dbPB*di3mz5wb`r*-ZOqD`^S`41aMDU3zhOJKsU(V`y}uaP-gDp<17IKC?yzU0LBFP9uQ1T&oDGJN}8qwfq5W(JS$QNKwjh1 zvFBQ?ri=0eO6vd}Xtd~4332;LL|D6j7i(=>12=%CbMEOzy-dC^pn|}lwMOf+1Fp5O zx_ld;tno$Vzk!-_?wNY6LZKf#IDK#tq1)+DUS9_Imj;q-TnDP)o~_p^L{U)%L5PS( zw8o~E(>j|bFw{26G#XWaS9@`~2mTgN2KVtsy-JiXs=$P3IX#PuXp~m0tuE1Nw*X%0 zzg!Z0Mf?_U--B0nz(oWd1n()hQVJ6q;%=Aar5iZswt*LSU*l;8{x-fJajj9Wkc$e+ zm=Gx-Zg#!{AjO)sRw=oxCcDnY*fibd1Xv40}rsyagt7M zj6sPIce*Uyc^hj}2fPR@?3YjXz!!kKz$coGDq$|KOz6P_9pG$wBK9_+K}3_pF>Cji zXf`*%=l0(MItLX2DbNKLfm^`52ai+`M&9Bk02J<+{9HsZCPYLL$1$6mbyn`(boh$= z^S~Xz9abauz;6LJJ@|&?!id1+{NdCZ5ek(5Sykb1)>GflI1P|B9hg3f`~%2Mr(f_ zg3zD?L5bijBymiVCTwqSa(nT*i@O~K{0jIAP{oI2-VJm=_!97UV7|502wSZt`N9B7 ziN7@gg+hrRBC@lYolS_sIdC>5Nm7y|!CFgYeVOH@1#Frs;D^AMGYfC`gFHaV-Mki4SY9NP)53<)P8#WugjIzrCZm^%;0RvpOuxlwXNB{r;07*qo IM6N<$f~ctlumAu6 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png deleted file mode 100644 index 1f51b5a57f3d5e18496e1d7221acd697dc916837..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 770 zcmV+d1O5DoP)xP>apyDxCt~j8YyIs@n=j={nE$Eu^$YIc;PJH({LjEoC!ffP znA>^Y-`=>im51;@=|`GP8+L#HbuWZ)Ww8P$V!qAu{`PQm<;-vZV;yx>&~>w4<_1p0 ze3#|<*pnwa(Gi@hW=YV)VanwEr;(g!w*PEt(KFe}vT|)5wnJe(VqbT;r2B;u@?|pcs zX{u3{WzM?vnM_obsw!ye`iFTJ)e!FoA6{#ldU#w(ID?4@YLxMxf0W+OK41I~Dv0;I z@2)q^WSI7H=aLlfSMMqj!CFUEKA|l3A49x(a#U2nPVn8UZ95qzY3^K-5aaSWv?x`@ zSV!ATc=T|$4#9s2{J3lu%}uViO}&vMsk1J@*!j_UrySl`jbfceL}{Cn@uLTI7yK<^ z{0!($o2C_TFUD}Wu8NmM)rlHZ6>A;VT8y=*Dlta7uA?rWFdpyKzVo+;;bWkLr!Sm! z;D(5P>Rgg$dB5+H6r+dt^4>F@wM^=w>}Inv#_$R7HE{40?!S})o4`#Gvm^4)$`sW- z5xEPz4~&4`$>dd5=KNgmD3XP|2uy(q&@4;*8>7)x*@RhFNdN!<07*qoM6N<$f_ch* AI{*Lx diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png deleted file mode 100644 index 2aa8edd90949073fdc6abc1868c9f2c5cc01e1c7..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1369 zcmV-f1*ZCmP)!@~jOZECUTt#>7j0(cOvKlQ_C=^vPnKbg3!0VtmP1y?g(8v~6 zO3Dj*yGrh4{Bw4!T5DoP(!;Tlzk3?O8{k_rvYy`^lRT|Dz0;66rJ~N(p73*i*K~sN z#bU*b`epFUB!zDRKeO@GVp(6<$nGb(AMB)&cif2Uz>NAUlMucY{K^K)6>Bv8*BaHs z$g@p9TvM4$)`(xY9^u=JFk_I7^CFXw{eRfRi&f&Bp|X7x;oHIQ6t2~62%mv4M|X2- zFx(g_GTJ|a@?nJU1b@WB&L|wh_U6>#OcqO{#rf7jh3^7?&O(^P;j+a|X(+pDcrD?3 zz+YO}a`beufv`O|R!kn3(SBn;;q8%d-5o8sAR5es2=cOXGS%jG6TTPxP2sxb>IKIh z2hqmN;KE$SmM^2dy{9l^nDNV=`r*dR;f#y)%j3f5rD)M3%vfSC{cwFQaJ{aP{=^91 zXM|aO&6_Zxk4S$*;rmUI-gF|>ADq=8;RWk+1)Vb4tddPGE`CZUYxrOtsqK{N0QSxc z`g22wkcA4U35f5e{ z&TH|SHfB7TN|{Ai->vpA;!lmlt5z(I9&@TVWy~_uChVYuKpHNVs%Dfw5WmEJ;!hg! zlei~rI&Cz9k`dyrw}zPSP7N-;5S3-qj#N6MHh6LMnypCe(UT{Pu>9LB{=2pl}PFr*P2OzoO2`~UmL2tw(kRQ{^Y5k|;`Yu}nM}@v#XFKQQb##PFyfDx zGIqI8QuT(9a0wy1rn5`H(Q3yX;7ss+2kFbvX^a~bY6+H_m>vDy&Ora)L?_r*xnhrx z@I^UIUAUeD8zat>(%<5J4wsf!RTZ~rS^!v$0779LvkV0{4jGOpJ7>N}*;VA>Oq|xt2J*D*&V@-H zLS{e>w7^T|^ogUC&o8RgVimXj_7$<6paf)+qP|k2>SW?K^O`O3P6Ukva+6@9+07)YO2CBS(%LJa`bO5l9|7bZFVK zWvf@OUb1A#;>C-BmPzuNevVjhM{`~oi7cXAEeEI(U`wt&JeEj(F)2C10 zzJ2@t{rk_KKY#!J{pZi0zkmP!`}YqRL{F+Cl7K!BEeY}qW?*DuW?^OL;N<1w7Z4N^ z6Bn0|mJJFEkB&)9OiItr?w>V#>4uFPw`|?Ib=&qGyZ7wfyKn!q=RliYy?*`X?dQ*5 zfdFU^(54?C0JQAquitEz#ZQ42Jn?jK4AD5BoY25%=Ba!70fVuqVHlf;LgHJ&$y4Uc z5qX@a)TMG}(UWNtcvv~tarqb&hWWljTSko8+_ zF>`q#8(Z4e11db79HDGsa~Gue2xK2z@UGp}#`55N$MeRVyIU4)lop#Q!Oh0zsC?ap zr?Y@}LGjOxFE&nQs|>hsK+;$3)EwbArH;xWwjcR|E*uatDe-j>Di2C&XVss-DcQuw z=91$?c0t8EMcck5ZtUzdTv+zZDCUIW2}Py#`NBd;OSQGnoNHi`u&iKhXbP0l+XkKAQf>7 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png deleted file mode 100644 index 034b5ade88449858c9828021dc1f2134daa79994..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1398 zcmZux3p7-D7$3$fqL45rVr-r}yX-mSl{|~u7>`4f6{2L?N==AJHbW|UIcejpc4k|z z!g!6EX*~wxb;C3?Den`Jt;4qNG0=@_|dyBzH1`~hwae;Iz3JMBP-qzLzq^qlItM$L6y1E+bjg5_f zY&QEpnxLQ{sHmu@fDDJj;qiDQBcs~dS`LTf=jT^fS4Sd|Ktm>zDHIB%QBhI#_4Oc# zkB8Kz($YWxgTR5HJR>6mtz3Lur0l}siRB`}M&UT+4A#e&Pi+EHU~HUk8( zWI(i7Q&WSEY}Mg*Xayyx02MSVoBQ(R%l!QO!oq?`BwActTv}QZi^a>! z%PT7@tE;PPYinP>eqCQ*_bG~vf%hQ$ikG`LMnV#cm6Dd0k&%_#Ca~QhXe3Y7`iz-_-JUR)k-_5N@&Ooc$mKBVARgp>|mKON=jHP zg@y|Z1?){>rFTYjUec|+TatB2X2CV0HDg(P`lV>rs4hV-Q_GG*z%twSe$;;d`}Rox zxE>iDW{K(E>&>i`hyPI36HkTdF@>*>_Tl3%9^_dF4T(MVi3R;SF}uSxDVjMrtK(J~ zk^Ihj|D{@-ElJ=~tKXaW$ULTuk=m0Lr{48~vvMLe*WP=Eo*ZdDKu%b`xQwk5*h?!B zv#Jh9F#epp>&Yh{GA4gGt|;mZEc5nk)m`fApL9n?Y^hmJ#xAzvhJz_tPLvP>W#kxT z^^7Vm;^EnoPwDB1@bfP;=`ky9i(DP*g_>slc;Z>TldlBXpSYpDXRe9wAVRAmViLRS zZ|e_9*4g;m_n878gB0KNo6g@I$vRI~OPSZa)8vuSZ31)vano`{oWs*-zNL&A*IoHk z!928)F^(Woz9y#8ex=6m;Gl$w0Z+Jt8 zfRtx4^gZm9NF2laIs`ZF{_cSmN3XlCQ`@{8v3W|ONzR~N1t6^h`#^q1l( z2R{f=5#_v*t!`6DJ;!ai>|?-tA97=IzqLiwY6R&q;lW_&_w2BK2Vb{JrSxe6@!7$| X$~b?roXM+=zn+_myK|9a&~N_&DMR&X diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png deleted file mode 100644 index df9d144a387e29e617064ba47502309517185f16..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 712 zcmV;(0yq7MP)?U?JG06husC zDWXLJAqWYx^SSe}`{r6`gk(uJt2yO+oOAAd=iMuCG?;C-cZGB;B3Lsmv&hp$!?r%xWw}1acD>*^Np;N+ zPB=nLjA#s!BwR0O5z7|<#GVe^uK!F*bu$R&95F@Z`=OM9qR36tu)h2?=y<^sMRLWT zopXo|ie?Hhn{{1{k@3G8q)Avn@XI{k{yA15~)K!5r>1R#T zeAT+Tlx5lW?)_2LCAn^ISqSlfA?6L!td&$I03MBo!@3??LSUl--_7Fi9e_R0I@Lbz ucDtuWObf)#JOFM4ZE1c`3}Ukb`vT90000NIqr;rek%g4vZ%PY*o14M${0s?$|!o0jfyu5-uJOVrd0^Iz< z{QN*=LVSFJKtV7P;N=A&9)2MN;u8ca03)CY5CuZKAO(Uz1QrqGVb)(lScYKvEWnRHWrp zWMqLzRYqP_R!&t`UQG^!)a4Y^P#6_s_ARdke9 zbyd{#RMhlU)eUO)7P10kJ+~ytFPMRmiJ6t1gOiIJ=nV-;8ATNhO&tSsOB;Jf7gsk= zA74NJz~GS3@QBE$*to=$)bxzpvhu3>_Rg-J-u?;GX3w3!Xw#NG`wkpAcKZ6Q+YcT+ zdH(X%>o@P-fBf|M%hzw;fBgLQ`_JEhP~gmPRTY@>E_u2*hDb>E9_)1PW|U!jVE$cj z=hGFMr+nYdS$fCa#Yg$=wypPSJ&RoXT-0=DKbe(UyMO;>wN2aJSIK2WhJ=>CTQ&I` zxB9pBv-q5ix6S)HF=W@ScWs_#aym`>PO)v;U2meAnU(aR)9L!f$_rr;{@-e*>#Q`- z&57aGJ*~I-_v|Mgdl%&Ee_Fd`bNJMn`As%0F-Q5nbuV*~{+_rhiT!?8pS)wdCyf+^Mpou zVT8}u4I-Il>Wh=!F|TF}*(E8=J;{bMr|7qRmuS`w#@V)wJ0dPWJW#q%tlMhuji=l- zqS;n?OriU%=O5(?-N};BZf>9?rc%k3d3$f;jv3vb42-r_G8Gzr?Rov-xLCivo?6J# zN;9>blHbWmI)|eE1V2pk=~?mi-qIOc?j2nr@giAv)0Ev7I=kE|lNC4JoFgM7o2(d? zu0Jk2@&%XLfeI5(S3j3^P69o|c{ibrp-6jaXuv|YlzxChQ3|Ek5Kmqd#FLkT2f>?P zK=9_NrpZo11FhKZCfVKWX4~xSzMfk8&nC3_U1#3s8D{345f~v`TU%KodPGEP%)FeY z>1`ndgb*EO{=v+fdwYA|DwT>pUn_>eYqi?LOeXW*FpT`v)Kp<&Vgf`2W`@=pQ53P~ zd4blt3t+umE`J|o(O_nwlzQ82Hp4Isd02uV;6|en*6Z~bqryM8TCG59JrsVNIF5N| zXD3ifZCnYrEbCLN)e4d%85w?B(r7e7rBvlofl}(jb>YY9^?Iz7sx!05oP)n3q9>(N zDKDiQ>8vhGHk*a-``LE8{p&=alzKx%>vMB+`AjBrRsBd|=4=#2Is*WfWxXb%r=?P9 zEN}pjQVQSqr=?|CFNx^cIN<<5L;x@?0X!}g3b}E@0YFNLG)=P-z^d!IcDLKT(B?OZ z)*3goHSlNaVNGy45L9LEW?)>USHV49|VJU;YCV`iz8 zT9Z<~V&>UgE;ld?BMX4zIF1hw4|76@R+^^IP1F1;ggCRULj|W(tyb?4(K0j70$?G; h9{@j1)7<@E%|Fo;7#Ym`xIzE`002ovPDHLkV1j(JMvMRe diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png deleted file mode 100644 index c32b58b7998a2e98ef075ad25e315879458dd85c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1084 zcmeAS@N?(olHy`uVBq!ia0vp^x~A3uBc?Bd0XK=#9j4{zSQ31nQmb`2CWB^GZ8z>GT;Zi_x zpdcC-q6{JhXG6FU5@IZn4FNzkKn9S6FyMk{T(~Yc1E>$mSee*XIX2W0oZe@(g$=D@^r%+tj&L_)InAiJ{= zqXgT7>)$ryq(^rvoo;)(cIvivUv2MADKhN)crIRXdJ@4_`2Fu=h0_9kyQ}49+`M%8 z|C6=T51)S*duy}Mw6IcpzDYfPK1U)xzKW8bWo_r7_KYiar9s!N?Hsk+%?`x8X0ZGl zoHZplao;_DW9vAhjS8iw?yrn-SbSIBGTUQuO~>`X^>+_XnW5EIDR_Eo^^8esT?-d* zZ~fM1r0e_i=Q`2d6}?WzUjbVeux_?M>z$t^;q=!(=o*+Ff`WzWGthLB}~9D=Z7uo*k?{*XdlyYU{XF z;oK2B=5$e0eLsnb;tYP;S#dz+j9Px0S#fVtE0{y?GMcJyORHe1pTo1la^pgG_iIUk z)8o%}Z8drSKz{rD$c>BowQp~HvZ7ydOxrG4{M^tT^yx$RuEO~v%f7Ylot=AEMHZ6{X# zT%;Jff0MDIR=N4Ym0zFF+oWV?IkRJu%*)$s+1BUzZN5*e`TSy8Hm^+Nc0t}c=7keV WPp`Tf`vaJm7(8A5T-G@yGywoYuA#XA diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above.png deleted file mode 100644 index f0581de82ac2ca1ac22179f82e8801e9f9922fc7..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 748 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 F1OSQH0&)NV diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png deleted file mode 100644 index 098f671bdd02c7f8301c9fec620a9897183eaa49..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1163 zcmeAS@N?(olHy`uVBq!ia0vp^xs0;MF8!}r^VYCaH9%6M{J(nne>ETp6ah+AK)D)VWgwHw zLCSz?KnTKxuz}(*K?noN1uKTKVJe|kK)L@wMgf(9tN^h=wjlMV$xpSCUqCLufC#^UD8HZ>zo58)kc5Dcq=2xLfUvZHn6jX_ilDfvpoE&Bl#Y<3 zmXNHGu)L|TyqU0qxrm0hh^DWohL@Orw3tDxm|?uQVS>1Evbb@oglVRvZIz^5t(1M8 zlzqLFL!*>qle9yNv}22m_iP!T*|NTKWqs$#`p%aNUM&~ARz7freDHetkahAQ8|A|` z%SY~12;Zs@v0WizheG5og{Zv>QTr64_bbL8QA{|cn0Q(#?wC^iaizp_D!H#zbDpZ^ zJ_q_pwcwpo@J*f9%A` za~CdNx_a&UjhnY_-??}H{)0!4AHR6{?!)IVU%!6;@$>hezyCnskkt#IWsH|RT^vI! zPEVcsQh7?C$T9xjMI9{~Q-iLo2-xD$o2ce3xN4(MvvFF+#;_K#DJ`4QR&Ly?Vfy~F z`!A=qo$p`o+kbvP|MPjp=ZiaPIBbgajMs~ZmT%UZ*Qb#CZJ8MJf%)^b>ltsXm*Ed7 zFJFFZfzG#bo7A-M?C%fw50r%X_H91&ap6?+mG8eWymWN3+$dzcPtVwRf7G$wzf6`Z z-`$s1|9$ZjZ|lXnPn^3KPj)rwd+2w?%<|Z?w@HRy=NDG5&NFzdyZWJ&<3q=IYt~}F zu*b`@%0DliJ~4`1(No?T-F6oz*heKJeaNwI%!Z9RtSGRreo1csMs>hEtw| zpy1qtyJd6p{xB752nMoQML5lG$&?qI`C&%tm&_T?ou}$Hi}a@z8n>+4w|R+Od$v_> z?bI0`T#jq&Kit{Jr}lVn-^(LOamSyWTx2u(e`tx=VXL|~^FG}w`=>>X+a{P1k|x=jE8?8 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png deleted file mode 100644 index 1108f4866de4a55f0eabb0cedd5a3cb201390da5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 732 zcmV<20wev2P)#vQ7;P8 zK*+Kpx+tQn(pg@VXo&hZ@MLh(lXeD&j3BBot==dM&^h z;9LZT96-OFmPcop*W<^fv0JP+IzbC@c|qLPD9CoFlBo+bq;EFz9k|>J-X)+%%i+S? z78Z~^kk>?at@lLU#Z%N-@)DiyAl}qWFHAO)Zwf!yKoupeTZ6B~A0Vpjl8~5eB+tJl z&JIm(9Ud+@(@lc8nO<&`a7#(BW*eb4r%S)NROGvW_8O=T@1;^o#nW&Jr&9*2%L|!i z`}lQ9M=evC(@};!c(x|t0wOCir|lHKE@`WVDt8|pBO?Y(Hj;C`087+sV>AXK59Opm%uC5gT|Q1ozq} zd>_YqPM+eOA7;4)*YCc^c3R#kd?g5+zaP5!*RC?FF!gE%0FaznrOj^&I_-{~6H65am-{^TQ1rJ4+ zrpu|H?>u^4N1J(ev?9TneIq-SsV#*}Qok-ce-$I+CJU`z30^pH)m`H-ZA^<7?abf!ifFFQ&b&wPs0R8|>uX3)BMZebo O0000J`;Tg$IUi`uL0 z-=`h$Rx5BoD_{U0GLJCrpg~lk6*PoBIiel(4)NGiV@O90(HU^T6KEVV+?gpf4i`F$ zJU(Owe`XdRI*&}a4doynf0jd_E$M{wgoU(aq!7YZ3E`{ggrB6)kS_G=q~J>mDZ-R+`>8E~E==h}eD<&-3iP5tKN<|8VP^~&#sVo8 zjN-sJ4onlk{5)7DuaDD>{0s{|!2-mX#0wB(aUS+02{G$but^1S8rWV02L@0W;Fu1s zSHa^3c;|voF8Jm{;7tfBfRhDqx)8#PAfg!JN+97Lq&|T3a`>$RGAbae3bL!+( z-0$T4(?K^6Z$JNlz+Zwx&eFo@^oXeFnD}3l(k?R6uVi1#$tx)QtE9B_!Ncw@N z=GT1#gG2Af$Hylpr>5C6b8`y|3mnek($ezE%Iex0m&fDt1>dfZrAM>S=ju!$Tf3^L zrq_sjFhW%@LyuZlS_`t=mibhvv<&&OBYrd0Wy=FtYTl$%ZSgYO&o5~z-vHYa({@Th zdtk85?fv7*87@1Dd9-vgKbdjkLet-ur}_%@Q}sH76|^T$oOo1fPi~n_jumn&mY^Iu4L`$!-AQ0(Ov^4=6(rq#ah46l@P zeI^fAsT+59)CC9O#!eSK#v7*S%f?6Mko#q2f@+$E4Udg7Umn4Ycg<&v?G^7)|Jk?0 zULoYr_I}2PAxn3vC4)=e>e()CHfl~{RY%uAsq6vfY-nVtRg?tA+Pu?rL>O5p+|Dg+3jD5=~-PwIJLuD}5`UPW7dGDRynLFCEgmH-|Nq;8LuLPX8)}#PH z#O9Xp*cx-ED&}_q3F;V@elCXRnEj_I$H}JM=pf} z02cy&5IRbArya*zSE?P|gabgBBtLP+Zl<%fkaIpZH!30q-;bnH&G%Be-znAJA2Xo9 ziykG(>}yB5pA7$CLh$`icB)x-qK#@TV#3l0t6yU8qF4Fngz#gp{< zM+N}96a*{LXVZ607{lz?YRH+m98abTcy=Lb@C%}Gc4VXxYM zg|Rjj;^^>QF~*UmYvJ3SH-E;HbYQTMBY8WT31{%!K*Hj8#t4P6=8GECRiW#;+F@jV zWB|Qb^!=BE*M%;t{4HntOqOL^TuMJC!bQ&u#8Kf*Q<}2O<_!95p66Qtz_ez!+pe`* z>m$M2rZi7i^7#@v@-es-zk8y&WEPRORen> zbv=JNHuF&cqA2=`3HKoOSePyk^RuuC)0G5VmX@vbWJ;623GHccVkRkR)ka?12 e+19did-V| z0bV`<9zG!+h~fMKydWgR3sk@dR4E7~p$KF(SPN7HqyVA}Bn}k>nFeFS1wjm;Q9KCk zSk-`>$_I2Oh!o}*03s27L16&_5r{=Vafk@NAW&QsC@vrgMB*}HV$x#bvSJdl;y@%RFCnQQAtf&Bn>2Gfk;JK zPDMr*h*V|dRb}N=WaU(4<<;cm)#Vh_7+*zkU1u`k$Y1wl-}@yyPu0dxH2ywSW^vBNb?NgS-F8;pDQxI$8f|#S*PsS zwXL2d>~QUp5@u$+cFuj(NAa8LZTBu%@@szE?Cir5xtqax*{?jlj+xu{M0M1EGf;ST zZ{s?SX1D7x(i3EMz0f))f3!x+^6Q0M=SzNN-g%1q(=~S!LSB<2uAKDVQRKen=Mt^i1!0$ucI|t8%I$&0{%+R2tMY9dis~lZQCgL+ zE0j~CWa%36UP|Subx3ScN5;KSiIN6KL-B9bULUXXER7U5POO@ie8O>`fbiWC{e$(w z`o>yqRWG(FhH6SbN?OppE{P}n*s>idqA9V0m!7;$b`CLmDO)0@s%~ ztvOy<71}GjyYk;Yx#)Q!&#Cp0^m!+H70>@d6&`UB=1gtN-j+_d@^0(h{5+M)s?QNK sq&DyP(=vC-?oS`4&D^j|LEf#7Sy2AbbJf-b383=E)78&qol`;+02ljQAsq6vfY-nVtRg?tA+Pu?rL>O5p+|Dg+3jD5=~-PwIJLuD}5`UPW7dGDRynLFCEgmH-|Nq;8LuLPX8)}#PH z#O9Xp*cx-ED&}_q3F;V@elCXRnEj_I$H}JM=pf} z02cy&5IRbArya*zSE?P|gabgBBtLP+Zl<%fkaIpZH!30q-;bnH&G%Be-znAJA2Xo9 ziykG(>}yB5pA7$CLh$`icB)x-qK#@TV#3l0t6yU8qF4Fngz#gp{< zM+N}96a*{LXVZ607{lz?YRH+m98abTcy=Lb@C%}Gc4VXxYM zg|Rjj;^^>QF~*UmYvJ3SH-E;HbYQTMBY8WT31{%!K*Hj8#t4P6=8GECRiW#;+F@jV zWB|Qb^!=BE*M%;t{4HntOqOL^TuMJC!bQ&u#8Kf*Q<}2O<_!95p66Qtz_ez!+pe`* z>m$M2rZi7i^7#@v@-es-zk8y&WEPRORen> zbv=JNHuF&cqA2=`3HKoOSePyk^RuuC)0G5VmX@vbWJ;623GHccVkRkR)ka?12 e+19did-V| z0bV`<9zG!+h~fMKydWgR3sk@dR4E7~p$KF(SPN7HqyVA}Bn}k>nFeFS1wjm;Q9KCk zSk-`>$_I2Oh!o}*03s27L16&_5r{=Vafk@NAW&QsC@vrgMB*}HV$x#bvSJdl;y@%RFCnQQAtf&Bn>2Gfk;JK zPDMr*h*V|dRb}N=WaU(4<<;cm)#Vh_7+*zkU1u`k$Y1wl-}@yyPu0dxH2ywSW^vBNb?NgS-F8;pDQxI$8f|#S*PsS zwXL2d>~QUp5@u$+cFuj(NAa8LZTBu%@@szE?Cir5xtqax*{?jlj+xu{M0M1EGf;ST zZ{s?SX1D7x(i3EMz0f))f3!x+^6Q0M=SzNN-g%1q(=~S!LSB<2uAKDVQRKen=Mt^i1!0$ucI|t8%I$&0{%+R2tMY9dis~lZQCgL+ zE0j~CWa%36UP|Subx3ScN5;KSiIN6KL-B9bULUXXER7U5POO@ie8O>`fbiWC{e$(w z`o>yqRWG(FhH6SbN?OppE{P}n*s>idqA9V0m!7;$b`CLmDO)0@s%~ ztvOy<71}GjyYk;Yx#)Q!&#Cp0^m!+H70>@d6&`UB=1gtN-j+_d@^0(h{5+M)s?QNK sq&DyP(=vC-?oS`4&D^j|LEf#7Sy2AbbJf-b383=E)78&qol`;+02ljQQQ9ynW~Hy+==;J%91?GNlZO<%tO!FRBA zzks%Z?9$Ly{{Xb-rl*Tzh=gSB!A>QnKnB(ezu&Z+nlyLGiGAElH~K`L&eQNui~Ih+ zzR~lT&N)Zt?3}{)5A8OaTx07$n7cM;^OfhnKfW`FN$Z;AEB~CcG5+!{&-PFc?mrS5 zvq}P6Ss7>FnD8ZF`sWS2nO_2b$?RLI{Ux|c=zw1@uLK|+N^hVF~_VbX=2t+-a2r?I<5+VXr3}hgaaFq}STo%Xx+K9}B=z@zwWPw~{09S)7h|I>S3$6et z3k-p~ckkZ2cMm9t%moJHg9i_Q0r=?Aqo+@w0>kt9^XD&Kymb27+0TJcng5hmRl0!7tFxO#LUXU$;B-wEG8)>EvulerLCiHW@+u<vItw5=mU*Q=SbXPI(m9l?14GI zIi`Dr@t%2eB&trNZXW~xX1?>?SMFM*&W(xC|Ir`+R-^9PbLsp;yM+C&y%)0Ya<)i} z{I*%~z7FpzBbm*K;Ww(JZ_Ut7KAU$l$kWAyMZUWrVpV5GmH7dkZ{MO8U9A;+9d)nH zf0A#&XG^in*e`d@H+`9y#&Z4b#PV4kZH4+B(w!@q^9=tqcD$H-A};RqZC)3bDH+>- zu@=O>i1>Oyb&KJ_O)9hFQ!YDyeR$@>q4HAA8kZ)IRvC;6JC{ z!*i7^XUy#`?t5>%>kPxUH|_0a3=;pREcvfr8FtSwiD`qW;fJ55om1zm`1wL#e|fFVdQ&MBb@0EP0dxc~qF diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png deleted file mode 100644 index acac5e95a733eb3bfb9f19eebbb7b158d923edc2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 696 zcmeAS@N?(olHy`uVBq!ia0vp^5QQ9ynW~Hy+==;J%91?GNlZO<%tO!FRBA zzks%Z?9$Ly{{Xb-rl*Tzh=gSB!A>QnKnB(ezu&Z+nlyLGiGAElH~K`L&eQNui~Ih+ zzR~lT&N)Zt?3}{)5A8OaTx07$n7cM;^OfhnKfW`FN$Z;AEB~CcG5+!{&-PFc?mrS5 zvq}P6Ss7>FnD8ZF`sWS2nO_2b$?RLI{Ux|c=zw1@uLK|+N^hVF~_VbX=2t+-a2r?I<5+VXr3}hgaaFq}STo%Xx+K9}B=z@zwWPw~{09S)7h|I>S3$6et z3k-p~ckkZ2cMm9t%moJHg9i_Q0r=?Aqo+@w0>kt9^XD&Kymb27+0TJcng5hmRl0!7tFxO#LUXU$;B-wEG8)>EvulerLCiHW@+u<vItw5=mU*Q=SbXPI(m9l?14GI zIi`Dr@t%2eB&trNZXW~xX1?>?SMFM*&W(xC|Ir`+R-^9PbLsp;yM+C&y%)0Ya<)i} z{I*%~z7FpzBbm*K;Ww(JZ_Ut7KAU$l$kWAyMZUWrVpV5GmH7dkZ{MO8U9A;+9d)nH zf0A#&XG^in*e`d@H+`9y#&Z4b#PV4kZH4+B(w!@q^9=tqcD$H-A};RqZC)3bDH+>- zu@=O>i1>Oyb&KJ_O)9hFQ!YDyeR$@>q4HAA8kZ)IRvC;6JC{ z!*i7^XUy#`?t5>%>kPxUH|_0a3=;pREcvfr8FtSwiD`qW;fJ55om1zm`1wL#e|fFVdQ&MBb@0EP0dxc~qF diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png deleted file mode 100644 index aa2abad2f079401e6b78e21d1c2b0ad47726463b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 800 zcmV+*1K<3KP)_~*hvD3EO?yfEtj)TYK$AlwYwbXsgpr4YFx*LCBTqnV+Ki&?)`&gko3}` zC_VzdTvk9tS|<+oRFSbnK9r!d-vMI!Jz-MbMAE@Tg;Q==bIYXoz|1jM_?`_Kj{qEXgwEI zxd3EjK zN5jkBq?5`!cSq@z{2gE)rat&)oDPQlUYEcs(^0eBtuY2{7~ryu-OinKksPK@9((V* zNpkpFqw$cnVF~62+*uG20z0d`JxWK(Z_c@Q=gDUR0B!K=NBzUCTCHhATS9~Br`hy0 z#vmey2-aFegvof!Zl^sOr^&C*x$Q;rd4b$}|4UK0E8Y7CTeeiOHn4~assTX|pc)_| zU_8z_`u#3@ojb#9GXAzG+y}tHX`L=wpboqtBA^u{fj|sxLJP%BO e^f)fO*M9>JpK`@`SnGoT00002M;1l8s#_XJun&W9MLF=VWK+UoOKQVNpNijvYw zQZhiKEG?rX4J2h%q~+9PWL0EjRb}LWNKF=q z&9!tav~+>UQcKTL8-%R1^?}G*N6%76&q_xhh^%!CtabIRbb+LSjjo}Mo}slKh_ux+ zve5@2TYV!tePdgFV<2g7U}R@t3`F(@CP3t12t=m#hNccirjDkTF1}Nkg@6ItP!i-9 z%)rRR3=Cp+4o)s^9$r3vL17V5F>wh=DQOv5IRzC}O)VW$Gjj_|D?0~ACl^o;%Rwrl^f6DLn!xP9;8 zlNYbvynFxg)8{W=zkUDl>-V3(|6t&J>rHK7CVTAZ;uvDl+k5q=wMe1Nfsgr`Ax~n0 zOI}`4ooiJhD7&llRhVW_;>}nQ`RG8cySwybwOp-A}iR6M(B%W1uv8?9gEzp(b+ zr2alWZQji5pDXvBpTn{BMAC~l4<_UaY)-A6;P0Pex4m*pm|sZrwWn zy!l7UId;}&?fObn*@VU0HQz{b?KVDb7^3yGXsOWqJ+`bH?i|$kCVt3LbMcgLk6EiG z7@v7va^p!J3%k>y;HgetuT_Ho+VCba^As?sh^|W6;%IbLwBy5t!*NY5PJa*n|KWSX z(uLhRuk|@svY7hOn&S_qRSC|SEQUv*lbZBg)(+=Eh9_HtC#!#UUESX$f0Q#_=vs#1owTUq{Eu50B^Gy1Sh&WZegA4nzTd?X zrQLVFy2j?nJ?~_xi|Sc3%`q)hH*?jbs;k>$CLXwc)a&=0Ez*3y?Tt;<4AzECv{X8{ zMXhH-tU=6@E2UEc*Q`{2-^mg@+i=qhdDV0JSFcQ$N|KCrPwQq0j?wwQKdWrtgdctD z(pP^yR@{DK_oEvpbq%x5b2n{a@;bQ5w8VI+mSkA4+dYrIj~5UA*tBC^!;$nS{Gz8f zZRM(5x@Og~d8yK?G(ItXP=A@&k`pt%;YE<3XSiWbGH+>6S52{q(lP0TmK@Ig8Xl*$ z4ryyFU7A|L8Rva4QZVPk1IgbV<%(=;nLI2ffB!gnTljUqj>O+{&Cq5>(e}6Rhf< z^@jNTJ*qNRGdK3W-ng;+k)WQ9`|fjM$Iks{{lB|r*M=D{e}c*~Pgg&ebxsLQ0LVV+ Ad;kCd diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png deleted file mode 100644 index 90b3003a4c32c2d1d831532740ec626b9488c0dc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 793 zcmV+!1LpjRP)HKM5Gdt zN>%rqbKe7-K>V0*AAu}*cSBV_?{s^;)s^$-(zJ(*VnkqC*W~$_!@uv3^I}|B2p<7A zPn$qh^;74ft&5khq)C!u24;qtwZS4YLRseQY~PtQ&Gd^9!iT{0#00APSsW)@gZ1Z9 zL>`JhwlWdG*ctwr<=NyXv*tCRJ|3sD=NryNTZ8qhsliflIC2J;2hXNyum6&W`h@s$>NDOaONAFfRk*wJSDxkLTh=tM&O1@yMyHde-X{2+2p~k2ted?lXDtGKBg=)LYNBRBM~{A*7eisqW?v_ zs&ej)hIv^OznL|gY9_zuMTX3l>#THA>kpoMbrha*4^?ZySO~sSJ z`I{VP2K_uV&$$dGVtJ0DqV;D2vIp*vH=c7#BrtyQCdp z5fBwrmB>ek2vweOuzxqNtKt_k+dM8lpJ0mF&%x|MHhFMORlSIyqB!Spk;6HMYC8zi zx+0&9IoRLLLNoo^%-#p~7CAk>T`R!rBKk?>eXpCI>&L!>i`qJxCQw%ec{U!`byb*! zkAW|N!xQ^?3<+=vcuz!r5Y=4~Dcj$s?#=F*4}byCT_$$Y{gBKA;<-2jDxjEg=}i9% XyJPH7>UVI&00000NkvXXu0mjf#JrJ# diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png deleted file mode 100644 index f243e61ca1d13960307084d61d4c152ccf0ec94d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1359 zcmV-V1+e;wP)YO=hyrWRgh=e$2AzuKeoj`l`RG#9~Kp z32+~H1AGB~0Dk}h{sq5)@4zK+4mhzHwi?pwj$z)2T(;1Nhi9|vSeclIOgJ(eM zq-1m8U2u&O3kwS(n_U%Uvo2h(Bbx1P(dyi?hemT#)a^hNil#_s7WD!A2%eg@@Pkog zlgVViXjoE67o>E^S;h9gf!J6y&ENd_g^0v6?H0pt&`W3|eO)za{)&^QQ0` z4kVJVJ54?EKY{Kfh2LVw@p!ynt@#7l!-$T817$z_yRwpx#D4>KOhWjgO0K@+wFh4` zuIw;TA!_@ChJ;|MYSEFsiuoRG)nprUX)#4l_Pfj^_jt_ z2dynpDi6f3sugWtdz%;VLdRR5IgC1&SxuZZ&*Q_=U-82l3LMAl&IOD*bBjfpCjOW% z{c|j~ATOL3XD|pRle-BO~#Xy?x#{|;bCO9+nE~} z?V!ynaSQTYky|tLA}e+^kx0tNF<-(ce_NZ#wIcVW#Qu@r&vT!)B5$&4YI#C#9AHrP0tQv$1dxS3x3$s~V z_E`8=a6=gF_Q?rjO6bD*-3Z?R=MNH&3Z_rOTG~LQ+wu`HYo|@!WrR26B4Aa02$yx? zS3p_$?Q09*f#}f1w0zkKsn(lQqvnLc;gmEh9&&1r@Jlxnj@pVk;zG5zCMp=U*QEHm zsM<}L$&*Az82vkVX-MIGNyK)AUp$O(bUt^xtYNWcbE#nlvttkCDzkf1!nW6uYw!r+ z7nE@Nuv@MbHID?|kbMKCp;hx`w7sAwzl>kXWE}?{)X2UN2u8YWIr^*lI(Yu5!fbK% zwz(9}@3fHOhz7sJlTq)5OCkggBPyo?=58eG2J7+(QkWZPtq3|dj}x5T)6320jw2kkB_;lm zIwkEhIZI_*$$JpMhQaSh8Ak6w8eRE>7;)2b<-M#UGMQ8Q$)p$rF6!Q79g1oObGdV_07u~e0BT(zW8_fH$fd3AUTcW-n5DaWdQm=h!VLv# z-{D^acGO91SM`-si9fZ*H|DbXGSUGrgOAnkE!T#B&fqx;_!hjUPW~(E-r_-Z#57w% z&2>W?fT@0q>47`JZ6Fx>+*GIjr(!d1X|>AaRP>@LR962ksF&4gHQ0%^{{Te3B#rID R#K!;t002ovPDHLkV1f#!lhgnJ diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png deleted file mode 100644 index 1ae7d90408a63454d82dba6662776718afff67a9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 701 zcmeAS@N?(olHy`uVBq!ia0vp^5FEh16%-VJq_VOykkrx90g}eX#%gM6K=z?ShYlY;eDL5wIAhVGMN5}1 zUAuPe;>C+stXQ#p`SK%2jvNJp?c2BS*s){x?%l`003r@y@7uQz$N-W+HvmmLaNq!t z0VE+JK$SpSAnJh(pkWX$MEv~u^A|2$0Foz8oH%*%Cz>jNABIb2V`Hq zeEI(U`?qi3e(>PIqeqYK+`04c;X@$f@#Du&pFRZ|1$6xL=g(ifc=77htM~8UfB5j> zCnfB_L+666=mz{teH z%ErOT$Hy-qC?+m0At@~z92y=G8J(P*oSvE8KVjDF*-JNU*}8QbFaUP$*|Qhu&m+%Y zzI^%W)$7-9-hTf4Ji(^7aSLedAKQaIV1Z=<>t6}L~o*0!hr=%jtJ8(W(w6J%pE=jSb)(`33(Jp+ d8$reBa1S!L?ltruvq7Gw1*jkL3fQ1T*)`u6 z3WZYh^28C~ZVQ)%l00z9)#KeL)V|9;-o9?I+(U73F`_#=I}uS`UA-6mzhE#JOePcY z8yg${lRzSo&}g)QfkAU~v#F`6wY4?m0Ek2)I6*-{At50xEiF+|Q86(wt*x!`@$tYA zf^D0cnn0wdr-OhT#0LQ;aAsyEh^(wE&@>t?CnpC=fb(Q1kfE@!utTpd0~%%r0p)ddb+D|juSXaJ0BMX)r-RubgKV=F7!U+R z0T6=CVTqVX0>XPU!V=Pe!9fJ#AccET5CAaYQM9$Sb#!#FSS&W1-PP6A-QE4~5WJDS zD2Ky=R|yF{Jw1JWeOxZLzrUZy<9+z>VPIf@&*u*h4+{i>(b3WI@$rd?iOI>y>FH^q zP&hL)GdnvwH#avwKfkcBu(-Imw6wImyetxl#A5Nv%F62M>e|}c`uh6D#)d>9kxHeT zo10r(Tie^)J3BkOyStx1f8I1t@`p3=DvE$7qU83;%kNiEIH0Jgq^zQPP)%J!OAD>7 zqoaFB@36l95hEjGV-qt=D;s-9r&FiSoOL;e!Q$LJyuSSof8ip*FEIE9>E^B5cfukf z;k4X~`}uxCV)CQMPt%^iq`ZEUlUML(X=zn;ZCyhnlf~)eeiVEfnSe27=jIm{mqa32 z!_e)9M7jwre(4VZ!7sJ~z63ij9LD#sep+*?D>_^UH9~WER_G9FwZVzGL<-=SziY7h zcz>y3<4S>hL|Fbh-jYbXJQ$W-WQl9pdXKerrLVc=V%a{kKa`g)Jfu#kq{tCQn&*9$oWzvX-*w`a`=XTI>lu2c zD8B7XysI7RmRIb@#;5!e^P_6f?H3Uw%qzKjK^ShY`D6ix7AHw@h|3>x?!9)VI>WK- z#`#n-QD|ZGpsi<0zUk$d$;@cv5B+jf%5#?lTD05%$BXth)=(@UyL253Hwt{2l;<(7 zx0WYdPq2Tzj5znmcu9!7xiXSUJJ${M|lko1t8=@3Rx<42E*aEN{*0XPAsq6vfY-nVtRg?tA+Pu?rL>O5p+|Dg+3jD5=~-PwIJLuD}5`UPW7dGDRynLFCEgmH-|Nq;8LuLPX8)}#PH z#O9Xp*cx-ED&}_q3F;V@elCXRnEj_I$H}JM=pf} z02cy&5IRbArya*zSE?P|gabgBBtLP+Zl<%fkaIpZH!30q-;bnH&G%Be-znAJA2Xo9 ziykG(>}yB5pA7$CLh$`icB)x-qK#@TV#3l0t6yU8qF4Fngz#gp{< zM+N}96a*{LXVZ607{lz?YRH+m98abTcy=Lb@C%}Gc4VXxYM zg|Rjj;^^>QF~*UmYvJ3SH-E;HbYQTMBY8WT31{%!K*Hj8#t4P6=8GECRiW#;+F@jV zWB|Qb^!=BE*M%;t{4HntOqOL^TuMJC!bQ&u#8Kf*Q<}2O<_!95p66Qtz_ez!+pe`* z>m$M2rZi7i^7#@v@-es-zk8y&WEPRORen> zbv=JNHuF&cqA2=`3HKoOSePyk^RuuC)0G5VmX@vbWJ;623GHccVkRkR)ka?12 e+19did-V| z0bV`<9zG!+h~fMKydWgR3sk@dR4E7~p$KF(SPN7HqyVA}Bn}k>nFeFS1wjm;Q9KCk zSk-`>$_I2Oh!o}*03s27L16&_5r{=Vafk@NAW&QsC@vrgMB*}HV$x#bvSJdl;y@%RFCnQQAtf&Bn>2Gfk;JK zPDMr*h*V|dRb}N=WaU(4<<;cm)#Vh_7+*zkU1u`k$Y1wl-}@yyPu0dxH2ywSW^vBNb?NgS-F8;pDQxI$8f|#S*PsS zwXL2d>~QUp5@u$+cFuj(NAa8LZTBu%@@szE?Cir5xtqax*{?jlj+xu{M0M1EGf;ST zZ{s?SX1D7x(i3EMz0f))f3!x+^6Q0M=SzNN-g%1q(=~S!LSB<2uAKDVQRKen=Mt^i1!0$ucI|t8%I$&0{%+R2tMY9dis~lZQCgL+ zE0j~CWa%36UP|Subx3ScN5;KSiIN6KL-B9bULUXXER7U5POO@ie8O>`fbiWC{e$(w z`o>yqRWG(FhH6SbN?OppE{P}n*s>idqA9V0m!7;$b`CLmDO)0@s%~ ztvOy<71}GjyYk;Yx#)Q!&#Cp0^m!+H70>@d6&`UB=1gtN-j+_d@^0(h{5+M)s?QNK sq&DyP(=vC-?oS`4&D^j|LEf#7Sy2AbbJf-b383=E)78&qol`;+02ljQQQ9ynW~Hy+==;J%91?GNlZO<%tO!FRBA zzks%Z?9$Ly{{Xb-rl*Tzh=gSB!A>QnKnB(ezu&Z+nlyLGiGAElH~K`L&eQNui~Ih+ zzR~lT&N)Zt?3}{)5A8OaTx07$n7cM;^OfhnKfW`FN$Z;AEB~CcG5+!{&-PFc?mrS5 zvq}P6Ss7>FnD8ZF`sWS2nO_2b$?RLI{Ux|c=zw1@uLK|+N^hVF~_Vb$h*;zJLGzx^Mr%Bgal( zyLJE3^;ctEW{|m z_Tc)ooA;_`>uy^5cHz=(({sI)JuP-L$FW?zB-6tz*t7e+ID2H<0om_1E4CE9?{)vn z{AFkSm(sk(y=S-I->70`W#tr9TbC%Rv-M7>#Ls!BW(Nh$ncX>g{ka2&9)9OJFShj1 zAO24Vt*#XNK0UuE;7CPxKKjJp&9&^MdQwg&peqHhW59e3=bnF#r?@zk;%JJ+3wxBOtAN4<; zGokI$m+cGR@Lj$%W1Z&mz)vl#g$~OfF?~==>Jr|yYzuSzqDMY%+;f_xgxk}8aNb*C zVZ40h^p9ph*+|_RoHkFJEGArSl4aPn(mOd)w}Mku-9nK!b;|+QDW=suH|h zHic4E%Nmx@Syd9}Javn^oY?~xzf`l#^_cp{;_mK%{_F|&C$)uW_)O|IU$~FAR?B(v zFMUnp=faPlwD*Z_*s}JxbCHUjnOO44)7sgI*=J9_OV6A1?_Ya(`JtK9(jtEHT7^~l VTz;Um1ell@JYD@<);T3K0RYS!t-SyM diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below.png deleted file mode 100644 index e8a1bc440126dafbb0d8be0e412ac87f65fc0229..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 775 zcmeAS@N?(olHy`uVBq!ia0vp^5hdbkd&2`)zi~Ebm-9G!-o$ZJP2njTC`~C z(xq$Hu3fTZ$>PO}f#i`RN49U@4m9)V(WAR|?K%bqd-v`IiUUP}JfOWm63E^M20+t* zG*Ixsfdddhph}=Ea1tm8IC=8q*|TSX+=~}4Ub=J%=$Cu< z?m^g>FJFG};KA+Nw}IrNM~{G}-MMoI$awttG0?PUVDS9;^A|5(ynFZd{rmSHJ^;~& zj~{{Pz*s^u&)@|Fj@7TF#&t6a%0A2I)<;z#EUcdhQ8E7fURy}Vo-eaF-TC8tZUV!9DO<$%N*4H`NMNzo_=p)HkyV>ttLSJ9-`|$O&!KVD<|2CFg5!mJSyi9)S;i(_< m*w?TuKmE4MQkHkc55|pCJ41Munf(O@I)kUHpUXO@geCwqf57qp diff --git a/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png b/share/themes/Kali-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png deleted file mode 100644 index 873f42b1ffbfe7e6c37280d834214fd2657fa1fe..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1578 zcmZ`)2~d+~5KTb^0s%>4#c(vWiV>u(MFo{ADp8<{97Zfx(Gcq!glatfZ(jfKZ zy)hV!^z`)1%*?0nt+22Vo{-JX&W3vCdxIu9IXStxxuAeS7L>faJb749Pym+z3X8=8 z4jn)*Dk>^2E(Q-e5cznerKNBcpa6k2<;TH87DD+h(EMZl1BX+<W{Pa_4V?CrlzLm=H`}`me$tRwzjs8j*hOb zuI}#c-rnAUfdMX;J2*HvG&IEH@rH+oM@B|QM@RX5{@B>q`1tt5#DqW~n4APmPE7%( zghGH&Bm#)0rvcM5Gk}@dS-`AV3=q%F0p{lC0rL_GK(ep^SddBq(#1u<;?fdeX?Yp2 zyt1;gy1FWp$-Wx;*$dvPL|=Ow2gD}|ii&I2u3e|3q^yEeRYR$3Xli0GSnP&RH)?Id zY3u0f>fyI+-ELs8WA`2t)4lul9WXz1*n)V>%KC)ONjrN72a*fAl8DplFNT=c6}_n8TH&Q?-TDIE zd1IBO0OTME_Z+*#k>VOrnDRt?efZkc;3~VzBHT4Lr6L~hpQI7)@KY$6J~7a7`*fj% z)DrZUY1!UBXW^}Hc0@jYA`t}Zoj<#y!9kzJpCre2bXha1_YB!s`6tmisB=Boh)2lB zyxg$<`#uv5BEi-fL~=J;B>6Qgrdm+l_DM;QsB&69D=gYm^Zb{uQMXiz(cDu8YzLCu6mm79DrnEC1QisT~*=(GF>op@y8kN>ah^S{Jw3{8B z<>ow$WZMM)6XIC>^?39QKO!iGZ$Fwto-cWzg@?0#9~n5y%SH=QZ!1(~D2H$aL39lr>KTtZOyJco?&J_3m=&Oo66lteAqu+v!9HEMO^MM$ z_U|6twlnTZK^OB3caA8Rw?_SvkwLBOq@b@{(pul{CbCwyN4Ki?jmlJ{Aw*)6kMxeJ z_8qil(B{rSa}%1@^Bcmk0JGZ{x8*lXeP{6-ewx5eRi^PxZiw$zEL)2C^mAw|PV?!O h)R)MsifU^c@F2tb9m2rDZkDPiMTODs{gh* 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 fIwuT9(~7kztO00000NkvXXu0mjfpF34I diff --git a/share/themes/Kali-Light/gtk-3.0/assets/text-select-end-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/text-select-end-dark.png deleted file mode 100644 index a536ce7be4f15aabb0c2b52c1872fb12e22e8198..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 730 zcmV<00ww*4P)<3yzHoPWnG8?XV4*^@-# zi!YzBrRCMWh)%o@cYzOp)x~fk<2TN|y-!5RDbeq@X*Ra{-EOlastPEgCGE?Dgb82px>t1sP#LYMgjkF8@~0QKvnIWI(u2?}C{bQpaWBf6t_&)HYc&9+jW|;BZ$k|9K zlMR-thdFWbLS_BP@wZg<2jI28fkHB~=eqm1%#3Wt`q7vCvE#3QSgqGUJ2*+OBKdEwYA2Mj(0Rus%3i#aT$&QqyW6L3WV*=-N!X=!cAHi%z+S>12diexNz0 zd&6Nb6-QwasdEely z)2weH$oIe_1#-^mk6{@{H;RB)=O zbEqmRkTFt`SF&y-0 zxBl!sn~b_Sr;mUeJL$Ir-c{$mQFXtI$Vfy+s&3Oc_bu=q;O8a&1)y$9b(`LVX#fBK M07*qoM6N<$g65fMRsaA1 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/text-select-end-dark@2.png b/share/themes/Kali-Light/gtk-3.0/assets/text-select-end-dark@2.png deleted file mode 100644 index ba24606684ae68e9ea5d62bb6bb9b3dd4b05bf06..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1509 zcmV?L~xNra@0_4KOL>Mb}jJ>-v)AQV!?)q}5?%CN{?`FN)NB&aH^vqOu z{raow`X1weKLIZS_W~(!op*^cz{c8D;Jd)b06ju3x~k6ZIeo@vW{!;m8qs<$0iOcg zVL}PeP}TW!7oWh)$g_-QbA@JOm3FI+nU#IlfLDQ^0hfTmL4(~Ck);cdetgppAq4U~ zBWyHh^Ch?bkr(Ai&-PPG9`+CkP>6W{AkB0fi-pq-mYBxklPtA%sv~qYM0w zXvv=g?fn9K12}Wx(I+rtd_VwHJ7HM;h5c0Bn5BO~X`3vGxzGtw1 z01uzL_)$b;3)rU4W0o92<~gl&jYfTC60%QRi!TGeyi-U4{tldf z1GI=&^g)LwQJBi!F&CDL> z|hZmGc zh{(}e3?NA=<>9@a!hzc8<>=&mQXZaAV$2SWG+H5T2}MqqiqCGt1|ji#)t#8ixM z#1<2gapSa=m?bgj_fQp%!YzTJDh$@UCD?xz_zys@-@&;yzl4hHZV@MJa|EE_RC5)r(2IB^7wJ*Vk~M1-W0;JhQ`f#Gn- z%^O!~w;B-F)^|qmW9J#slwa$1T9u?yB}r?r=&XZ#i!Fi8Q5=4Y7%gKfr zX=8=|-?$2~67)I7DngShd<}RVc)HzcXi}+Csn)PyD2h78Iftr4cL>Er1QkWSBk>+z ztXB(0Hp~clPTE}M`n5NVxNm)di7L?T9=*#%H}&~eT30Mko1P_v918(OP$#Gg&MD42 zy!SZg3#)jXSDaT=1re~^$g&|>mSJYB+`7h%>sKhCo+XwEHs9P1Gw>PUr@&lodX`hm z_m3jX(nG|76+{t<(`zP}1t}1!ZKt;Z{{WMcFycA)00000 LNkvXXu0mjfbjZta diff --git a/share/themes/Kali-Light/gtk-3.0/assets/text-select-end-hover-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/text-select-end-hover-dark.png deleted file mode 100644 index b3d316002903a914a7345c1161fb5cc155242d7a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 741 zcmV4iKEgjxTS!yN}L!cQmH-evxO{>&6%z>-tx8 zU58CllzzPO>{Xr3x0}-Y-q-cbqA1>;PN(yWcvO1d?d)F5i3q9*ZPy|+M@<)-jF^8( zl0I|B>@`iZe=e{n%doq9&5J4kfSExAs4BXCjkn?WKK{97-U}hzeKhE+qn(}SCnw&6 z4~f7`5K;7fK(n6QG4uDM>PLNy-<Cy2Zm zWBmR8dkkRIhmH52s47GRB0y2rc;@oeda^ZtML|F2dH%w`KuS0Vcp6u1O}6d)($jM` z_6C6J1XS~6+&>W!ct2t9>q})-eRu-GJifiNr=8B8Dpm9y%w{tSz<@R(0U}0G`h?hA zX9egyKjo|xMZLvrUSk5%#u@-)3;?{y0A#a;*I{OW*fK!F|FQD=&?_-OcSapI2FEl) zMSo_6+*);AV&)5D%!HwDqmbTYP3g*G|du7>09o)?mJ22B8DZbb5D#} z=Mb7hFyV*3?{6~zNks4cx%eZF!wN2QCk3B16~Sc=<7$P2gS$~g-Uk2!0BIO*J7=r5 z4KI~tm1TJjVg{h6?hR&wF%H&Q467dd_kIg1>EpI-zxW#jfMFPJSZAx|`0!=J)>)Uq zSOaS_ur)B&!deGnhKL{>AK~8qogk7vX=D5VfC3M>RdesJ8=_B*&8EJZ)OlW#wd-!j zaloo?5ySF$99PSv`feZN*AGA>EmT!Q~TLiqSlD0tvB0f;XEojZ!3-q7s=SP6U|=c>@Ck7RatQzd0bX8SPEJk^ z4i0u0U}IzB;^G1dLd1bm5WvpO&CbOIL2v~qYGATZWt^PsV8p@21wt?`*kB~X!BTKp zpcXiQS`5<;RD%^kY=LWp*o9RkvLHk~$O@PPkY$nCoWRiF=H}w&;pX85i37PH#0?hY z1`2ZX^6>x>A3rZIKQA9YAHN{KfRKQoh#(LNi3$pf2?>h}iHHk}NC=BciU5(Aq^P*G zsJM(65J>=$thl6{gp|Cbl$<1pRFITbkdjuEl2MYDRhE`jk(N`DkyVxflJcrD3Tm=) zs#3^itAZGYsu~8W8ir~b25KPE zNKMm79fXY4wSdS(L)%zG8%UaJ=$L5em}=^nXo5&HOU!#%Bt!b#^#o`j!w=VUf#X|pxvB8JSr*dHKyP9bMfMrc9kRd)}fY zYu2sbuzAbY9XogJ-FNWtk)tP1ojH5%{KZRGuiv_R@6nT|&tATI`|kaRj~_pM{_^$P z_g}yN{QU<6lTDc~0+WBEr;B5Vgk1H32ibm_Uby*qT$MU z|D8)lfRgf(NpmMoy!h9ss_6XJdDZK>cfbCpJpIzX^7;I(@1hJg$?u%Pmr#D<#lIzb zrmI!N9cot0mtN^{<&@C$XPFIu6NT@doXOJrNTF8q^koM2!)pAC?A|siaV}b;@o9Tk z(`5&*9sAY4ZWG>ggm00G_NnjftdR~`JNAoz6<}{ZlFJepCi1uWkj{e_r(VWg3Dx3;*Z@r3dfkxWaWu zJaC$q(S{py|3x;JGky1+5I^@2mwA?GpH!LGrMb=;TcdiV%KTQ@c4|J^ASNHt`i1E? zoAAY|niSI_!Dqr3*{*DoT4<+ya(0GsR^-%(7KcS1FCy-GuTkzgmL8^_BKvts#EToP z-4d?11CQ(7IiPckvFs_|vmlw0H-~Inf=u>p;_lzjV)lr4_Xi1XO_}vKTYt}RSFAYo z>dSV6$xQ{n*;gBh9q2!%bpO<&du0#&y{5>my6%tqklSoU&>j1`j|x4(`~Fr7oA=9JkDjc zZ$0bk6}|pOUea~jXRy3;`*Af%@N_{2$JW^srbTL*+>G{7D!(v0>djfFO1EDXuMA9i zkG|)ve^WO5=8YE#Cb!>|Wi!XS|KfR-6eCo$Dk6W=joXnvY<2Uxr+8jDyFueYkZ5tU zhIH?y8wdWZF%UM~ccnSnfvI5Mj!m;sf)6Z#KaKU5DjhNKKi1}y>rHeUL&tqxcs*#^E>BcGK02l?=!}>q?B*MFkCGb ziyp)XmdoXEVq!vTHk)1F_YGawYez>%FBxO2g+jr-Fu1CbxqgxV}-NuFbrP{A(rRo=j-Q!oO6G2ax!h2 z=DA&^l;AiHG#ZVL=XnNW>~jzV&*tXlKAZ*a=kxhoB9RzmBOoGZHk+`!yW0tZV2g+z z%+AjKjOq*#Ln0ao0{~!*fn`~c&*z6mMn>)+;+ImXbn9;&0HjiCU@!_I!szIzK0ZEv z(=^RbYinz%2-Fbq!eEr);bE4`<+7<%Y6$>brBVj?{W(w=hKt+V+ua}tE(kZ!3-q7s=SP6U|_rz;1l8sRzZk4a1vQPoQRXyK7AS(q-W2bJ%9fEg$oxhUc7ka$`xQxU%!6+#*G^{ zZ{ECn_wN1s_a8iX@bKZor%#{0c=6)p%a^ZSy?Xun^_w?u-oAbN?%lih@85s;@Zr;^ zPoF=3{_^F^*RNl{ef#$P`}ZF|e*FCT^VhFmzkmP!^XJdszkmPz`v;6tro8xDz}U?% z3GxeOU}R!uVPogw=HU|%mXTLhRnsswx3qP1^6>KZ4G0a3jE;#*PS429%FfBlZ))l2 z>YgxV>a5xG7A;x5ZvBSMTej}lxohvfgNKhCJ$dTP+4C1KUA=zm?!8A(o<4i|>h0V2 zA3lEk^cm=)Z{L6Y{sXj~@89GoU;_K->Eak7A=!G6-8m>xg7rc0lBH&6roBy^nHsz{ zC-Jb@vT44XH)TX5%#)s?%g(~l6e7S;QTabRAdThDdprJ|^1gMkEWv)0%A>F8x80hM zoz;_4AHA2At2y8G(!#>tnj8C;GP$vtoIKrf%=A;??`^3XujNwX)ZP?M)L+9Js!=+7 zm(GQB8@-|vw*q>VYR`Bm+ST1-i&jW})-zOOEBSBGAO2wb=br9`H#p8mOh`}l=~-&GLA3I@gm~){j_u0N znI13t)XP7O`Nb3ez)znz8czFk1ZCZbV~$AJx5sBQO-&J`4N|v+!twHJ}#9^;WI>p1-BhKC7+~p;&8^pEi*n8 z^M5l`P*aQSuk!2Y{C-X<aG4@A;kG!Ha0lodIJY+4+{yWo>u@*;sG^-r^Y zSZcR@3Cwet_tdI3>4moS2luzeZAT86%wKn4&sjcQjnvk5+1VQs+MD;SnZk8pr!=eC zt)HrDu8)#yc8dOwyy|*ZcrsIA|FL;iA{$NkCdk)bj6CV-`gi^b_p{ysS((B7#U|UM wlh5@shZ+Rz-hTI*{f{O4UqAV0CGv~4+y8MQ&t3TnV7g=QboFyt=akR{0M!+;%K!iX diff --git a/share/themes/Kali-Light/gtk-3.0/assets/text-select-end.png b/share/themes/Kali-Light/gtk-3.0/assets/text-select-end.png deleted file mode 100644 index 897a90e23eae2883490831f53ce1babf761da11d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 786 zcmeAS@N?(olHy`uVBq!ia0vp^B0wy`!3-qNPStf`U|`G$@Ck7Ra{q(Ds#UA@@87?3 z=T0Db`0(MQN008=v**Z>BS6N%g9m|(Ltp@818JZF2m?qWvw>1T^$=YU639Jv>=-f$ zR`1PMC)Z1ckkW1cjwNX`}gkyT?mu~l0XFyA3lT_0(9!*$B*BN1Pai*h`t({T}z5&s<@85yw z`;Q+#e*OfapTB+q(XZdXfB*UO=kH%2`up$SKVSeaitj!I4C{!JAirP+MkZz!ZUI3t zaVce03ww7jZ{MKc=(zaI{DS({*6s-t7cO44X8*xM$Bvyib>{4)yN{nddHUkj>o;%S z0Uh$`3kU$M2LX`vV5@-^{rk78>)cylyfS*aIEF|_#vWviJ`^Cqb|F0E&AWGDB93z# zC2sW2&9QiPr1!O%{{8#nQ`m3VvTG;5jq6w!zis_8E3F4b=XAX9cK+I>6}aJa$Btap zzD4`qX+2qEeCko(REwPw`A6hC1O0Ao6k?xz^#sSPkO|xJmqsx#Hg|ojuD290Inf%= z$8cJ0=f)24)oPr4w>KQ~_+Y_uQpGVx%G*=u#Ac2Rl?l%cKD#w7Pvp60P~<6FzNqeT zbFkn#*Q^IK>qF}``d6P9W{~>Uv%}Le?M}xP#l`w(OkDq$$-EA}7!+-LLhI$-e#`h( zi}t9?R&KuET<^=h(E9GSuk91|OI9w`Rqjq--gxnvQOaMYOB1KIHN4(A85rOUp00i_ I>zopr0K53{TmS$7 diff --git a/share/themes/Kali-Light/gtk-3.0/assets/text-select-end@2.png b/share/themes/Kali-Light/gtk-3.0/assets/text-select-end@2.png deleted file mode 100644 index 58b311f81af62b65c2e71037c0e41d715a9b89e4..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1383 zcmZvb2~bm46ow;FkN{Rd78S}Ai9~@`Cba4Z6(v+c5F?wi30N%4uv7$#g+U5JSdL3x1tNpRU5go1V5LJ$Ojs99m%yqrP#VLK`-E8E-KnM`J5V&4Gc&WZv-9)w0)b#*VPSD`acK##w7d*hUReRG2!#NlNc3JL60NQRR>fj~cx?@^ zw!RKnmq-ATjSawtR0@#FWB{354v;Gp0LA7eU~_8=u%%Qg!5Q(2=4ylE5*P2`?g`na z2Hmf&0n^exbXecS>;&8rfjoQO;nHO%7gx+xthbM!f55HKu<(e;sF>LFM_DV~R@KzjH4xssZT_>hjr5L8q0;Dm{fxmOCW|x9s!N%QZn$H} zUxc<1%9nNU_H)JG_>e5&9T}f{Dm<#jgE7kbH@BGq3D9#b@rbQwT8+QzcYDyQKdV)H ztv+PtPil;xVV9pzG|IR)-xO7MLd4DqGWy#0nmodRoiB|tXwGDw8u>)aS~H?8S9_tZ zKN#&MHgGd%si#xYV<>}46oHzRW8|HYfg+581edEN*NsNrv>#=>oOCCOuNcJc*I2fi8%FVr9;4*ZNSQCzP@wuNKu_dBuCD68vcQiP^+ zns@0Hlqa@kvE4p@S z_a6iX*cB_wlQoO-emgll6C1ULuX$B#&P0^E+jbq{rMQsuGNDhD@=Ql*gU!$;WX=+6 znI0En4?{nmg+W^~u|}sF^7b`Z9k1Z?Gb=B2WH&p^KWrWTj&!H6_}I70Wq4Q3mwhxk kwfACCNy}}?;hc47Qa0K&)ywH8@C!iD&hDt1%fV^?06;NNP5=M^ diff --git a/share/themes/Kali-Light/gtk-3.0/assets/text-select-start-active-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/text-select-start-active-dark.png deleted file mode 100644 index f0f4333fb8275cd721299eb99ba50bc7cd52fcdb..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 709 zcmV;$0y_PPP)?1XFPK=8^Q=v(u$ZT11%yHg1}0HC;nzU>x8~yp4pX!JHm3_3>WK z_|y;1BtR|=q2n<_&KEJv%u+;ISWA){09z}9HSN5QjQAPDH0q77kIlJ>Ud@;s09(4U zQau0=$pG8-BCz&6uO~gxXU~2NCthCD=04m7Tj_ryi;{hznFF_+lY61$0y|E&c%tY$Z?BKaTI(AE}O3H~ch&kJ`5ud%BnY3e{O8lo260c%W46=j^s9JZjA$9dhX%G1^HJ1bS6c-C8iFRPKdP%YTfQVn_f0 zslJGJ=OtZIL#xIl&sz8!yHk?vJ%uPa0svwiG$gsy&OmcdN|co4jS00JWzBslA*)@Z zS7-nLasxf4m0Xnk)i=wJJW07LcKsJqHZ)<);io#hmEEzco(q4^m(Aejc5Y=Wb;J5K z=1s?XyqT$C*r{&-1SG8j?sYrZv-Ma~@>j*7XeY-zsDI)86^FVp%JP(sgKYjj3Z@3g r^Z#I{e*!cF#n&_b9{12k%eL?zH)s@DVpy8O00000NkvXXu0mjfhKobG diff --git a/share/themes/Kali-Light/gtk-3.0/assets/text-select-start-active-dark@2.png b/share/themes/Kali-Light/gtk-3.0/assets/text-select-start-active-dark@2.png deleted file mode 100644 index 35f55060e8af383d90a8ed6d19cef8622124cec5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1383 zcmeAS@N?(olHy`uVBq!ia0vp^YCx>Z!3-q7s=SP6U|{MF@Ck7Rav2!@Gc^2X2>oxI z_FucH?xNkStI{9jK-P!~hBcm4UcmSr8Y9fXaZnz-mBJWng6x zm0-m{1rTLG5^e%W1cD&;g3Un)g0;iV2but7Bk2Mu2D=bN7sM{GGPSaQU@0I8VE}Ce zGhpIK3Sd%TjjB1%RP)}d6@5`F`l?p)L#^beTIp|o0TF%yQGP)&enD}5VHp7-2?1d# z0bywY5m^BdIRP<60Wl>(aTP%cH9<*rK`9+UXRyX{R=6=MHI?ZfW;^ z8TSb?9#iD}7Rv=JlM7fb7qn6?c#V9>I{C<*3SnCmB6lgq9#M=xsT6liDdCJ#;#uXC z%gSjtl+$l3XWUiJxTli&KqdRJYTg^wg7<2LAJmG!sucr+;yXAregOkSz2v)k*&p?? zzmQP1bed!jOpKK!L4Lsuj7-d|Z0sDIJbe7ZBC-lfDw~I}`03NvZ{NOu|NZ;V-+vIWYE4WcFmDKXx;TbNNVXnq zckU^aVf)~&J}J^oWMbg936X9dY3et%6pbd&)Yt9uQq(q@Jb^=0vh~eW!FARDWWpyE zU;kZgFaILz;??p>jw>>E+}5i|va>q(8w#e}J-s{L+_`(zoAvaa zxa+J{-kX-p)8zUVRn6uyd28tQ%TN1R+77o(PCvl*Df((}Namyyq8pywDSs7K6rTE! zapSaOsXvyVZs~n8U7b}kNqKJKkJXPwioP%Yld^HTr?M39%|rd=K}#c#Tk!MBs2BNX zc4b%`O}JvrQsh1_<5a4^tKO%(b1qIhp1I-0;klNJ3Z`9V+!CL=Pep4d50k+p(M2V* zj2pMTeze*3rAj(ubEIO{aZ7QIXRd+Pr+yaP`)28Q#VE5ydVXi0PTQgO)J2aC#1mP% zUEQUoC&_TT99Pt9wAb(M^N})~7w&qT^IV&Lx65%>wj>2_S9d}8gU$Y~?vi^i=KWT` z_;JqN#?~`}OPlX6mTi2vN8jtZg=B-ay-J6d=-vdwc5~Nx znFr1nL;MyqOOoF<5dT}-uu=R zy5-ENJ}SZgXL+&2ce`_<+LcpFd0w(e>$a~|ygw!Oq`<^l_fMzqPg?y;I${0U3rDxC ySiAD4V|ReOdPae)Nv7kIUoScY>hr}Te)CS&nsjtx?9vaQ0@Ksg&t;ucLK6TmC|v~r diff --git a/share/themes/Kali-Light/gtk-3.0/assets/text-select-start-active.png b/share/themes/Kali-Light/gtk-3.0/assets/text-select-start-active.png deleted file mode 100644 index 6eff7a663131769557fbb947c31cf3ee9cb68db3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 645 zcmV;00($+4P)Dt zLIrMIlq3j&5lD7}X%UsvZEnuIGw-j3HaKcE&OF=qoX`87^FHS&D$J2}g%8zw=oi%>dC`>CU3`5&C^DLTed1T5B){T5k2Uh36}cV3+F|MQI~iItXg^bn5p2QT-2l$2Vq|l2dC;1C5m+}O zhrAZ1{2l^>J-E-F0Eg}G$ks1ZU=+ZH>r&^?JP)15d!-wzMVG=9gM}qGM#NoZGB?ss z^~E-JNv$Vmf>Ikxwwv7UZNy(L24GPjpmiWD{=7+O=p4>+F#wAO5iHs;>1jHQvCmxz zR{*tkI_T}Hr$P=`KO#!ot+X9KSpMGqiLCz=Q;T4;{qww(mb`3$D9XAZwq~P;hBi%> zKYXnm{P+#DBC3C;dA1ZKT`9N}C6_T+&=!-~*;j~>uMB*&L@JfxpSR@gR@gr_)_Nym|hPrS6W1^;3!guZv3}bgUWdRSFz7Vx}-3&v1X` f9WzX+ZQb|{Zow{uQl8TW00000NkvXXu0mjf_TML* diff --git a/share/themes/Kali-Light/gtk-3.0/assets/text-select-start-active@2.png b/share/themes/Kali-Light/gtk-3.0/assets/text-select-start-active@2.png deleted file mode 100644 index 1ddf84e6cc24ce4fe51c91939801b4f4fb4fb577..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1273 zcmV_wQ@5~vkTP8al|-PEFiu!Bf)WjS z!QKc#NJRS}`9`Ec7PdfTx!f#uN@6P7aA%&KbFMzzXXnLDovodxKOF9xb3f1h{J8$t z{VMz~q*Ah)=_W=E@T9;+@r)&?CUAurVpxQ-5Mf+OYc#W9wd#~kU>2|lWdU$IfDx!D zgt?R8yF6DXomgj$rRP{sf_2BwUI`IBM(JuoWIKK|}b0Im)SSn*4mZE~3@ z@C3?YU=*4T^Y~;KF|7By-BAF-{~1_eQ2qW8kE)GK6-qvU&xHp{;NdcuQw{~W*Y6`5 zv%dj@jeSLPhWePJLMT}Tg*|2PuP3pnajjgOzC(^|hplWnJ`oR*U{LaAz>IK%5@TTz(iu_tnp zRysxulK=u^JmX2oO>PLXjK)tVV+%avNho!?FcM=pKz@#AJPE1BONbc}yXo`$yhO4J zb=y*)(oCGHL~t}O>`DZ+LD1JL@892MAq>H_RMl6j~j zr(s_U0H+;4TN7XaF<~vhhCPXpW<=2#to_<9M*?p)2PK>acC1nMqU=0*-oj-{>-WIn zb^s2xPU!l7O zG2gZ|!E0Lqh{Ozwn;WGqwY|?1QJ_JWiSm&VoE39n`9o<3g#jrVgY~;%<30-oENN+! z&DTD6-Oo*2sS8!u1msLFg4e5|c+|k4emw(kY==Yb);@%qmPXm#*RwZ_L-A_8+fg>7 zOm+-fbsw_yK`0r0Ye3Cs;IsYk&0&by(f3nKs5{muzhCd2n;KM6uUQ=hyl7yJs@?6D z-C-|#D+-}_bn+@3?65!kH?*FGpHINI&Cqr((R@yXH7&>alr0kF2I_a_lm~Taq?2X9 zbBH~_^vLHX?_4{>5b6ENUw}`pg!$t1Itle^9SB&eN>*x_1COXs2?T(#*n3$8It5Mv jzo~G*g}v8~xc=xLfjEHT0sqSx00000NkvXXu0mjfrU^=z diff --git a/share/themes/Kali-Light/gtk-3.0/assets/text-select-start-dark.png b/share/themes/Kali-Light/gtk-3.0/assets/text-select-start-dark.png deleted file mode 100644 index 77fe59264899486c20460f59bb521bb391d65586..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 688 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 DzddTn diff --git a/share/themes/Kali-Light/gtk-3.0/assets/text-select-start-hover.png b/share/themes/Kali-Light/gtk-3.0/assets/text-select-start-hover.png deleted file mode 100644 index 39db0b268e1237254ae7a685c7910aa23845352f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 628 zcmV-)0*n2LP)!^*k0mUYb2>u9nd#BFs%u8|R;*Yx|>T74`v+vFOGT5L3^2xS1}l}yLm|XVW6Ys#+d(#)ji*wnHDs}f2pD6_BiCxRyF~OU8jT(l z3WazklL17$6ae~G=GDwtKaWmhGF;_005+vUccX`ZEH9jl9aMTL|5z8TEFUcyO&C-jXP6H zLA%|)2!h}RW6WG1NGV^pS}k8G_1~Q-rKs6#`cld_YkwjltX8Y<8;yoP9*_TtjYcD? z*XtKj%C|&x9lf;-Rw|XpobwN{SZptw&F&?WNw6#nhzMr08JwM+QLoqYr_<@rFbtoU zN~N!h_iqff>$-w-{zM4z6abF2)+xpqAmR`Jq}KXluh;u>dU~o?@BRW_pqLf&TUs#y O0000Z!3-q7s=SP6U|{?d;1l8sTOXx^?T`y?giX-+%Dn!NZ3SA3b{Xt5>gHzkdDZ&6~Gx-@beI?*04sA3uKl^y$;*&!4}1`SSJa*KgmxegFRb$B!RB zfByXS>(}q!zyJLC^Y`!HfB*ggquOVA_g-ME7nKD01v4-*F|)FEak7A=!Gc)497)hV6s9@X5$N4JG%Tt#e$Rip)-~WlqjY{+M%U#j?Y*HiUYu zz8Zad-~Z*glWuaI0j^%#`!nx946+z7=rM$!d4I ziQx6%lr2j(ESg$U#-AzlJjZp{(xahbm!AGK)UJ2A*&B=-XYc9+bq z=?zcM%g)kht&qHNnlW(pGt&iq`(1L|%qL`5i;J4}ripymEOFsRgArd>W8}SKiocE? zka_=*#T`T~n)EoyVX>t8&tRUG3f8AQ9gUpV63lCp6b>kBB+ZwQNYM=2Q=`vjbBE(j zlE;)odfsLQ6YK(|o<=hKEOB=|dRXX4%+n1TJ{vTp4O>gxUBb6?@19UFG2UhR^k+IM zYc>@{l>Ep%dw7p-+3}8)C*`-yk`MA(@AulZV)`~Am7BMY&C~Q0e6wgP$N$LNC&K?u zo}_Za``UWPuA}VpCd_9$ZqhkZ@^hU^bos0ac{l%A_Y{_vSxH_Fn8qyov-;efoXWJ! gb?bG`I&Zo!yP9q8i#d-Cfys}-)78&qol`;+0B@Al;{X5v diff --git a/share/themes/Kali-Light/gtk-3.0/assets/text-select-start.png b/share/themes/Kali-Light/gtk-3.0/assets/text-select-start.png deleted file mode 100644 index 08e5418491b1bed830ba33f53b33055f7767865b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 712 zcmV;(0yq7MP)*nC@!iJNE#w&=iF@ex*OzezkMPexx@dFqO3kwTlW#wluu`sc) zu-W9+J8ifU15(*+ATeC-cF)_{nRym)a1aoVUsU&^h_ck^*v^5F>;Gqy=RcpOisZ><8T6JC51ptSLz!+2i z1y3U7a#>fa)k2|A0AtKyjDd3w#u%iOXM^>6{efj!&jBpV%*>cdrE=YIoWo+y`Kb*s z#*UBNY&LHa(MQko?##{26$Z!vxBb^5V*dN((oHw(xv*pWTL*YD%qA4O;^?lzN2V;zZhy*vr-1B{(CMG7v z>FlUO%d+mfu6yk&Gysfq&hI*oGuGmUVmJ}mqnyW?k}>-ry9y0})(VWVoCEkNr5qbP zFn)6><+mj1_Qye`l<4*TYGcd~4&dv~&aP1^AM9bI7-OJRjyR4}rPL=L1i>#NYNcrp zX_}6NYORr`Df;~kd7keELD1j_4==X2w|lm2BT2fDGCLQ`vJ7dOz_x8{ZEdA_oDJQu?WX;Kt#y044qDg;y6zF{eD|1wH5@ym*M(Tk2(xPO9=7UvaBZn u7PZ!;gRlP&fQHukLmbDSS5{W^$=ZJgs#VX5`L((L0000Z!3-q7s=SP6U|`}3@Ck7Ra{q(Ds#UAboH=v# z>eX%Aw(Z})|Jbo(K=Qr1(4j*|jvN7Uf#iV$2Y_6l z0w5R80J7mC5J4ab2S6z}8_0lYglK_C!Ht4*AtK1S;A}in$QHqs!5MH9Fc}avm@0w( zJ$m#gFl0`hI(7Q=X`n`+8i?SrV@HAEcKrD9lP6CCrGVji_Uzen=gyr!fBwRS3l}e5 zymIBrwQJX|U%!6i#*LddZ{EIr``*2K_wV0-@ZiD2hYue;di415<0ns^Jbn7~*|TRa zUc7kq>ecJlK=k^}n>TOY0@2%d?||st`}aWf{^Q3FA3uKl^a+SQef|tYpTB$oqAy>+ z0@2rR-@bkS4n*I7`~adKKY#xG^$Uo8{r(L^zyJIJqCbEC0@2@p|Na4!Kyd1dHehPV zE(!7rW?*DuW@TgN;N;=s7Z#CKP*Ty+b2D zFmdYi8MEguT(orM`VAX5Z`rd;k4=R37{tm>ArWC3jjpf>STZTP_o~&8SufXAC2wVW z`YCbE%tN!{qh`B{YHOE$QNG}lbp4foOvuJvYm}LU7XS1wOZ*tfs=1Rp$zYqPo9CLH zn&I&=+DcEWc$;r9aY&q%NKbrOIB!MRdZ`Q39_cUsx%^s9*nxFsU2GetCi$%Rx%g8F zbMfzKy&2wyehSxOB5$7&e>d%7)C?f|)Se2_yX&)ceHJKOiP;dhUOnGvn?dizn230N zo9kx58Xcw=YJ}}Kn_kvb4Y>6rHEgmQ%dBEv_sL3*oUOeZW-89j2=nr`bd_pV)!D4E z#7m&?-Ba!*!5veIRL}BwE%9lSWD%6^jyy6+XO^VTqz*S@=Q%7w$ukrU8h^O7mDnkB zaa{-)K)JrOl` zRp0yRPT%*h!A-0c{7Rd3?#|oTnmzHlQC{kI_xx%Ou?O=_ZC5}1(R}WLhBxD}_tkF| z!q2~z>$xY#+~xg!`=)Mxi88kaj$;fvz4UHc%H_TkEUp?WB#(Yti0oUqW!b3NAqin zOIZcFH5m8RT1tGJo-`-A___B?l{Z_?Mad=CG0yS2?K;2LHWrw`89ZJ6T-G@yGywqO C027b^ diff --git a/share/themes/Kali-Light/gtk-4.0/assets b/share/themes/Kali-Light/gtk-4.0/assets index fb2256c4..3c99dc53 120000 --- a/share/themes/Kali-Light/gtk-4.0/assets +++ b/share/themes/Kali-Light/gtk-4.0/assets @@ -1 +1 @@ -../gtk-3.0/assets \ No newline at end of file +../../Kali-Dark/gtk-3.0/assets \ No newline at end of file From 966bd870eea8db88a95e987c4ccc985889e4ee97 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Tue, 2 Mar 2021 12:10:50 +0100 Subject: [PATCH 05/30] GTK4: Update 4.1.0 --- .../sass/gtk-sass/upstream-gtk-4/_common.scss | 48 ++++++++++++++++--- .../Kali/sass/gtk-sass/upstream-gtk-4/sync.sh | 2 +- 2 files changed, 42 insertions(+), 8 deletions(-) diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_common.scss b/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_common.scss index b5094c68..77790d75 100644 --- a/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_common.scss +++ b/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_common.scss @@ -746,6 +746,7 @@ button { .linked.vertical > & { @extend %linked_vertical; } + menubutton.circular &, &.circular { // force circular button shape min-width: 32px; min-height: 32px; @@ -1766,6 +1767,17 @@ treeview.view { color: $fg_color; transition: none; //I shouldn't need this } + sort-indicator { + &.ascending { + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + &.descending { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + min-height: 16px; + min-width: 16px; + } } } @@ -2271,11 +2283,11 @@ scrollbar { &.right { border-left: 1px solid $borders_color; } > range > trough > slider { - min-width: 6px; - min-height: 6px; + min-width: 10px; + min-height: 10px; margin: -1px; border: 4px solid transparent; - border-radius: 8px; + border-radius: 10px; background-clip: padding-box; background-color: $scrollbar_slider_color; @@ -2288,12 +2300,12 @@ scrollbar { > range.fine-tune { > trough > slider { - min-width: 4px; - min-height: 4px; + min-width: 6px; + min-height: 6px; } - &.horizontal > trough > slider { border-width: 5px 4px; } - &.vertical > trough > slider { border-width: 4px 5px; } + &.horizontal > trough > slider { border-width: 6px 4px; } + &.vertical > trough > slider { border-width: 4px 6px; } } &.overlay-indicator { @@ -4303,3 +4315,25 @@ popover.entry-completion > contents { statusbar { padding: 6px 10px 6px 10px; } + +menubutton { + arrow { + min-height: 16px; + min-width: 16px; + &.none { + -gtk-icon-source: -gtk-icontheme('open-menu-symbolic'); + } + &.down { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + &.up { + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + &.left { + -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); + } + &.right { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + } + } +} diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/sync.sh b/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/sync.sh index 4633ff87..f5007c0a 100755 --- a/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/sync.sh +++ b/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/sync.sh @@ -4,7 +4,7 @@ GREEN='\033[0;32m' YELLOW='\033[0;33m' RESET='\033[0m' -VERSION=4.0.2 +VERSION=4.1.0 echo printf " $YELLOW[ i ]$RESET Upstream version $VERSION\n" From 90d1226a3063e9683454d9b7dbdc486738c2fe7d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Tue, 2 Mar 2021 13:16:02 +0100 Subject: [PATCH 06/30] GTK3: Renamve gtk 3 css files --- src/themes/Kali/sass/Makefile | 6 +++--- src/themes/Kali/sass/{gtk-dark.scss => gtk-3-dark.scss} | 0 src/themes/Kali/sass/{gtk.scss => gtk-3.scss} | 0 3 files changed, 3 insertions(+), 3 deletions(-) rename src/themes/Kali/sass/{gtk-dark.scss => gtk-3-dark.scss} (100%) rename src/themes/Kali/sass/{gtk.scss => gtk-3.scss} (100%) diff --git a/src/themes/Kali/sass/Makefile b/src/themes/Kali/sass/Makefile index e1bbc23e..509f953b 100644 --- a/src/themes/Kali/sass/Makefile +++ b/src/themes/Kali/sass/Makefile @@ -12,9 +12,9 @@ build: $(patsubst %.scss, %.css, $(wildcard *.scss)) mkdir -p $(THEMES_DIR)Kali-Light/gnome-shell/ mkdir -p $(THEMES_DIR)Kali-Dark/gnome-shell/ - cp gtk.css $(THEMES_DIR)Kali-Light/gtk-3.0/gtk.css - cp gtk-dark.css $(THEMES_DIR)Kali-Light/gtk-3.0/gtk-dark.css - cp gtk-dark.css $(THEMES_DIR)Kali-Dark/gtk-3.0/gtk.css + cp gtk-3.css $(THEMES_DIR)Kali-Light/gtk-3.0/gtk.css + cp gtk-3-dark.css $(THEMES_DIR)Kali-Light/gtk-3.0/gtk-dark.css + cp gtk-3-dark.css $(THEMES_DIR)Kali-Dark/gtk-3.0/gtk.css cp gtk-4.css $(THEMES_DIR)Kali-Light/gtk-4.0/gtk.css cp gtk-4-dark.css $(THEMES_DIR)Kali-Light/gtk-4.0/gtk-dark.css cp gtk-4-dark.css $(THEMES_DIR)Kali-Dark/gtk-4.0/gtk.css diff --git a/src/themes/Kali/sass/gtk-dark.scss b/src/themes/Kali/sass/gtk-3-dark.scss similarity index 100% rename from src/themes/Kali/sass/gtk-dark.scss rename to src/themes/Kali/sass/gtk-3-dark.scss diff --git a/src/themes/Kali/sass/gtk.scss b/src/themes/Kali/sass/gtk-3.scss similarity index 100% rename from src/themes/Kali/sass/gtk.scss rename to src/themes/Kali/sass/gtk-3.scss From a6c86741b17274b49877d65ee6efa09d1088964b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Tue, 2 Mar 2021 13:51:28 +0100 Subject: [PATCH 07/30] Reorganize scss source files --- src/themes/Kali/sass/Makefile | 12 ++++++------ .../Kali/sass/{gtk-sass => common}/_colors.scss | 0 src/themes/Kali/sass/gnome-shell-dark.scss | 12 ++++++------ src/themes/Kali/sass/gnome-shell.scss | 12 ++++++------ .../_common-tweaks.scss | 0 .../_extensions.scss | 0 .../extensions/workspace-indicator.scss | 0 .../upstream/gnome-shell-high-contrast.scss | 0 .../upstream/gnome-shell-sass/_common.scss | 0 .../upstream/gnome-shell-sass/_drawing.scss | 0 .../upstream/gnome-shell-sass/_widgets.scss | 0 .../upstream/gnome-shell-sass/widgets/_a11y.scss | 0 .../gnome-shell-sass/widgets/_app-grid.scss | 0 .../upstream/gnome-shell-sass/widgets/_base.scss | 0 .../gnome-shell-sass/widgets/_buttons.scss | 0 .../gnome-shell-sass/widgets/_calendar.scss | 0 .../gnome-shell-sass/widgets/_check-box.scss | 0 .../gnome-shell-sass/widgets/_corner-ripple.scss | 0 .../upstream/gnome-shell-sass/widgets/_dash.scss | 0 .../gnome-shell-sass/widgets/_dialogs.scss | 0 .../gnome-shell-sass/widgets/_entries.scss | 0 .../gnome-shell-sass/widgets/_hotplug.scss | 0 .../gnome-shell-sass/widgets/_ibus-popup.scss | 0 .../gnome-shell-sass/widgets/_keyboard.scss | 0 .../gnome-shell-sass/widgets/_login-dialog.scss | 0 .../gnome-shell-sass/widgets/_looking-glass.scss | 0 .../gnome-shell-sass/widgets/_message-list.scss | 0 .../upstream/gnome-shell-sass/widgets/_misc.scss | 0 .../gnome-shell-sass/widgets/_network-dialog.scss | 0 .../gnome-shell-sass/widgets/_notifications.scss | 0 .../upstream/gnome-shell-sass/widgets/_osd.scss | 0 .../gnome-shell-sass/widgets/_overview.scss | 0 .../upstream/gnome-shell-sass/widgets/_panel.scss | 0 .../gnome-shell-sass/widgets/_popovers.scss | 0 .../gnome-shell-sass/widgets/_screen-shield.scss | 0 .../gnome-shell-sass/widgets/_scrollbars.scss | 0 .../gnome-shell-sass/widgets/_search-entry.scss | 0 .../gnome-shell-sass/widgets/_search-results.scss | 0 .../upstream/gnome-shell-sass/widgets/_slider.scss | 0 .../gnome-shell-sass/widgets/_switcher-popup.scss | 0 .../gnome-shell-sass/widgets/_switches.scss | 0 .../gnome-shell-sass/widgets/_tiled-previews.scss | 0 .../gnome-shell-sass/widgets/_window-picker.scss | 0 .../widgets/_workspace-switcher.scss | 0 .../widgets/_workspace-thumbnails.scss | 0 .../upstream/pad-osd.css | 0 .../upstream/sync.sh | 0 .../Kali/sass/{gtk-3-dark.scss => gtk3-dark.scss} | 14 +++++++------- src/themes/Kali/sass/{gtk-3.scss => gtk3.scss} | 14 +++++++------- .../sass/{gtk-sass => gtk3}/_applications.scss | 0 .../sass/{gtk-sass => gtk3}/_common-tweaks.scss | 0 .../upstream}/_colors-public.scss | 0 .../upstream-gtk-3 => gtk3/upstream}/_colors.scss | 0 .../upstream-gtk-3 => gtk3/upstream}/_common.scss | 0 .../upstream}/_common.scss.patch | 0 .../upstream-gtk-3 => gtk3/upstream}/_drawing.scss | 0 .../upstream}/_drawing.scss.patch | 0 .../upstream}/libhandy/_Adwaita-base.scss | 0 .../upstream}/libhandy/_definitions.scss | 0 .../upstream}/libhandy/_drawing.scss | 0 .../upstream}/libhandy/_fallback-base.scss | 0 .../upstream}/libhandy/_shared-base.scss | 0 .../upstream}/libhandy/sync.sh | 0 .../upstream-gtk-3 => gtk3/upstream}/sync.sh | 0 .../Kali/sass/{gtk-4-dark.scss => gtk4-dark.scss} | 12 ++++++------ src/themes/Kali/sass/{gtk-4.scss => gtk4.scss} | 12 ++++++------ .../upstream}/_colors-public.scss | 0 .../upstream-gtk-4 => gtk4/upstream}/_colors.scss | 0 .../upstream-gtk-4 => gtk4/upstream}/_common.scss | 0 .../upstream-gtk-4 => gtk4/upstream}/_drawing.scss | 0 .../upstream-gtk-4 => gtk4/upstream}/sync.sh | 0 71 files changed, 44 insertions(+), 44 deletions(-) rename src/themes/Kali/sass/{gtk-sass => common}/_colors.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/_common-tweaks.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/_extensions.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/extensions/workspace-indicator.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-high-contrast.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/_common.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/_drawing.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/_widgets.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_a11y.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_app-grid.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_base.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_buttons.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_calendar.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_check-box.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_corner-ripple.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_dash.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_dialogs.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_entries.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_hotplug.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_ibus-popup.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_keyboard.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_login-dialog.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_looking-glass.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_message-list.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_misc.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_network-dialog.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_notifications.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_osd.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_overview.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_panel.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_popovers.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_screen-shield.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_scrollbars.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_search-entry.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_search-results.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_slider.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_switcher-popup.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_switches.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_tiled-previews.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_window-picker.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_workspace-switcher.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/gnome-shell-sass/widgets/_workspace-thumbnails.scss (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/pad-osd.css (100%) rename src/themes/Kali/sass/{gnome-shell-sass => gnome-shell}/upstream/sync.sh (100%) rename src/themes/Kali/sass/{gtk-3-dark.scss => gtk3-dark.scss} (54%) rename src/themes/Kali/sass/{gtk-3.scss => gtk3.scss} (54%) rename src/themes/Kali/sass/{gtk-sass => gtk3}/_applications.scss (100%) rename src/themes/Kali/sass/{gtk-sass => gtk3}/_common-tweaks.scss (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-3 => gtk3/upstream}/_colors-public.scss (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-3 => gtk3/upstream}/_colors.scss (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-3 => gtk3/upstream}/_common.scss (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-3 => gtk3/upstream}/_common.scss.patch (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-3 => gtk3/upstream}/_drawing.scss (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-3 => gtk3/upstream}/_drawing.scss.patch (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-3 => gtk3/upstream}/libhandy/_Adwaita-base.scss (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-3 => gtk3/upstream}/libhandy/_definitions.scss (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-3 => gtk3/upstream}/libhandy/_drawing.scss (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-3 => gtk3/upstream}/libhandy/_fallback-base.scss (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-3 => gtk3/upstream}/libhandy/_shared-base.scss (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-3 => gtk3/upstream}/libhandy/sync.sh (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-3 => gtk3/upstream}/sync.sh (100%) rename src/themes/Kali/sass/{gtk-4-dark.scss => gtk4-dark.scss} (59%) rename src/themes/Kali/sass/{gtk-4.scss => gtk4.scss} (59%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-4 => gtk4/upstream}/_colors-public.scss (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-4 => gtk4/upstream}/_colors.scss (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-4 => gtk4/upstream}/_common.scss (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-4 => gtk4/upstream}/_drawing.scss (100%) rename src/themes/Kali/sass/{gtk-sass/upstream-gtk-4 => gtk4/upstream}/sync.sh (100%) diff --git a/src/themes/Kali/sass/Makefile b/src/themes/Kali/sass/Makefile index 509f953b..82209f50 100644 --- a/src/themes/Kali/sass/Makefile +++ b/src/themes/Kali/sass/Makefile @@ -12,12 +12,12 @@ build: $(patsubst %.scss, %.css, $(wildcard *.scss)) mkdir -p $(THEMES_DIR)Kali-Light/gnome-shell/ mkdir -p $(THEMES_DIR)Kali-Dark/gnome-shell/ - cp gtk-3.css $(THEMES_DIR)Kali-Light/gtk-3.0/gtk.css - cp gtk-3-dark.css $(THEMES_DIR)Kali-Light/gtk-3.0/gtk-dark.css - cp gtk-3-dark.css $(THEMES_DIR)Kali-Dark/gtk-3.0/gtk.css - cp gtk-4.css $(THEMES_DIR)Kali-Light/gtk-4.0/gtk.css - cp gtk-4-dark.css $(THEMES_DIR)Kali-Light/gtk-4.0/gtk-dark.css - cp gtk-4-dark.css $(THEMES_DIR)Kali-Dark/gtk-4.0/gtk.css + cp gtk3.css $(THEMES_DIR)Kali-Light/gtk-3.0/gtk.css + cp gtk3-dark.css $(THEMES_DIR)Kali-Light/gtk-3.0/gtk-dark.css + cp gtk3-dark.css $(THEMES_DIR)Kali-Dark/gtk-3.0/gtk.css + cp gtk4.css $(THEMES_DIR)Kali-Light/gtk-4.0/gtk.css + cp gtk4-dark.css $(THEMES_DIR)Kali-Light/gtk-4.0/gtk-dark.css + cp gtk4-dark.css $(THEMES_DIR)Kali-Dark/gtk-4.0/gtk.css cp gnome-shell.css $(THEMES_DIR)Kali-Light/gnome-shell/gnome-shell.css cp gnome-shell-dark.css $(THEMES_DIR)Kali-Dark/gnome-shell/gnome-shell.css diff --git a/src/themes/Kali/sass/gtk-sass/_colors.scss b/src/themes/Kali/sass/common/_colors.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/_colors.scss rename to src/themes/Kali/sass/common/_colors.scss diff --git a/src/themes/Kali/sass/gnome-shell-dark.scss b/src/themes/Kali/sass/gnome-shell-dark.scss index 2f1ae68d..e7972d82 100644 --- a/src/themes/Kali/sass/gnome-shell-dark.scss +++ b/src/themes/Kali/sass/gnome-shell-dark.scss @@ -1,8 +1,8 @@ $variant: 'dark'; -@import "gtk-sass/_colors"; //use gtk colors -@import "gnome-shell-sass/upstream/gnome-shell-sass/_drawing"; -@import "gnome-shell-sass/upstream/gnome-shell-sass/_common"; -@import "gnome-shell-sass/upstream/gnome-shell-sass/_widgets"; -@import "gnome-shell-sass/_common-tweaks"; -@import 'gnome-shell-sass/_extensions'; +@import "common/_colors"; //use gtk colors +@import "gnome-shell/upstream/gnome-shell-sass/_drawing"; +@import "gnome-shell/upstream/gnome-shell-sass/_common"; +@import "gnome-shell/upstream/gnome-shell-sass/_widgets"; +@import "gnome-shell/_common-tweaks"; +@import 'gnome-shell/_extensions'; diff --git a/src/themes/Kali/sass/gnome-shell.scss b/src/themes/Kali/sass/gnome-shell.scss index 0e9feffb..9ff9caf1 100644 --- a/src/themes/Kali/sass/gnome-shell.scss +++ b/src/themes/Kali/sass/gnome-shell.scss @@ -1,8 +1,8 @@ $variant: 'light'; -@import "gtk-sass/_colors"; //use gtk colors -@import "gnome-shell-sass/upstream/gnome-shell-sass/_drawing"; -@import "gnome-shell-sass/upstream/gnome-shell-sass/_common"; -@import "gnome-shell-sass/upstream/gnome-shell-sass/_widgets"; -@import "gnome-shell-sass/_common-tweaks"; -@import 'gnome-shell-sass/_extensions'; +@import "common/_colors"; //use gtk colors +@import "gnome-shell/upstream/gnome-shell-sass/_drawing"; +@import "gnome-shell/upstream/gnome-shell-sass/_common"; +@import "gnome-shell/upstream/gnome-shell-sass/_widgets"; +@import "gnome-shell/_common-tweaks"; +@import 'gnome-shell/_extensions'; diff --git a/src/themes/Kali/sass/gnome-shell-sass/_common-tweaks.scss b/src/themes/Kali/sass/gnome-shell/_common-tweaks.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/_common-tweaks.scss rename to src/themes/Kali/sass/gnome-shell/_common-tweaks.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/_extensions.scss b/src/themes/Kali/sass/gnome-shell/_extensions.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/_extensions.scss rename to src/themes/Kali/sass/gnome-shell/_extensions.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/extensions/workspace-indicator.scss b/src/themes/Kali/sass/gnome-shell/extensions/workspace-indicator.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/extensions/workspace-indicator.scss rename to src/themes/Kali/sass/gnome-shell/extensions/workspace-indicator.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-high-contrast.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-high-contrast.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-high-contrast.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-high-contrast.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/_common.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_common.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/_common.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_common.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/_drawing.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_drawing.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/_drawing.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_drawing.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/_widgets.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_widgets.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/_widgets.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/_widgets.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_a11y.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_a11y.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_a11y.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_a11y.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_app-grid.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_app-grid.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_app-grid.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_app-grid.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_base.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_base.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_base.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_base.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_buttons.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_buttons.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_buttons.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_buttons.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_calendar.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_calendar.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_calendar.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_calendar.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_check-box.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_check-box.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_check-box.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_check-box.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_corner-ripple.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_corner-ripple.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_corner-ripple.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_corner-ripple.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_dash.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_dash.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_dash.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_dash.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_dialogs.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_dialogs.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_dialogs.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_dialogs.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_entries.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_entries.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_entries.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_entries.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_hotplug.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_hotplug.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_hotplug.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_hotplug.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_ibus-popup.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_ibus-popup.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_ibus-popup.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_ibus-popup.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_keyboard.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_keyboard.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_keyboard.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_keyboard.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_login-dialog.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_login-dialog.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_login-dialog.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_login-dialog.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_looking-glass.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_looking-glass.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_looking-glass.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_looking-glass.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_message-list.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_message-list.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_message-list.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_message-list.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_misc.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_misc.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_misc.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_misc.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_network-dialog.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_network-dialog.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_network-dialog.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_network-dialog.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_notifications.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_notifications.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_notifications.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_notifications.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_osd.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_osd.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_osd.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_osd.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_overview.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_overview.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_overview.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_overview.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_panel.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_panel.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_panel.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_panel.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_popovers.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_popovers.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_popovers.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_popovers.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_screen-shield.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_screen-shield.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_screen-shield.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_screen-shield.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_scrollbars.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_scrollbars.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_scrollbars.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_scrollbars.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_search-entry.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_search-entry.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_search-entry.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_search-entry.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_search-results.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_search-results.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_search-results.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_search-results.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_slider.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_slider.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_slider.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_slider.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_switcher-popup.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_switcher-popup.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_switcher-popup.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_switcher-popup.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_switches.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_switches.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_switches.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_switches.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_tiled-previews.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_tiled-previews.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_tiled-previews.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_tiled-previews.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_window-picker.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_window-picker.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_window-picker.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_window-picker.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_workspace-switcher.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_workspace-switcher.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_workspace-switcher.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_workspace-switcher.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_workspace-thumbnails.scss b/src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_workspace-thumbnails.scss similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/gnome-shell-sass/widgets/_workspace-thumbnails.scss rename to src/themes/Kali/sass/gnome-shell/upstream/gnome-shell-sass/widgets/_workspace-thumbnails.scss diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/pad-osd.css b/src/themes/Kali/sass/gnome-shell/upstream/pad-osd.css similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/pad-osd.css rename to src/themes/Kali/sass/gnome-shell/upstream/pad-osd.css diff --git a/src/themes/Kali/sass/gnome-shell-sass/upstream/sync.sh b/src/themes/Kali/sass/gnome-shell/upstream/sync.sh similarity index 100% rename from src/themes/Kali/sass/gnome-shell-sass/upstream/sync.sh rename to src/themes/Kali/sass/gnome-shell/upstream/sync.sh diff --git a/src/themes/Kali/sass/gtk-3-dark.scss b/src/themes/Kali/sass/gtk3-dark.scss similarity index 54% rename from src/themes/Kali/sass/gtk-3-dark.scss rename to src/themes/Kali/sass/gtk3-dark.scss index 4c1ece97..a812df95 100644 --- a/src/themes/Kali/sass/gtk-3-dark.scss +++ b/src/themes/Kali/sass/gtk3-dark.scss @@ -7,10 +7,10 @@ $variant: 'dark'; $high-contrast:'false'; -@import 'gtk-sass/_colors'; -@import 'gtk-sass/upstream-gtk-3/_drawing'; -@import 'gtk-sass/upstream-gtk-3/_common'; -@import 'gtk-sass/upstream-gtk-3/libhandy/Adwaita-base'; -@import 'gtk-sass/_common-tweaks'; -@import 'gtk-sass/_applications'; -@import 'gtk-sass/upstream-gtk-3/_colors-public'; +@import 'common/_colors'; +@import 'gtk3/upstream/_drawing'; +@import 'gtk3/upstream/_common'; +@import 'gtk3/upstream/libhandy/Adwaita-base'; +@import 'gtk3/_common-tweaks'; +@import 'gtk3/_applications'; +@import 'gtk3/upstream/_colors-public'; diff --git a/src/themes/Kali/sass/gtk-3.scss b/src/themes/Kali/sass/gtk3.scss similarity index 54% rename from src/themes/Kali/sass/gtk-3.scss rename to src/themes/Kali/sass/gtk3.scss index 81950f09..b755b1f6 100644 --- a/src/themes/Kali/sass/gtk-3.scss +++ b/src/themes/Kali/sass/gtk3.scss @@ -7,10 +7,10 @@ $variant: 'light'; $high-contrast:'false'; -@import 'gtk-sass/_colors'; -@import 'gtk-sass/upstream-gtk-3/_drawing'; -@import 'gtk-sass/upstream-gtk-3/_common'; -@import 'gtk-sass/upstream-gtk-3/libhandy/Adwaita-base'; -@import 'gtk-sass/_common-tweaks'; -@import 'gtk-sass/_applications'; -@import 'gtk-sass/upstream-gtk-3/_colors-public'; +@import 'common/_colors'; +@import 'gtk3/upstream/_drawing'; +@import 'gtk3/upstream/_common'; +@import 'gtk3/upstream/libhandy/Adwaita-base'; +@import 'gtk3/_common-tweaks'; +@import 'gtk3/_applications'; +@import 'gtk3/upstream/_colors-public'; diff --git a/src/themes/Kali/sass/gtk-sass/_applications.scss b/src/themes/Kali/sass/gtk3/_applications.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/_applications.scss rename to src/themes/Kali/sass/gtk3/_applications.scss diff --git a/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss b/src/themes/Kali/sass/gtk3/_common-tweaks.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/_common-tweaks.scss rename to src/themes/Kali/sass/gtk3/_common-tweaks.scss diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_colors-public.scss b/src/themes/Kali/sass/gtk3/upstream/_colors-public.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_colors-public.scss rename to src/themes/Kali/sass/gtk3/upstream/_colors-public.scss diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_colors.scss b/src/themes/Kali/sass/gtk3/upstream/_colors.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_colors.scss rename to src/themes/Kali/sass/gtk3/upstream/_colors.scss diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_common.scss b/src/themes/Kali/sass/gtk3/upstream/_common.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_common.scss rename to src/themes/Kali/sass/gtk3/upstream/_common.scss diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_common.scss.patch b/src/themes/Kali/sass/gtk3/upstream/_common.scss.patch similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_common.scss.patch rename to src/themes/Kali/sass/gtk3/upstream/_common.scss.patch diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_drawing.scss b/src/themes/Kali/sass/gtk3/upstream/_drawing.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_drawing.scss rename to src/themes/Kali/sass/gtk3/upstream/_drawing.scss diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_drawing.scss.patch b/src/themes/Kali/sass/gtk3/upstream/_drawing.scss.patch similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-3/_drawing.scss.patch rename to src/themes/Kali/sass/gtk3/upstream/_drawing.scss.patch diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/libhandy/_Adwaita-base.scss b/src/themes/Kali/sass/gtk3/upstream/libhandy/_Adwaita-base.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-3/libhandy/_Adwaita-base.scss rename to src/themes/Kali/sass/gtk3/upstream/libhandy/_Adwaita-base.scss diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/libhandy/_definitions.scss b/src/themes/Kali/sass/gtk3/upstream/libhandy/_definitions.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-3/libhandy/_definitions.scss rename to src/themes/Kali/sass/gtk3/upstream/libhandy/_definitions.scss diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/libhandy/_drawing.scss b/src/themes/Kali/sass/gtk3/upstream/libhandy/_drawing.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-3/libhandy/_drawing.scss rename to src/themes/Kali/sass/gtk3/upstream/libhandy/_drawing.scss diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/libhandy/_fallback-base.scss b/src/themes/Kali/sass/gtk3/upstream/libhandy/_fallback-base.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-3/libhandy/_fallback-base.scss rename to src/themes/Kali/sass/gtk3/upstream/libhandy/_fallback-base.scss diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/libhandy/_shared-base.scss b/src/themes/Kali/sass/gtk3/upstream/libhandy/_shared-base.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-3/libhandy/_shared-base.scss rename to src/themes/Kali/sass/gtk3/upstream/libhandy/_shared-base.scss diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/libhandy/sync.sh b/src/themes/Kali/sass/gtk3/upstream/libhandy/sync.sh similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-3/libhandy/sync.sh rename to src/themes/Kali/sass/gtk3/upstream/libhandy/sync.sh diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-3/sync.sh b/src/themes/Kali/sass/gtk3/upstream/sync.sh similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-3/sync.sh rename to src/themes/Kali/sass/gtk3/upstream/sync.sh diff --git a/src/themes/Kali/sass/gtk-4-dark.scss b/src/themes/Kali/sass/gtk4-dark.scss similarity index 59% rename from src/themes/Kali/sass/gtk-4-dark.scss rename to src/themes/Kali/sass/gtk4-dark.scss index 27aec71a..96a082e9 100644 --- a/src/themes/Kali/sass/gtk-4-dark.scss +++ b/src/themes/Kali/sass/gtk4-dark.scss @@ -7,9 +7,9 @@ $variant: 'dark'; $high-contrast:'false'; -@import 'gtk-sass/_colors'; -@import 'gtk-sass/upstream-gtk-4/_drawing'; -@import 'gtk-sass/upstream-gtk-4/_common'; -//@import 'gtk-sass/_common-tweaks'; -@import 'gtk-sass/_applications'; -@import 'gtk-sass/upstream-gtk-4/_colors-public'; +@import 'common/_colors'; +@import 'gtk4/upstream/_drawing'; +@import 'gtk4/upstream/_common'; +//@import 'gtk4/_common-tweaks'; +//@import 'gtk4/_applications'; +@import 'gtk4/upstream/_colors-public'; diff --git a/src/themes/Kali/sass/gtk-4.scss b/src/themes/Kali/sass/gtk4.scss similarity index 59% rename from src/themes/Kali/sass/gtk-4.scss rename to src/themes/Kali/sass/gtk4.scss index 31b3f0e8..a4c0cacf 100644 --- a/src/themes/Kali/sass/gtk-4.scss +++ b/src/themes/Kali/sass/gtk4.scss @@ -7,9 +7,9 @@ $variant: 'light'; $high-contrast:'false'; -@import 'gtk-sass/_colors'; -@import 'gtk-sass/upstream-gtk-4/_drawing'; -@import 'gtk-sass/upstream-gtk-4/_common'; -//@import 'gtk-sass/_common-tweaks'; -@import 'gtk-sass/_applications'; -@import 'gtk-sass/upstream-gtk-4/_colors-public'; +@import 'common/_colors'; +@import 'gtk4/upstream/_drawing'; +@import 'gtk4/upstream/_common'; +//@import 'gtk4/_common-tweaks'; +//@import 'gtk4/_applications'; +@import 'gtk4/upstream/_colors-public'; diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_colors-public.scss b/src/themes/Kali/sass/gtk4/upstream/_colors-public.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_colors-public.scss rename to src/themes/Kali/sass/gtk4/upstream/_colors-public.scss diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_colors.scss b/src/themes/Kali/sass/gtk4/upstream/_colors.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_colors.scss rename to src/themes/Kali/sass/gtk4/upstream/_colors.scss diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_common.scss b/src/themes/Kali/sass/gtk4/upstream/_common.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_common.scss rename to src/themes/Kali/sass/gtk4/upstream/_common.scss diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_drawing.scss b/src/themes/Kali/sass/gtk4/upstream/_drawing.scss similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-4/_drawing.scss rename to src/themes/Kali/sass/gtk4/upstream/_drawing.scss diff --git a/src/themes/Kali/sass/gtk-sass/upstream-gtk-4/sync.sh b/src/themes/Kali/sass/gtk4/upstream/sync.sh similarity index 100% rename from src/themes/Kali/sass/gtk-sass/upstream-gtk-4/sync.sh rename to src/themes/Kali/sass/gtk4/upstream/sync.sh From 7022c4a49f74aa2b8cd2a005ae3dad25fe04c231 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Tue, 2 Mar 2021 18:41:01 +0100 Subject: [PATCH 08/30] GTK4: Add _common-tweaks and _applications scss --- src/themes/Kali/sass/gtk4-dark.scss | 4 ++-- src/themes/Kali/sass/gtk4.scss | 4 ++-- src/themes/Kali/sass/gtk4/_applications.scss | 0 src/themes/Kali/sass/gtk4/_common-tweaks.scss | 1 + 4 files changed, 5 insertions(+), 4 deletions(-) create mode 100644 src/themes/Kali/sass/gtk4/_applications.scss create mode 100644 src/themes/Kali/sass/gtk4/_common-tweaks.scss diff --git a/src/themes/Kali/sass/gtk4-dark.scss b/src/themes/Kali/sass/gtk4-dark.scss index 96a082e9..22fb3d48 100644 --- a/src/themes/Kali/sass/gtk4-dark.scss +++ b/src/themes/Kali/sass/gtk4-dark.scss @@ -10,6 +10,6 @@ $high-contrast:'false'; @import 'common/_colors'; @import 'gtk4/upstream/_drawing'; @import 'gtk4/upstream/_common'; -//@import 'gtk4/_common-tweaks'; -//@import 'gtk4/_applications'; +@import 'gtk4/_common-tweaks'; +@import 'gtk4/_applications'; @import 'gtk4/upstream/_colors-public'; diff --git a/src/themes/Kali/sass/gtk4.scss b/src/themes/Kali/sass/gtk4.scss index a4c0cacf..c127ade6 100644 --- a/src/themes/Kali/sass/gtk4.scss +++ b/src/themes/Kali/sass/gtk4.scss @@ -10,6 +10,6 @@ $high-contrast:'false'; @import 'common/_colors'; @import 'gtk4/upstream/_drawing'; @import 'gtk4/upstream/_common'; -//@import 'gtk4/_common-tweaks'; -//@import 'gtk4/_applications'; +@import 'gtk4/_common-tweaks'; +@import 'gtk4/_applications'; @import 'gtk4/upstream/_colors-public'; diff --git a/src/themes/Kali/sass/gtk4/_applications.scss b/src/themes/Kali/sass/gtk4/_applications.scss new file mode 100644 index 00000000..e69de29b diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss new file mode 100644 index 00000000..8b137891 --- /dev/null +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -0,0 +1 @@ + From 4093dd9b7b5fffa775e72755fd3d27bd0287e597 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Tue, 2 Mar 2021 18:42:19 +0100 Subject: [PATCH 09/30] GTK4: Customize button widgets --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 24 +++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index 8b137891..21280251 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -1 +1,25 @@ +$_widget_inset_shadow: inset 0 3px 5px -4px $shadow_color, 0 1px rgba(255, 255, 255, .05); + +/********** + * Button * + **********/ +button { + @at-root %button_active, + &:active, + &:checked { + background: $dark_fill; + box-shadow: $_widget_inset_shadow; + + &:backdrop { box-shadow: none; } + } + + &.flat:not(.link) { + &:hover { + @extend %button_active; + transition: none; + } + + &:backdrop { @include button(undecorated); } + } +} From 2f79b4d9bcedfb83c6840072b0786fb514abb3e0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Tue, 2 Mar 2021 18:43:32 +0100 Subject: [PATCH 10/30] GTK4: Customize headerbar --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 22 +++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index 21280251..d03e601f 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -23,3 +23,25 @@ button { } } +/*************** + * Header bars * + ***************/ +.titlebar, +headerbar { + $_border_color: darken($bg_color, 20%); + border-color: $_border_color; + + $_scale_asset: 'assets/kali-headerbar-logo#{$asset_suffix}'; + @include headerbar_fill(darken($bg_color, if($variant == 'light', 5%, 10%)), + $ov: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png'))); + box-shadow: 0 1px 4px transparentize($_border_color, .25); + background-repeat: no-repeat; + background-position: left; + + &:backdrop { + background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')); + background-repeat: no-repeat; + background-position: left; + box-shadow: none; + } +} From 0e4a85409ea9278da5da59368107cffebed39edf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Tue, 2 Mar 2021 18:44:07 +0100 Subject: [PATCH 11/30] GTK4: Customize stackswitcher --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index d03e601f..cb5ee919 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -44,4 +44,9 @@ headerbar { background-position: left; box-shadow: none; } + + stackswitcher button:checked, + button.toggle { + &:active, &:checked { @extend %button_active; } + } } From 2d4d0705d608de8a642f461d2d7cbef078c21be3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Tue, 2 Mar 2021 18:45:17 +0100 Subject: [PATCH 12/30] GTK4: Customize entries --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index cb5ee919..ef56b040 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -23,6 +23,25 @@ button { } } +/********** + * Entry * + **********/ +%entry, +entry { + box-shadow: $_widget_inset_shadow; + background: if($variant=='dark', $dark_fill, $base_color); + + &:backdrop { + box-shadow: none; + border-color: $backdrop_borders_color; + } +} + +headerbar %entry, +headerbar entry { + background: $base_color; +} + /*************** * Header bars * ***************/ From 0ed8879459f37d9320ed2f22f86eb96e820792c1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Tue, 2 Mar 2021 20:54:33 +0100 Subject: [PATCH 13/30] GTK4: Add volume to button widgets --- src/themes/Kali/sass/gtk4/upstream/_drawing.scss | 7 ++++--- .../Kali/sass/gtk4/upstream/_drawing.scss.patch | 11 +++++++++++ 2 files changed, 15 insertions(+), 3 deletions(-) create mode 100644 src/themes/Kali/sass/gtk4/upstream/_drawing.scss.patch diff --git a/src/themes/Kali/sass/gtk4/upstream/_drawing.scss b/src/themes/Kali/sass/gtk4/upstream/_drawing.scss index b8fed6ea..b9c8ca2a 100644 --- a/src/themes/Kali/sass/gtk4/upstream/_drawing.scss +++ b/src/themes/Kali/sass/gtk4/upstream/_drawing.scss @@ -122,7 +122,9 @@ $_default_button_c: lighten($bg_color,2%); // backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, // osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated // - $_button_shadow: 0 1px 2px transparentize($shadow_color, 0.03); + $_button_shadow: inset 0 1px transparentize(white, .95), + inset 0 -1px 0px transparentize(if($c != $bg_color, _border_color($c), $borders_color), .25), + 0 1px 2px transparentize($shadow_color, 0.03); @if $t==normal { // @@ -131,8 +133,7 @@ $_default_button_c: lighten($bg_color,2%); color: $tc; outline-color: if($c != $_default_button_c, $alt_focus_border_color, $focus_border_color); border-color: if($c!=$_default_button_c, _border_color($c, true), $borders_color); //tint if not default button color - background-image: if($variant == 'light', linear-gradient(to top, darken($c, 2%) 2px, $c), - linear-gradient(to top, darken($c,1%) 2px, $c)); + background-image: image(lighten($c, 5%)); @include _shadows($_button_shadow); } diff --git a/src/themes/Kali/sass/gtk4/upstream/_drawing.scss.patch b/src/themes/Kali/sass/gtk4/upstream/_drawing.scss.patch new file mode 100644 index 00000000..69a0561f --- /dev/null +++ b/src/themes/Kali/sass/gtk4/upstream/_drawing.scss.patch @@ -0,0 +1,11 @@ +125c125,127 +< $_button_shadow: 0 1px 2px transparentize($shadow_color, 0.03); +--- +> $_button_shadow: inset 0 1px transparentize(white, .95), +> inset 0 -1px 0px transparentize(if($c != $bg_color, _border_color($c), $borders_color), .25), +> 0 1px 2px transparentize($shadow_color, 0.03); +134,135c136 +< background-image: if($variant == 'light', linear-gradient(to top, darken($c, 2%) 2px, $c), +< linear-gradient(to top, darken($c,1%) 2px, $c)); +--- +> background-image: image(lighten($c, 5%)); From 603511fd7f58cca2c21e6c14dcdc57f345510dc4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Wed, 3 Mar 2021 10:31:17 +0100 Subject: [PATCH 14/30] GTK4: Customize tabs --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 80 +++++++++++++++++++ 1 file changed, 80 insertions(+) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index ef56b040..3d01a08a 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -69,3 +69,83 @@ headerbar { &:active, &:checked { @extend %button_active; } } } + +/************* + * Notebooks * + *************/ +notebook { + > header { + border: 0; + padding: 0; + background-color: $dark_fill; + + &.top, + &.bottom, + &.left, + &.right { + > tabs { + margin: 0; + + > tab, + > tab.reorderable-page { + border: 1px solid transparent; + margin: 3px; + transition: $button_transition; + + &:hover { + @include button(hover); + transition-duration: 50ms; + + &:backdrop { + @include button(undecorated); + } + } + + &:checked { + @include button(normal); + + &:backdrop { + @include button(backdrop); + transition: $backdrop_transition; + } + } + + &:backdrop { color: $backdrop_fg_color; } + } + } + } + + $gradient: + rgba(black, 0), + rgba(black, 0) calc(100% - 2px), + rgba(black, 0.05) calc(100% - 1px), + rgba(black, 0.15); + + &.top { + background-image: linear-gradient(to bottom, $gradient); + } + + &.bottom { + background-image: linear-gradient(to top, $gradient); + } + + &.right { + background-image: linear-gradient(to left, $gradient); + } + + &.left { + background-image: linear-gradient(to right, $gradient); + } + + tab { + border-radius: $button_radius; + transition: $button_transition; + min-height: 28px; + + button.flat { + margin-top: 1px; + margin-bottom: 1px; + } + } + } +} From 04b923927c8adf85170647639ccfc14eb5f06e05 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Wed, 3 Mar 2021 12:24:42 +0100 Subject: [PATCH 15/30] GTK4: Customize headerbar inside dialog window --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index 3d01a08a..b6652b22 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -68,6 +68,13 @@ headerbar { button.toggle { &:active, &:checked { @extend %button_active; } } + + .dialog &, + .dialog &:backdrop { + background: $bg_color; + border: 0; + box-shadow: none; + } } /************* From 443bab6be604c20dcdf8ef3d8782e73f6ac0000e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Wed, 3 Mar 2021 13:30:37 +0100 Subject: [PATCH 16/30] GTK4: Fix inset shadow of entry widgets --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index b6652b22..65f85846 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -1,4 +1,4 @@ -$_widget_inset_shadow: inset 0 3px 5px -4px $shadow_color, 0 1px rgba(255, 255, 255, .05); +$_widget_inset_shadow: inset 0 3px 10px -4px $shadow_color, 0 1px rgba(255, 255, 255, .05); /********** * Button * @@ -28,8 +28,10 @@ button { **********/ %entry, entry { - box-shadow: $_widget_inset_shadow; - background: if($variant=='dark', $dark_fill, $base_color); + &:not(:disabled) { + box-shadow: $_widget_inset_shadow; + background: if($variant=='dark', $dark_fill, $bg_color); + } &:backdrop { box-shadow: none; From 1336e165865a168de6215ff0d50e2993757c9089 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Wed, 3 Mar 2021 13:43:49 +0100 Subject: [PATCH 17/30] GTK4: Remove shadows to disabled buttons --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index 65f85846..0c978f71 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -13,6 +13,8 @@ button { &:backdrop { box-shadow: none; } } + &:disabled { box-shadow: none; } + &.flat:not(.link) { &:hover { @extend %button_active; From 57c2af136187a98d416fe49d0f5e26af7e0920ca Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Wed, 3 Mar 2021 17:41:27 +0100 Subject: [PATCH 18/30] GTK4: Customize switches --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 50 +++++++++++++++++++ 1 file changed, 50 insertions(+) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index 0c978f71..3d0d9601 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -46,6 +46,56 @@ headerbar entry { background: $base_color; } +/********** + * Switch * + **********/ +switch { + box-shadow: $_widget_inset_shadow; + + slider { @extend %slider; } + + &:hover slider { @extend %slider_active; } + + &:checked { + border-right-width: 0; // Hack to prevent dirty right border-radius + margin-right: 1px; // Compensate missing right border + box-shadow: inset 0 1px 3px -1px transparentize(black, .4); + + &, &:backdrop { border-color: transparentize(black, .8); } + + slider { + border-color: if($variant=='light', $suggested_border_color, $borders_color); + &:backdrop:not(:disabled) { + border-color: if($variant=='light', $suggested_bg_color, $backdrop_borders_color); + } + } + } + + &:backdrop, &:disabled { + box-shadow: none; + border-color: $backdrop_borders_color; + + slider { border-color: $backdrop_borders_color; } + } +} + +/************ + * GtkScale * + ************/ +%slider, +scale slider { + @include button(normal); + + border-color: darken($alt_borders_color, 3%); + @at-root %slider_active, + &:active { + background-image: if($variant == 'light', image(lighten($bg_color, 14%)), image(darken($bg_color, 9%))); + border-color: $suggested_bg_color; + } + + &:disabled { border-color: $backdrop_borders_color; } +} + /*************** * Header bars * ***************/ From c56a7265c09702a5130f2e5e8bed16774f8a50a4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Wed, 3 Mar 2021 18:09:05 +0100 Subject: [PATCH 19/30] GTK4: Tweak switch slider on backdrop state --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index 3d0d9601..b2bd3c89 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -87,13 +87,18 @@ scale slider { @include button(normal); border-color: darken($alt_borders_color, 3%); + @at-root %slider_active, &:active { background-image: if($variant == 'light', image(lighten($bg_color, 14%)), image(darken($bg_color, 9%))); border-color: $suggested_bg_color; } - &:disabled { border-color: $backdrop_borders_color; } + &:backdrop, &:disabled { + border-color: $borders_color; + background-image: image($bg_color); + box-shadow: none; + } } /*************** From 2dda99edcc7d8cff34a80c939ee0d7799d258a57 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Wed, 3 Mar 2021 20:43:54 +0100 Subject: [PATCH 20/30] GTK4: Customize check and radio widgets --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 49 +++++++++++++++++++ 1 file changed, 49 insertions(+) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index b2bd3c89..a70ea132 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -79,6 +79,55 @@ switch { } } +/************************* + * Check and Radio items * + *************************/ +check, +radio { + $_c: if($variant=='light', $bg_color, darken($bg_color, 2%)); + $_shadow: 0 1px 2px transparentize($shadow_color, 0.03); + + background-image: linear-gradient(to bottom, $_c 20%, darken($_c, 2%) 90%); + border-color: $alt_borders_color; + + &, &:active { box-shadow: $_widget_inset_shadow; } + + &:checked, &:indeterminate { + background-image: linear-gradient(to bottom, $checkradio_bg_color 20%, darken($checkradio_bg_color, 2%) 90%); + border-color: $selected_borders_color; + color: $selected_fg_color; + + &, &:active { box-shadow: inset 0 1px transparentize(white, .9), $_shadow; } + + &:backdrop { + background-image: image($checkradio_bg_color); + box-shadow: none; + } + } + + &:disabled, &:disabled:backdrop { + &, &:checked, &:indeterminate { + border-color: $borders_color; + background-image: image($bg_color); + color: $fg_color; + } + } +} + +radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); } + +check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } + +radio, +check { + &:active { -gtk-icon-transform: scale(0, 1); } + + &:checked:not(:backdrop), &:indeterminate:not(:backdrop) { + -gtk-icon-transform: unset; + transition: 400ms; + } +} + /************ * GtkScale * ************/ From bc725bd507055470521639b604f1678f1c50d124 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Thu, 4 Mar 2021 09:21:00 +0100 Subject: [PATCH 21/30] GTK4: Add setting for compact widgets --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 47 ++++++++++++++++++- 1 file changed, 46 insertions(+), 1 deletion(-) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index a70ea132..b2481464 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -1,9 +1,22 @@ $_widget_inset_shadow: inset 0 3px 10px -4px $shadow_color, 0 1px rgba(255, 255, 255, .05); +// Optional compact sizes for buttons, headerbar and headerbar widgets +$_sizevariant: 'compact'; //compact otherwise +$_headerbar_height: if($_sizevariant=='default', 46px, 40px); +$_entry_height: if($_sizevariant=='default', 32px, 28px); +$_btn_pad: if($_sizevariant=='default', 4px 9px, 2px 6px); +$_hb_btn_pad: if($_sizevariant=='default', 6px, 5px); +$_img_btn_pad: if($_sizevariant=='default', 5px, 2px); +$_circ_btn_pad: if($_sizevariant=='default', 4px, 2px); +$_switch_margin: if($_sizevariant=='default', 10px, 7px); + /********** * Button * **********/ +%button, button { + @at-root %button_basic, & { padding: $_btn_pad; } + @at-root %button_active, &:active, &:checked { @@ -23,6 +36,17 @@ button { &:backdrop { @include button(undecorated); } } + + &.image-button { + padding-left: $_img_btn_pad; + padding-right: $_img_btn_pad; + } + + &.circular { + min-height: 24px; + min-width: 24px; + padding: $_circ_btn_pad; + } } /********** @@ -30,6 +54,8 @@ button { **********/ %entry, entry { + %entry_basic, & { min-height: $_entry_height; } + &:not(:disabled) { box-shadow: $_widget_inset_shadow; background: if($variant=='dark', $dark_fill, $bg_color); @@ -153,9 +179,11 @@ scale slider { /*************** * Header bars * ***************/ -.titlebar, +%titlebar, headerbar { $_border_color: darken($bg_color, 20%); + + min-height: $_headerbar_height; border-color: $_border_color; $_scale_asset: 'assets/kali-headerbar-logo#{$asset_suffix}'; @@ -185,6 +213,20 @@ headerbar { } } +headerbar { + entry, + spinbutton, + separator:not(.sidebar), + button { + margin-top: $_hb_btn_pad; + margin-bottom: $_hb_btn_pad; + } + switch { + margin-top: $_switch_margin; + margin-bottom: $_switch_margin; + } +} + /************* * Notebooks * *************/ @@ -264,3 +306,6 @@ notebook { } } } + +windowcontrols button { padding: $_hb_btn_pad; } + From 68d188b84b33ea8c446e8d8f0b0cf1708b84c1cb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Thu, 4 Mar 2021 09:25:24 +0100 Subject: [PATCH 22/30] Revert "GTK3: Match gtk4 widget sizes" This reverts commit bcda0430362fa4bebe08fe588bc541549f4fec33. --- src/themes/Kali/sass/gtk3/_common-tweaks.scss | 2 +- src/themes/Kali/sass/gtk3/upstream/_common.scss | 4 ++-- src/themes/Kali/sass/gtk3/upstream/_common.scss.patch | 7 ++++++- 3 files changed, 9 insertions(+), 4 deletions(-) diff --git a/src/themes/Kali/sass/gtk3/_common-tweaks.scss b/src/themes/Kali/sass/gtk3/_common-tweaks.scss index 9b3981b7..01f25616 100644 --- a/src/themes/Kali/sass/gtk3/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk3/_common-tweaks.scss @@ -291,7 +291,7 @@ notebook { tab { border-radius: $button_radius; transition: $button_transition; - min-height: 28px; + min-height: 24px; button.flat { margin-top: 1px; diff --git a/src/themes/Kali/sass/gtk3/upstream/_common.scss b/src/themes/Kali/sass/gtk3/upstream/_common.scss index dae30582..eec5f334 100644 --- a/src/themes/Kali/sass/gtk3/upstream/_common.scss +++ b/src/themes/Kali/sass/gtk3/upstream/_common.scss @@ -6,13 +6,13 @@ $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); $asset_suffix: if($variant=='dark', '-dark', ''); $backdrop_transition: 200ms ease-out; $button_transition: all 200ms $ease-out-quad; -$button_radius: 6px; +$button_radius: 4px; $menu_radius: 5px; $window_radius: $button_radius + 3; $popover_radius: $button_radius + 4; // Optional compact sizes for buttons, headerbar and headerbar widgets -$_sizevariant: 'default'; //compact otherwise +$_sizevariant: 'compact'; //compact otherwise $_headerbar_height: if($_sizevariant=='default', 46px, 40px); $_entry_height: if($_sizevariant=='default', 32px, 28px); $_btn_pad: if($_sizevariant=='default', 4px 9px, 2px 6px); diff --git a/src/themes/Kali/sass/gtk3/upstream/_common.scss.patch b/src/themes/Kali/sass/gtk3/upstream/_common.scss.patch index 21066f06..c0c35ebb 100644 --- a/src/themes/Kali/sass/gtk3/upstream/_common.scss.patch +++ b/src/themes/Kali/sass/gtk3/upstream/_common.scss.patch @@ -1,4 +1,9 @@ 9c9 < $button_radius: 5px; --- -> $button_radius: 6px; +> $button_radius: 4px; + +15c15 +< $_sizevariant: 'default'; //compact otherwise +--- +> $_sizevariant: 'compact'; //compact otherwise From d7724813ed9bd7f075446f6e004891c274daf737 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Thu, 4 Mar 2021 10:07:31 +0100 Subject: [PATCH 23/30] GTK4: Reduce button border-radius --- src/themes/Kali/sass/gtk4/upstream/_common.scss | 2 +- src/themes/Kali/sass/gtk4/upstream/_common.scss.patch | 4 ++++ 2 files changed, 5 insertions(+), 1 deletion(-) create mode 100644 src/themes/Kali/sass/gtk4/upstream/_common.scss.patch diff --git a/src/themes/Kali/sass/gtk4/upstream/_common.scss b/src/themes/Kali/sass/gtk4/upstream/_common.scss index 77790d75..0d4908fc 100644 --- a/src/themes/Kali/sass/gtk4/upstream/_common.scss +++ b/src/themes/Kali/sass/gtk4/upstream/_common.scss @@ -7,7 +7,7 @@ $asset_suffix: if($variant=='dark', '-dark', ''); $backdrop_transition: 200ms ease-out; $button_transition: all 200ms $ease-out-quad; $focus_transition: outline-width 200ms $ease-out-quad, outline-offset 200ms $ease-out-quad; -$button_radius: 5px; +$button_radius: 4px; $menu_radius: 5px; $menu_margin: $menu_radius; //margin around menuitems & sidebar items $window_radius: $button_radius + 3; diff --git a/src/themes/Kali/sass/gtk4/upstream/_common.scss.patch b/src/themes/Kali/sass/gtk4/upstream/_common.scss.patch new file mode 100644 index 00000000..72f74280 --- /dev/null +++ b/src/themes/Kali/sass/gtk4/upstream/_common.scss.patch @@ -0,0 +1,4 @@ +10c10 +< $button_radius: 5px; +--- +> $button_radius: 4px; From 87e3592bae3aff4b39524cd2bfcebe11b65a94d4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Thu, 4 Mar 2021 10:39:38 +0100 Subject: [PATCH 24/30] GTK4: Fix tab paddings --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index b2481464..cea3aa21 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -6,6 +6,7 @@ $_headerbar_height: if($_sizevariant=='default', 46px, 40px); $_entry_height: if($_sizevariant=='default', 32px, 28px); $_btn_pad: if($_sizevariant=='default', 4px 9px, 2px 6px); $_hb_btn_pad: if($_sizevariant=='default', 6px, 5px); +$_tab_btn_pad: if($_sizevariant=='default', 5px 16px, 3px 12px); $_img_btn_pad: if($_sizevariant=='default', 5px, 2px); $_circ_btn_pad: if($_sizevariant=='default', 4px, 2px); $_switch_margin: if($_sizevariant=='default', 10px, 7px); @@ -245,6 +246,7 @@ notebook { > tab, > tab.reorderable-page { + padding: $_tab_btn_pad; border: 1px solid transparent; margin: 3px; transition: $button_transition; @@ -294,10 +296,10 @@ notebook { background-image: linear-gradient(to right, $gradient); } - tab { + > tabs > tab { border-radius: $button_radius; transition: $button_transition; - min-height: 28px; + min-height: 24px; button.flat { margin-top: 1px; From af5551563cdc5623c898bd48b9d223d61d03da8d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Thu, 4 Mar 2021 13:08:32 +0100 Subject: [PATCH 25/30] GTK4: Customize tree views --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 20 +++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index cea3aa21..86e3a554 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -228,6 +228,26 @@ headerbar { } } +/************** + * Tree Views * + **************/ +treeview.view { + border-top-color: $borders-color; + + &:backdrop { border-top-color: $backdrop_borders_color; } + + header button { + @include button(normal); + + margin-left: -1px; // fix double border + + &:hover, + &:active { border-color: $borders_color; } + + &:backdrop { box-shadow: none; } + } +} + /************* * Notebooks * *************/ From 61536bc80a2e93b5dea91cc0a79e163fa6565cee Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Thu, 4 Mar 2021 17:21:48 +0100 Subject: [PATCH 26/30] GTK4: Customize window decoration --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 45 +++++++++++++++++++ 1 file changed, 45 insertions(+) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index 86e3a554..67ec8a2f 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -1,3 +1,4 @@ +$_menu_shadow: 0 1px 6px transparentize(black, if($variant == 'light', .85, .5)); $_widget_inset_shadow: inset 0 3px 10px -4px $shadow_color, 0 1px rgba(255, 255, 255, .05); // Optional compact sizes for buttons, headerbar and headerbar widgets @@ -329,5 +330,49 @@ notebook { } } +/********************** + * Window Decorations * + *********************/ +window { + &.csd { + $_border_width: 1px; + border-radius: $window_radius+$_border_width $window_radius+$_border_width $button_radius+$_border_width $button_radius+$_border_width; + border: $_border_width solid $base_color; + + box-shadow: 0 2px 8px 0 transparentize(black, 0.6), + 0 0 0 1px $_wm_border; + + &:backdrop { + box-shadow: 0 2px 8px 0 transparent, + 0 0 0 1px transparent, + 0 0 0 3px transparentize(black, if($variant == 'light', .85, .75)); + } + + &.dialog.message, + &.popup { + box-shadow: $_menu_shadow, + 0 0 0 1px transparentize($_wm_border, 0.1); + border-width: 0; + } + } + + &.maximized, + &.fullscreen, + &.tiled, + &.tiled-top, + &.tiled-left, + &.tiled-right, + &.tiled-bottom { border-width: 0; } + + &.popup { border-width: 0; } + + &.ssd { + box-shadow: 0 0 0 1px $_wm_border; + border-width: 0; + } +} + +tooltip.csd { border: 0; } + windowcontrols button { padding: $_hb_btn_pad; } From 307fd08b154a501d9ac0fb05c19e1a1c78868c27 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Wed, 7 Apr 2021 18:40:35 +0200 Subject: [PATCH 27/30] Update symbolic assets for GTK4 --- .../gtk3/symbolic/bullet-symbolic.symbolic.png | Bin 147 -> 232 bytes .../symbolic/bullet@2-symbolic.symbolic.png | Bin 0 -> 312 bytes .../gtk3/symbolic/check-symbolic.symbolic.png | Bin 231 -> 278 bytes .../gtk3/symbolic/check@2-symbolic.symbolic.png | Bin 0 -> 371 bytes .../gtk3/symbolic/dash@2-symbolic.symbolic.png | Bin 0 -> 185 bytes 5 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/themes/Kali/assets-renderer/gtk3/symbolic/bullet@2-symbolic.symbolic.png create mode 100644 src/themes/Kali/assets-renderer/gtk3/symbolic/check@2-symbolic.symbolic.png create mode 100644 src/themes/Kali/assets-renderer/gtk3/symbolic/dash@2-symbolic.symbolic.png diff --git a/src/themes/Kali/assets-renderer/gtk3/symbolic/bullet-symbolic.symbolic.png b/src/themes/Kali/assets-renderer/gtk3/symbolic/bullet-symbolic.symbolic.png index 2ccb0e861afdca8a43bb6c1016fc67817865e41b..0ed01194dfdad4ee16878a4fa654e002b3c9a044 100644 GIT binary patch delta 108 zcmbQt_=0hQN)l&*M`SSr1K(i~W;~w1B87p0L9)a(q9iy!t)x7$D3zhSyj(9cFS|H7 zu^?41zbJk7I~ysWB6*Oakj#>tR0j9F{M=N9;L6;j{G7~W1<&OCJcW>q)ZEm*C7P=z H8YTe%h4Cc` delta 23 dcmaFCIGJ&R3NK5slV=DA5Y%v_bWChZ0su{P2A%)_ diff --git a/src/themes/Kali/assets-renderer/gtk3/symbolic/bullet@2-symbolic.symbolic.png b/src/themes/Kali/assets-renderer/gtk3/symbolic/bullet@2-symbolic.symbolic.png new file mode 100644 index 0000000000000000000000000000000000000000..2f26a510aef0b6da89d516e82e9c2fb139607bf6 GIT binary patch literal 312 zcmeAS@N?(olHy`uVBq!ia0vp^G9b*s1|*Ak?@s|zoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXpdxvYqL9pzoKyz)y!_l$h2YBE zr2L%BWChRU{5*w_jMUuJz9pKgfl6n2x;Tb-biSQ(koS-QkL!G|u!g@G)>6eSaZ#m= zWebuz3Op7SY4)iWJA9g4b1FP;%@M}qh5tGkdJeGIc;9VYxMpS%W0->Ml^`QE7RPUz zrY}o!CR}}`+cMcnLbpY~wP3Q@YpE8`LJPy&N;MiSN!wg2f;miYIy3z|>HXcDS)E() z$-;kXa~n5LT_bd&SnTHhZ5%O%Z_X6Xx&N8XZ+GCr05NeBpeq?XUHx3vIVCg!08kfk A3IG5A literal 0 HcmV?d00001 diff --git a/src/themes/Kali/assets-renderer/gtk3/symbolic/check-symbolic.symbolic.png b/src/themes/Kali/assets-renderer/gtk3/symbolic/check-symbolic.symbolic.png index eed1f45a58d8b995087a28451a5935079a749cb9..21be612723b5d9af296543ff92084c2eece3137f 100644 GIT binary patch delta 250 zcmaFPIE`t7NtR0j9F{M=N9;L6;j{G7~W1<&OCJcW>q)ZEm*C7P>& zN-I2F978lF?!6Gt<=`N2{Nww)bH@c^TtBG<7Tahj< zpLka_=(0&H`0UZDnIL+F{RInmd<;`ggX013XE!j>z`&`<8OCfePjEr+kM%+ xNk1YczmIo2{8{+YhR1(SZ{O%3*S+sF-@I?yI}W7F=K>wU;OXk;vd$@?2>_|DV%z`# delta 203 zcmbQn^qg^mN=gT#v^_J(k5)DZpR z$nX0}kmJvsU%XijwyY8f92#832iz`bTwo1bxWk1jr@?cf-y$bd+X;+*SEKiyZA-M= zva-Iuydjcz{`por&5BAV!#B#|`+8YVg?x$SoA*t7hxr_FMxX;2JYD@<);T3K0RTc| BNY4NO diff --git a/src/themes/Kali/assets-renderer/gtk3/symbolic/check@2-symbolic.symbolic.png b/src/themes/Kali/assets-renderer/gtk3/symbolic/check@2-symbolic.symbolic.png new file mode 100644 index 0000000000000000000000000000000000000000..2c2a0ddbbafce00aa11839870f4d36503f72ddc1 GIT binary patch literal 371 zcmeAS@N?(olHy`uVBq!ia0vp^G9b*s1|*Ak?@s|zoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXpdxvYqL9pzoKyz)y!_l$h2YBE zr2L%BWChRU{5*w_jMUuJz9pKgfl9A>x;Tb-biTb}%iZK4)9~@Q(dPWOm#zc|3Yv(R zd~MR5cy0OWheA(2-237uRr6rm;rVj^_}l)Nz31*~Q2p?dJNo~I2MH`WSrGvSOxuLS zcw`vc+0IDy$Zjw!2ucV`VB6C;ll=@w+SXpx30dEc9XQ&co3k-%<-QW8Cu})SyH;Lc z*&)5b_R;!W9XFZz?-;Ls^lNNSeDBvDx^!B`#iysA2z772zE(L&Zf;ihJVE74TH#;1 zZo6LO-23xD&P5r+{ zrWUE27ZtRMBbHut{FbtbBl_BpX`6HIMXLR9*v4V*{xD0E>xa!*zAx8KG8q)#U+^?9 gxz~q7v1TVj>inGTubCYafp#-^y85}Sb4q9e0Is1zcmMzZ literal 0 HcmV?d00001 From 50807ed2046a5120689992fe463846a525abb971 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Wed, 7 Apr 2021 18:45:06 +0200 Subject: [PATCH 28/30] GTK4: add missing $_wm_border variable --- src/themes/Kali/sass/gtk4/_common-tweaks.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/themes/Kali/sass/gtk4/_common-tweaks.scss b/src/themes/Kali/sass/gtk4/_common-tweaks.scss index 67ec8a2f..b6c5ff1f 100644 --- a/src/themes/Kali/sass/gtk4/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk4/_common-tweaks.scss @@ -1,5 +1,6 @@ $_menu_shadow: 0 1px 6px transparentize(black, if($variant == 'light', .85, .5)); $_widget_inset_shadow: inset 0 3px 10px -4px $shadow_color, 0 1px rgba(255, 255, 255, .05); +$_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize($borders_color, 0.25)); // Optional compact sizes for buttons, headerbar and headerbar widgets $_sizevariant: 'compact'; //compact otherwise From 5c9ccd4351c97426d3768b5530ae6eb2c1c7f7b3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Wed, 7 Apr 2021 19:25:46 +0200 Subject: [PATCH 29/30] GTK themes' makefile, ensure all directories are created --- src/themes/Kali/assets-renderer/.gitignore | 2 +- src/themes/Kali/assets-renderer/gtk2/.gitignore | 1 + src/themes/Kali/assets-renderer/gtk3/Makefile | 8 ++++++-- src/themes/Kali/assets-renderer/xfwm4/Makefile | 6 ++++++ 4 files changed, 14 insertions(+), 3 deletions(-) create mode 100644 src/themes/Kali/assets-renderer/gtk2/.gitignore diff --git a/src/themes/Kali/assets-renderer/.gitignore b/src/themes/Kali/assets-renderer/.gitignore index 0cf469e5..e00452dd 100644 --- a/src/themes/Kali/assets-renderer/.gitignore +++ b/src/themes/Kali/assets-renderer/.gitignore @@ -1 +1 @@ -/*\.png +/*/assets*/ diff --git a/src/themes/Kali/assets-renderer/gtk2/.gitignore b/src/themes/Kali/assets-renderer/gtk2/.gitignore new file mode 100644 index 00000000..4e99a3fb --- /dev/null +++ b/src/themes/Kali/assets-renderer/gtk2/.gitignore @@ -0,0 +1 @@ +menubar-toolbar diff --git a/src/themes/Kali/assets-renderer/gtk3/Makefile b/src/themes/Kali/assets-renderer/gtk3/Makefile index 3b786938..6fe1878b 100644 --- a/src/themes/Kali/assets-renderer/gtk3/Makefile +++ b/src/themes/Kali/assets-renderer/gtk3/Makefile @@ -27,10 +27,14 @@ build: $(SRC_FILE) --export-png=$(ASSETS_DIR)/$$i@2.png $(SRC_FILE) > /dev/null 2>&1 \ && $(OPTIPNG) $(ASSETS_DIR)/$$i@2.png ; \ done - mkdir -p $(THEMES_DIR)Kali-Light/gtk-3.0/assets/ - cp assets/* $(THEMES_DIR)Kali-Light/gtk-3.0/assets/ mkdir -p $(THEMES_DIR)Kali-Dark/gtk-3.0/assets/ + mkdir -p $(THEMES_DIR)Kali-Dark/gtk-4.0/ + mkdir -p $(THEMES_DIR)Kali-Light/gtk-3.0/ + mkdir -p $(THEMES_DIR)Kali-Light/gtk-4.0/ cp assets/* $(THEMES_DIR)Kali-Dark/gtk-3.0/assets/ + ln -rsvf $(THEMES_DIR)Kali-Dark/gtk-3.0/assets/ $(THEMES_DIR)Kali-Light/gtk-3.0/assets + ln -rsvf $(THEMES_DIR)Kali-Dark/gtk-3.0/assets/ $(THEMES_DIR)Kali-Dark/gtk-4.0/assets + ln -rsvf $(THEMES_DIR)Kali-Dark/gtk-3.0/assets/ $(THEMES_DIR)Kali-Light/gtk-4.0/assets clean: -rm -r $(ASSETS_DIR) diff --git a/src/themes/Kali/assets-renderer/xfwm4/Makefile b/src/themes/Kali/assets-renderer/xfwm4/Makefile index b82be567..d92d5909 100644 --- a/src/themes/Kali/assets-renderer/xfwm4/Makefile +++ b/src/themes/Kali/assets-renderer/xfwm4/Makefile @@ -35,6 +35,12 @@ build: $(ASSETS) && $(OPTIPNG) $$variant@2/$$i.png ; \ done ; \ done + mkdir -p $(THEMES_DIR)Kali-Light/xfwm4/ + mkdir -p $(THEMES_DIR)Kali-Dark/xfwm4/ + mkdir -p $(THEMES_DIR)Kali-Light-HiDPI/xfwm4/ + mkdir -p $(THEMES_DIR)Kali-Dark-HiDPI/xfwm4/ + mkdir -p $(THEMES_DIR)Kali-Light-xHiDPI/xfwm4/ + mkdir -p $(THEMES_DIR)Kali-Dark-xHiDPI/xfwm4/ cp assets/* $(THEMES_DIR)Kali-Light/xfwm4/ cp assets-dark/* $(THEMES_DIR)Kali-Dark/xfwm4/ cp assets@1.5/* $(THEMES_DIR)Kali-Light-HiDPI/xfwm4/ From 093b7cf7cc42752eb4bf4cefe4228a15b38641bf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Wed, 7 Apr 2021 20:36:13 +0200 Subject: [PATCH 30/30] sass make build, run clean first --- src/themes/Kali/sass/Makefile | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/themes/Kali/sass/Makefile b/src/themes/Kali/sass/Makefile index 82209f50..a5353eec 100644 --- a/src/themes/Kali/sass/Makefile +++ b/src/themes/Kali/sass/Makefile @@ -4,7 +4,7 @@ THEMES_DIR=../../../../share/themes/ .PHONY: build clean -build: $(patsubst %.scss, %.css, $(wildcard *.scss)) +build: clean $(patsubst %.scss, %.css, $(wildcard *.scss)) mkdir -p $(THEMES_DIR)Kali-Light/gtk-3.0/ mkdir -p $(THEMES_DIR)Kali-Dark/gtk-3.0/ mkdir -p $(THEMES_DIR)Kali-Light/gtk-4.0/