diff --git a/.config/dunst/dunstrc b/.config/dunst/dunstrc index 3d542ba2..d771d9f8 100644 --- a/.config/dunst/dunstrc +++ b/.config/dunst/dunstrc @@ -25,4 +25,4 @@ transparency = 20 background = "#1e1e2e77" foreground = "#cdd6f4" frame_color = "#f38ba8" - timeout = 0 + timeout = 30 diff --git a/.config/nvim b/.config/nvim index 1d69673e..9e02247d 160000 --- a/.config/nvim +++ b/.config/nvim @@ -1 +1 @@ -Subproject commit 1d69673e62cc5072543476f08df3f3432239d6d9 +Subproject commit 9e02247d65698d88acd1255e6672bf736b8bd62e diff --git a/.local/share/themes/Catppuccin-Mocha-Standard-Mauve-Dark/gtk-4.0/gtk.css b/.local/share/themes/Catppuccin-Mocha-Standard-Mauve-Dark/gtk-4.0/gtk.css index 765f22a4..052876c2 100644 --- a/.local/share/themes/Catppuccin-Mocha-Standard-Mauve-Dark/gtk-4.0/gtk.css +++ b/.local/share/themes/Catppuccin-Mocha-Standard-Mauve-Dark/gtk-4.0/gtk.css @@ -6,7 +6,9 @@ @keyframes ripple-on-slider { to { - background-size: auto, 1000% 1000%; + background-size: + auto, + 1000% 1000%; } } @@ -24,11 +26,11 @@ ***************/ .background { background-color: #1e1e2e; - color: #FFFFFF; + color: #ffffff; } dnd { - color: #FFFFFF; + color: #ffffff; } .normal-icons { @@ -52,17 +54,20 @@ treeview.expander:disabled { -gtk-icon-filter: opacity(0.5); } -iconview, .view { +iconview, +.view { background-color: #1e1e2e; - color: #FFFFFF; + color: #ffffff; } -iconview:disabled, .view:disabled { +iconview:disabled, +.view:disabled { color: rgba(255, 255, 255, 0.5); } -iconview:selected, .view:selected { - color: #FFFFFF; +iconview:selected, +.view:selected { + color: #ffffff; } textview text { @@ -74,14 +79,22 @@ textview border { color: rgba(255, 255, 255, 0.7); } -iconview:hover, iconview:selected { +iconview:hover, +iconview:selected { border-radius: 3px; } -rubberband, .content-view rubberband, .content-view columnview.view > rubberband, -.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband, +rubberband, +.content-view rubberband, +.content-view columnview.view > rubberband, +.content-view treeview.view > rubberband, +.content-view .rubberband, +columnview.view > rubberband, +.content-view columnview.view > .rubberband, treeview.view > rubberband, -.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { +.content-view treeview.view > .rubberband, +gridview > rubberband, +flowbox > rubberband { border: 1px solid #cba6f7; background-color: rgba(203, 166, 247, 0.3); } @@ -109,7 +122,7 @@ gridview > child box { } coverflow cover { - color: #FFFFFF; + color: #ffffff; background-color: #1e1e2e; border: 1px solid black; } @@ -123,7 +136,9 @@ label:disabled { color: rgba(255, 255, 255, 0.5); } -headerbar label:disabled, tab label:disabled, button label:disabled { +headerbar label:disabled, +tab label:disabled, +button label:disabled { color: inherit; opacity: 1; } @@ -131,10 +146,12 @@ headerbar label:disabled, tab label:disabled, button label:disabled { label.osd { border-radius: 6px; background-color: rgba(11, 11, 18, 0.9); - color: #FFFFFF; + color: #ffffff; } -.dim-label, row.expander image.expander-row-arrow, row label.subtitle { +.dim-label, +row.expander image.expander-row-arrow, +row label.subtitle { color: rgba(255, 255, 255, 0.7); opacity: 1; } @@ -144,15 +161,15 @@ label.osd { } .success { - color: #66BB6A; + color: #66bb6a; } .warning { - color: #FBC02D; + color: #fbc02d; } .error { - color: #F44336; + color: #f44336; } .large-title { @@ -212,20 +229,28 @@ window.assistant .sidebar label { } window.assistant .sidebar label.highlight { - color: #FFFFFF; + color: #ffffff; } .osd .scale-popup > arrow, -.osd .scale-popup > contents, .osd popover > arrow, -.osd popover > contents, popover.touch-selection > arrow, -popover.touch-selection > contents, popover.magnifier > arrow, -popover.magnifier > contents, .osd { - color: #FFFFFF; +.osd .scale-popup > contents, +.osd popover > arrow, +.osd popover > contents, +popover.touch-selection > arrow, +popover.touch-selection > contents, +popover.magnifier > arrow, +popover.magnifier > contents, +.osd { + color: #ffffff; background-color: #1e1e2e; background-clip: padding-box; border-radius: 6px; border: none; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + box-shadow: + 0 2px 3px -1px rgba(0, 0, 0, 0.15), + 0 4px 3px 0 rgba(0, 0, 0, 0.18), + 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(255, 255, 255, 0.1); } .osd { @@ -273,7 +298,10 @@ entry { border-spacing: 6px; border-radius: 6px; caret-color: currentColor; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.7); @@ -281,34 +309,36 @@ entry { outline-offset: 2px; } - entry headerbar popover.background entry:focus-within, headerbar popover.background entry entry:focus-within, entry:focus-within { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.08); box-shadow: inset 0 0 0 2px transparent; - color: #FFFFFF; + color: #ffffff; outline: 2px solid #cba6f7; outline-offset: -2px; } - entry headerbar popover.background entry:drop(active), headerbar popover.background entry entry:drop(active), entry headerbar popover.background entry:hover:not(:focus-within), headerbar popover.background entry entry:hover:not(:focus-within), entry:drop(active), entry:hover:not(:focus-within) { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); background-color: alpha(currentColor, 0.08); box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; outline: 0 solid transparent; outline-offset: 2px; } - entry headerbar popover.background entry:disabled, headerbar popover.background entry entry:disabled, entry:disabled { @@ -318,7 +348,6 @@ entry:disabled { outline: none; } - entry headerbar popover.background entry.flat:focus-within, headerbar popover.background entry entry.flat:focus-within, entry headerbar popover.background entry.flat:disabled, @@ -339,50 +368,48 @@ entry.flat { outline: none; } - entry headerbar popover.background entry image, headerbar popover.background entry entry image, entry image { color: rgba(255, 255, 255, 0.7); } - entry headerbar popover.background entry image:hover, headerbar popover.background entry entry image:hover, entry headerbar popover.background entry image:active, headerbar popover.background entry entry image:active, entry image:hover, entry image:active { - color: #FFFFFF; + color: #ffffff; } - entry headerbar popover.background entry image:disabled, headerbar popover.background entry entry image:disabled, entry image:disabled { color: rgba(255, 255, 255, 0.5); } - entry headerbar popover.background entry image.left, headerbar popover.background entry entry image.left, entry image.left { margin: 0 6px 0 2px; } - entry headerbar popover.background entry image.right, headerbar popover.background entry entry image.right, entry image.right { margin: 0 2px 0 6px; } - entry headerbar popover.background entry undershoot.left, headerbar popover.background entry entry undershoot.left, entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient( + to top, + transparent 50%, + rgba(255, 255, 255, 0.3) 50% + ); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -392,12 +419,15 @@ entry undershoot.left { margin: 4px 0; } - entry headerbar popover.background entry undershoot.right, headerbar popover.background entry entry undershoot.right, entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient( + to top, + transparent 50%, + rgba(255, 255, 255, 0.3) 50% + ); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -407,11 +437,13 @@ entry undershoot.right { margin: 4px 0; } - entry headerbar popover.background entry.error, headerbar popover.background entry entry.error, entry.error { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; background-color: rgba(244, 67, 54, 0.1); color: rgba(244, 67, 54, 0.75); @@ -420,36 +452,38 @@ entry.error { outline: none; } - entry headerbar popover.background entry.error:focus-within, headerbar popover.background entry entry.error:focus-within, entry.error:focus-within { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(244, 67, 54, 0.1); box-shadow: inset 0 0 0 2px transparent; - color: #F44336; - outline: 2px solid #F44336; + color: #f44336; + outline: 2px solid #f44336; outline-offset: -2px; outline: none; } - entry headerbar popover.background entry.error:drop(active), headerbar popover.background entry entry.error:drop(active), entry headerbar popover.background entry.error:hover:not(:focus-within), headerbar popover.background entry entry.error:hover:not(:focus-within), entry.error:drop(active), entry.error:hover:not(:focus-within) { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); background-color: alpha(currentColor, 0.08); box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: #F44336; + color: #f44336; outline: 0 solid transparent; outline-offset: 2px; outline: none; } - entry headerbar popover.background entry.error:disabled, headerbar popover.background entry entry.error:disabled, entry.error:disabled { @@ -460,43 +494,41 @@ entry.error:disabled { outline: none; } - entry headerbar popover.background entry.error > text > selection, headerbar popover.background entry entry.error > text > selection, entry.error > text > selection { background-color: rgba(244, 67, 54, 0.25); - color: #F44336; + color: #f44336; } - entry headerbar popover.background entry.error image, headerbar popover.background entry entry.error image, entry.error image { color: rgba(244, 67, 54, 0.75); } - entry headerbar popover.background entry.error image:hover, headerbar popover.background entry entry.error image:hover, entry headerbar popover.background entry.error image:active, headerbar popover.background entry entry.error image:active, entry.error image:hover, entry.error image:active { - color: #F44336; + color: #f44336; } - entry headerbar popover.background entry.error image:disabled, headerbar popover.background entry entry.error image:disabled, entry.error image:disabled { color: rgba(244, 67, 54, 0.35); } - entry headerbar popover.background entry.warning, headerbar popover.background entry entry.warning, entry.warning { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; background-color: rgba(251, 192, 45, 0.1); color: rgba(251, 192, 45, 0.75); @@ -505,36 +537,38 @@ entry.warning { outline: none; } - entry headerbar popover.background entry.warning:focus-within, headerbar popover.background entry entry.warning:focus-within, entry.warning:focus-within { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(251, 192, 45, 0.1); box-shadow: inset 0 0 0 2px transparent; - color: #FBC02D; - outline: 2px solid #FBC02D; + color: #fbc02d; + outline: 2px solid #fbc02d; outline-offset: -2px; outline: none; } - entry headerbar popover.background entry.warning:drop(active), headerbar popover.background entry entry.warning:drop(active), entry headerbar popover.background entry.warning:hover:not(:focus-within), headerbar popover.background entry entry.warning:hover:not(:focus-within), entry.warning:drop(active), entry.warning:hover:not(:focus-within) { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); background-color: alpha(currentColor, 0.08); box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: #FBC02D; + color: #fbc02d; outline: 0 solid transparent; outline-offset: 2px; outline: none; } - entry headerbar popover.background entry.warning:disabled, headerbar popover.background entry entry.warning:disabled, entry.warning:disabled { @@ -545,43 +579,41 @@ entry.warning:disabled { outline: none; } - entry headerbar popover.background entry.warning > text > selection, headerbar popover.background entry entry.warning > text > selection, entry.warning > text > selection { background-color: rgba(251, 192, 45, 0.25); - color: #FBC02D; + color: #fbc02d; } - entry headerbar popover.background entry.warning image, headerbar popover.background entry entry.warning image, entry.warning image { color: rgba(251, 192, 45, 0.75); } - entry headerbar popover.background entry.warning image:hover, headerbar popover.background entry entry.warning image:hover, entry headerbar popover.background entry.warning image:active, headerbar popover.background entry entry.warning image:active, entry.warning image:hover, entry.warning image:active { - color: #FBC02D; + color: #fbc02d; } - entry headerbar popover.background entry.warning image:disabled, headerbar popover.background entry entry.warning image:disabled, entry.warning image:disabled { color: rgba(251, 192, 45, 0.35); } - entry headerbar popover.background entry.success, headerbar popover.background entry entry.success, entry.success { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; background-color: rgba(102, 187, 106, 0.1); color: rgba(102, 187, 106, 0.75); @@ -590,36 +622,38 @@ entry.success { outline: none; } - entry headerbar popover.background entry.success:focus-within, headerbar popover.background entry entry.success:focus-within, entry.success:focus-within { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(102, 187, 106, 0.1); box-shadow: inset 0 0 0 2px transparent; - color: #66BB6A; - outline: 2px solid #66BB6A; + color: #66bb6a; + outline: 2px solid #66bb6a; outline-offset: -2px; outline: none; } - entry headerbar popover.background entry.success:drop(active), headerbar popover.background entry entry.success:drop(active), entry headerbar popover.background entry.success:hover:not(:focus-within), headerbar popover.background entry entry.success:hover:not(:focus-within), entry.success:drop(active), entry.success:hover:not(:focus-within) { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); background-color: alpha(currentColor, 0.08); box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: #66BB6A; + color: #66bb6a; outline: 0 solid transparent; outline-offset: 2px; outline: none; } - entry headerbar popover.background entry.success:disabled, headerbar popover.background entry entry.success:disabled, entry.success:disabled { @@ -630,39 +664,34 @@ entry.success:disabled { outline: none; } - entry headerbar popover.background entry.success > text > selection, headerbar popover.background entry entry.success > text > selection, entry.success > text > selection { background-color: rgba(102, 187, 106, 0.25); - color: #66BB6A; + color: #66bb6a; } - entry headerbar popover.background entry.success image, headerbar popover.background entry entry.success image, entry.success image { color: rgba(102, 187, 106, 0.75); } - entry headerbar popover.background entry.success image:hover, headerbar popover.background entry entry.success image:hover, entry headerbar popover.background entry.success image:active, headerbar popover.background entry entry.success image:active, entry.success image:hover, entry.success image:active { - color: #66BB6A; + color: #66bb6a; } - entry headerbar popover.background entry.success image:disabled, headerbar popover.background entry entry.success image:disabled, entry.success image:disabled { color: rgba(102, 187, 106, 0.35); } - entry > progress, entry progress > trough > progress { margin: 0 -4px; @@ -670,18 +699,21 @@ entry progress > trough > progress { background-color: transparent; } - entry button.image-button { min-height: 24px; min-width: 24px; padding: 0; } -treeview entry.flat, treeview entry { +treeview entry.flat, +treeview entry { background-color: #1e1e2e; } -treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { +treeview entry.flat, +treeview entry.flat:focus-within, +treeview entry, +treeview entry:focus-within { border-image: none; box-shadow: none; } @@ -691,7 +723,7 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview border-radius: 9999px; box-shadow: none; background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + color: #ffffff; } .entry-tag:hover { @@ -722,7 +754,10 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview } editablelabel > stack > text { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.7); @@ -735,31 +770,78 @@ editablelabel > stack > text { ***********/ @keyframes needs-attention { from { - background-image: radial-gradient(farthest-side, #cba6f7 0%, rgba(203, 166, 247, 0) 0%); + background-image: radial-gradient( + farthest-side, + #cba6f7 0%, + rgba(203, 166, 247, 0) 0% + ); } to { - background-image: radial-gradient(farthest-side, #cba6f7 95%, rgba(203, 166, 247, 0)); + background-image: radial-gradient( + farthest-side, + #cba6f7 95%, + rgba(203, 166, 247, 0) + ); } } -infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.touch-selection button, popover.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { +infobar.warning > revealer > box button, +infobar.warning:backdrop > revealer > box button, +popover.touch-selection button, +popover.magnifier button, +headerbar.selection-mode + button:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.7); } -infobar.warning > revealer > box button:focus, popover.touch-selection button:focus, popover.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.touch-selection button:hover, popover.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.touch-selection button:active, popover.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { - color: #FFFFFF; +infobar.warning > revealer > box button:focus, +popover.touch-selection button:focus, +popover.magnifier button:focus, +headerbar.selection-mode + button:focus:not(.suggested-action):not(.destructive-action), +infobar.warning > revealer > box button:hover, +popover.touch-selection button:hover, +popover.magnifier button:hover, +headerbar.selection-mode + button:hover:not(.suggested-action):not(.destructive-action), +infobar.warning > revealer > box button:active, +popover.touch-selection button:active, +popover.magnifier button:active, +headerbar.selection-mode + button:active:not(.suggested-action):not(.destructive-action), +infobar.warning > revealer > box button:checked, +popover.touch-selection button:checked, +popover.magnifier button:checked, +headerbar.selection-mode + button:checked:not(.suggested-action):not(.destructive-action) { + color: #ffffff; } -infobar.warning > revealer > box button:disabled, popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { +infobar.warning > revealer > box button:disabled, +popover.touch-selection button:disabled, +popover.magnifier button:disabled, +headerbar.selection-mode + button:disabled:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.32); } -infobar.warning > revealer > box button:checked:disabled, popover.touch-selection button:checked:disabled, popover.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { +infobar.warning > revealer > box button:checked:disabled, +popover.touch-selection button:checked:disabled, +popover.magnifier button:checked:disabled, +headerbar.selection-mode + button:checked:disabled:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.5); } -headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); +headerbar + popover.background + button:not(.suggested-action):not(.destructive-action):not(.flat), +button { + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 300ms cubic-bezier(0, 0, 0.2, 1), + background-image 1200ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.08); background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; @@ -767,57 +849,107 @@ headerbar popover.background button:not(.suggested-action):not(.destructive-acti background-size: 1000% 1000%; outline: 0 solid transparent; outline-offset: 2px; - color: #FFFFFF; + color: #ffffff; } -headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus { +headerbar + popover.background + button:focus:not(.suggested-action):not(.destructive-action):not(.flat), +button:focus { outline: 2px solid rgba(203, 166, 247, 0.35); outline-offset: 0; } -headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover { +headerbar + popover.background + button:hover:not(.suggested-action):not(.destructive-action):not(.flat), +button:hover { background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; outline: 0 solid transparent; -gtk-icon-filter: brightness(1.2); } -headerbar popover.background button.keyboard-activating:not(.suggested-action):not(.destructive-action):not(.flat), button.keyboard-activating, headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; +headerbar + popover.background + button.keyboard-activating:not(.suggested-action):not( + .destructive-action + ):not(.flat), +button.keyboard-activating, +headerbar + popover.background + button:active:not(.suggested-action):not(.destructive-action):not(.flat), +button:active { + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, + background-image 0ms, + border 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-image: radial-gradient( + circle, + alpha(currentColor, 0.08) 10%, + transparent 0% + ); background-size: 0% 0%; background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; outline: 0 solid transparent; } -headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled { +headerbar + popover.background + button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), +button:disabled { background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); outline-color: transparent; } -headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked { +headerbar + popover.background + button:checked:not(.suggested-action):not(.destructive-action):not(.flat), +button:checked { background-color: #cba6f7; color: rgba(0, 0, 0, 0.87); } -headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover { +headerbar + popover.background + button:checked:hover:not(.suggested-action):not(.destructive-action):not( + .flat + ), +button:checked:hover { outline-color: transparent; background-color: #d9bdf9; color: rgba(0, 0, 0, 0.87); } -headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled { +headerbar + popover.background + button:checked:disabled:not(.suggested-action):not(.destructive-action):not( + .flat + ), +button:checked:disabled { outline-color: transparent; background-color: rgba(203, 166, 247, 0.35); color: rgba(0, 0, 0, 0.38); } -placessidebar row button.sidebar-button, calendar > header > button, scrollbar button, notebook > header > tabs > arrow, popover modelbutton, spinbutton > button, splitbutton.flat > button, +placessidebar row button.sidebar-button, +calendar > header > button, +scrollbar button, +notebook > header > tabs > arrow, +popover modelbutton, +spinbutton > button, +splitbutton.flat > button, splitbutton.flat > menubutton > button { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + border-image 225ms cubic-bezier(0, 0, 0.2, 1), + background-size 300ms cubic-bezier(0, 0, 0.2, 1), + background-image 1200ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; @@ -828,38 +960,92 @@ splitbutton.flat > menubutton > button { color: rgba(255, 255, 255, 0.7); } -placessidebar row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), scrollbar button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active), +placessidebar row button.sidebar-button:focus:not(:hover):not(:active), +calendar > header > button:focus:not(:hover):not(:active), +scrollbar button:focus:not(:hover):not(:active), +notebook > header > tabs > arrow:focus:not(:hover):not(:active), +popover modelbutton:focus:not(:hover):not(:active), +spinbutton > button:focus:not(:hover):not(:active), +splitbutton.flat > button:focus:not(:hover):not(:active), splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) { - color: #FFFFFF; + color: #ffffff; outline: 2px solid rgba(255, 255, 255, 0.04); outline-offset: -2px; } -placessidebar row button.sidebar-button:hover, calendar > header > button:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover modelbutton:hover, spinbutton > button:hover, splitbutton.flat > button:hover, +placessidebar row button.sidebar-button:hover, +calendar > header > button:hover, +scrollbar button:hover, +notebook > header > tabs > arrow:hover, +popover modelbutton:hover, +spinbutton > button:hover, +splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover { background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; } -placessidebar row button.sidebar-button:active, calendar > header > button:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover modelbutton:active, spinbutton > button:active, splitbutton.flat > button:active, +placessidebar row button.sidebar-button:active, +calendar > header > button:active, +scrollbar button:active, +notebook > header > tabs > arrow:active, +popover modelbutton:active, +spinbutton > button:active, +splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + border-image 225ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, + background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-image: radial-gradient( + circle, + alpha(currentColor, 0.08) 10%, + transparent 0% + ); background-size: 0% 0%; background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; } -placessidebar row button.sidebar-button:disabled, calendar > header > button:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover modelbutton:disabled, spinbutton > button:disabled, splitbutton.flat > button:disabled, +placessidebar row button.sidebar-button:disabled, +calendar > header > button:disabled, +scrollbar button:disabled, +notebook > header > tabs > arrow:disabled, +popover modelbutton:disabled, +spinbutton > button:disabled, +splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled { color: rgba(255, 255, 255, 0.32); background-color: transparent; } -filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child), -combobox > .linked:not(.vertical) > button:not(:only-child), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, menubutton.flat > button, button.flat { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); +filechooser #pathbarbox > stack > box > button, +window.messagedialog .response-area > box > button, +window.dialog.message .dialog-action-area > button, +.app-notification button, +headerbar button:not(.suggested-action):not(.destructive-action), +.toolbar button, +dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child), +splitbutton.suggested-action > button, +splitbutton.suggested-action > menubutton > button, +splitbutton.destructive-action > button, +splitbutton.destructive-action > menubutton > button, +splitbutton.opaque > button, +splitbutton.opaque > menubutton > button, +menubutton.suggested-action > button, +menubutton.destructive-action > button, +menubutton.opaque > button, +menubutton.flat > button, +button.flat { + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + border-image 225ms cubic-bezier(0, 0, 0.2, 1), + background-size 300ms cubic-bezier(0, 0, 0.2, 1), + background-image 1200ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; @@ -870,43 +1056,170 @@ combobox > .linked:not(.vertical) > button:not(:only-child), splitbutton.suggest color: rgba(255, 255, 255, 0.7); } -filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), window.messagedialog .response-area > box > button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), .app-notification button:focus:not(:hover):not(:active), headerbar button:focus:not(:hover):not(:active):not(.suggested-action):not(.destructive-action), .toolbar button:focus:not(:hover):not(:active), dropdown > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), -combobox > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), splitbutton.suggested-action > button:focus:not(:hover):not(:active), splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.destructive-action > button:focus:not(:hover):not(:active), splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active), splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) { - color: #FFFFFF; +filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), +window.messagedialog + .response-area + > box + > button:focus:not(:hover):not(:active), +window.dialog.message + .dialog-action-area + > button:focus:not(:hover):not(:active), +.app-notification button:focus:not(:hover):not(:active), +headerbar + button:focus:not(:hover):not(:active):not(.suggested-action):not( + .destructive-action + ), +.toolbar button:focus:not(:hover):not(:active), +dropdown + > .linked:not(.vertical) + > button:focus:not(:hover):not(:active):not(:only-child), +combobox + > .linked:not(.vertical) + > button:focus:not(:hover):not(:active):not(:only-child), +splitbutton.suggested-action > button:focus:not(:hover):not(:active), +splitbutton.suggested-action + > menubutton + > button:focus:not(:hover):not(:active), +splitbutton.destructive-action > button:focus:not(:hover):not(:active), +splitbutton.destructive-action + > menubutton + > button:focus:not(:hover):not(:active), +splitbutton.opaque > button:focus:not(:hover):not(:active), +splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), +menubutton.suggested-action > button:focus:not(:hover):not(:active), +menubutton.destructive-action > button:focus:not(:hover):not(:active), +menubutton.opaque > button:focus:not(:hover):not(:active), +menubutton.flat > button:focus:not(:hover):not(:active), +button.flat:focus:not(:hover):not(:active) { + color: #ffffff; outline: 2px solid rgba(255, 255, 255, 0.04); outline-offset: -2px; } -filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area > box > button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child), -combobox > .linked:not(.vertical) > button:hover:not(:only-child), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, button.flat:hover { +filechooser #pathbarbox > stack > box > button:hover, +window.messagedialog .response-area > box > button:hover, +window.dialog.message .dialog-action-area > button:hover, +.app-notification button:hover, +headerbar button:hover:not(.suggested-action):not(.destructive-action), +.toolbar button:hover, +dropdown > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:hover:not(:only-child), +splitbutton.suggested-action > button:hover, +splitbutton.suggested-action > menubutton > button:hover, +splitbutton.destructive-action > button:hover, +splitbutton.destructive-action > menubutton > button:hover, +splitbutton.opaque > button:hover, +splitbutton.opaque > menubutton > button:hover, +menubutton.suggested-action > button:hover, +menubutton.destructive-action > button:hover, +menubutton.opaque > button:hover, +menubutton.flat > button:hover, +button.flat:hover { background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; } -filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area > box > button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child), -combobox > .linked:not(.vertical) > button:active:not(:only-child), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, button.flat:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; +filechooser #pathbarbox > stack > box > button:active, +window.messagedialog .response-area > box > button:active, +window.dialog.message .dialog-action-area > button:active, +.app-notification button:active, +headerbar button:active:not(.suggested-action):not(.destructive-action), +.toolbar button:active, +dropdown > .linked:not(.vertical) > button:active:not(:only-child), +combobox > .linked:not(.vertical) > button:active:not(:only-child), +splitbutton.suggested-action > button:active, +splitbutton.suggested-action > menubutton > button:active, +splitbutton.destructive-action > button:active, +splitbutton.destructive-action > menubutton > button:active, +splitbutton.opaque > button:active, +splitbutton.opaque > menubutton > button:active, +menubutton.suggested-action > button:active, +menubutton.destructive-action > button:active, +menubutton.opaque > button:active, +menubutton.flat > button:active, +button.flat:active { + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + border-image 225ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, + background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-image: radial-gradient( + circle, + alpha(currentColor, 0.08) 10%, + transparent 0% + ); background-size: 0% 0%; background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; } -filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area > box > button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child), -combobox > .linked:not(.vertical) > button:disabled:not(:only-child), splitbutton.suggested-action > button:disabled, splitbutton.suggested-action > menubutton > button:disabled, splitbutton.destructive-action > button:disabled, splitbutton.destructive-action > menubutton > button:disabled, splitbutton.opaque > button:disabled, splitbutton.opaque > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, button.flat:disabled { +filechooser #pathbarbox > stack > box > button:disabled, +window.messagedialog .response-area > box > button:disabled, +window.dialog.message .dialog-action-area > button:disabled, +.app-notification button:disabled, +headerbar button:disabled:not(.suggested-action):not(.destructive-action), +.toolbar button:disabled, +dropdown > .linked:not(.vertical) > button:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:disabled:not(:only-child), +splitbutton.suggested-action > button:disabled, +splitbutton.suggested-action > menubutton > button:disabled, +splitbutton.destructive-action > button:disabled, +splitbutton.destructive-action > menubutton > button:disabled, +splitbutton.opaque > button:disabled, +splitbutton.opaque > menubutton > button:disabled, +menubutton.suggested-action > button:disabled, +menubutton.destructive-action > button:disabled, +menubutton.opaque > button:disabled, +menubutton.flat > button:disabled, +button.flat:disabled { color: rgba(255, 255, 255, 0.32); background-color: transparent; } -filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area > box > button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child), -combobox > .linked:not(.vertical) > button:checked:not(:only-child), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, menubutton.flat > button:checked, button.flat:checked { +filechooser #pathbarbox > stack > box > button:checked, +window.messagedialog .response-area > box > button:checked, +window.dialog.message .dialog-action-area > button:checked, +.app-notification button:checked, +headerbar button:checked:not(.suggested-action):not(.destructive-action), +.toolbar button:checked, +dropdown > .linked:not(.vertical) > button:checked:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:not(:only-child), +splitbutton.suggested-action > button:checked, +splitbutton.suggested-action > menubutton > button:checked, +splitbutton.destructive-action > button:checked, +splitbutton.destructive-action > menubutton > button:checked, +splitbutton.opaque > button:checked, +splitbutton.opaque > menubutton > button:checked, +menubutton.suggested-action > button:checked, +menubutton.destructive-action > button:checked, +menubutton.opaque > button:checked, +menubutton.flat > button:checked, +button.flat:checked { background-color: alpha(currentColor, 0.1); - color: #FFFFFF; + color: #ffffff; } -filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area > box > button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child), -combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), splitbutton.suggested-action > button:checked:disabled, splitbutton.suggested-action > menubutton > button:checked:disabled, splitbutton.destructive-action > button:checked:disabled, splitbutton.destructive-action > menubutton > button:checked:disabled, splitbutton.opaque > button:checked:disabled, splitbutton.opaque > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, button.flat:checked:disabled { +filechooser #pathbarbox > stack > box > button:checked:disabled, +window.messagedialog .response-area > box > button:checked:disabled, +window.dialog.message .dialog-action-area > button:checked:disabled, +.app-notification button:checked:disabled, +headerbar + button:checked:disabled:not(.suggested-action):not(.destructive-action), +.toolbar button:checked:disabled, +dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), +splitbutton.suggested-action > button:checked:disabled, +splitbutton.suggested-action > menubutton > button:checked:disabled, +splitbutton.destructive-action > button:checked:disabled, +splitbutton.destructive-action > menubutton > button:checked:disabled, +splitbutton.opaque > button:checked:disabled, +splitbutton.opaque > menubutton > button:checked:disabled, +menubutton.suggested-action > button:checked:disabled, +menubutton.destructive-action > button:checked:disabled, +menubutton.opaque > button:checked:disabled, +menubutton.flat > button:checked:disabled, +button.flat:checked:disabled { background-color: alpha(currentColor, 0.1); color: rgba(255, 255, 255, 0.5); } @@ -923,7 +1236,8 @@ button.opaque:hover { background-image: image(alpha(currentColor, 0.1)); } -button.keyboard-activating.opaque, button.opaque:active { +button.keyboard-activating.opaque, +button.opaque:active { background-image: image(rgba(0, 0, 0, 0.2)); } @@ -935,11 +1249,16 @@ button.opaque:checked:hover { background-image: image(rgba(0, 0, 0, 0.05)); } -button.opaque:checked.keyboard-activating, button.opaque:checked:active { +button.opaque:checked.keyboard-activating, +button.opaque:checked:active { background-image: image(rgba(0, 0, 0, 0.3)); } -.nautilus-window .floating-bar button, placessidebar row button.sidebar-button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > button { +.nautilus-window .floating-bar button, +placessidebar row button.sidebar-button, +notebook > header > tabs > tab button.flat, +popover.menu box.circular-buttons button.circular.image-button.model, +spinbutton > button { min-height: 24px; min-width: 24px; padding: 0; @@ -956,7 +1275,7 @@ button { button:drop(active) { background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; outline: 0 solid transparent; } @@ -966,7 +1285,7 @@ button separator { button.opaque { background-color: #4b4b58; - color: #FFFFFF; + color: #ffffff; } button.text-button { @@ -980,42 +1299,50 @@ button.image-button { padding: 6px; } -button.text-button.image-button, button.image-text-button { +button.text-button.image-button, +button.image-text-button { min-width: 24px; padding: 6px; border-radius: 6px; } button.text-button.image-button > box, -button.text-button.image-button > box > box, button.image-text-button > box, +button.text-button.image-button > box > box, +button.image-text-button > box, button.image-text-button > box > box { border-spacing: 4px; } button.text-button.image-button > box > label, -button.text-button.image-button > box > box > label, button.image-text-button > box > label, +button.text-button.image-button > box > box > label, +button.image-text-button > box > label, button.image-text-button > box > box > label { padding-left: 2px; padding-right: 2px; } -button.text-button.image-button label:first-child, button.image-text-button label:first-child { +button.text-button.image-button label:first-child, +button.image-text-button label:first-child { margin-left: 10px; } -button.text-button.image-button label:last-child, button.image-text-button label:last-child { +button.text-button.image-button label:last-child, +button.image-text-button label:last-child { margin-right: 10px; } -button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child { +button.text-button.image-button.flat label:first-child, +button.image-text-button.flat label:first-child { margin-left: 6px; } -button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child { +button.text-button.image-button.flat label:last-child, +button.image-text-button.flat label:last-child { margin-right: 6px; } -button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) { +button.text-button.image-button image:not(:only-child), +button.image-text-button image:not(:only-child) { margin: 0 4px; } @@ -1037,7 +1364,8 @@ button.arrow-button.text-button > box { border-spacing: 6px; } -menubutton.pill > button, button.pill { +menubutton.pill > button, +button.pill { padding: 9px 30px; border-radius: 9999px; } @@ -1053,18 +1381,27 @@ button.card { button.card:hover { background-image: none; background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; outline: 0 solid transparent; } -button.card.keyboard-activating, button.card:active { +button.card.keyboard-activating, +button.card:active { background-image: none; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, + background-image 0ms, + border 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-image: radial-gradient( + circle, + alpha(currentColor, 0.08) 10%, + transparent 0% + ); background-size: 0% 0%; background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; outline: 0 solid transparent; } @@ -1088,7 +1425,8 @@ button.card:checked:disabled { color: rgba(0, 0, 0, 0.38); } -button.card:checked.keyboard-activating, button.card:checked:active { +button.card:checked.keyboard-activating, +button.card:checked:active { background-image: none; } @@ -1097,20 +1435,23 @@ button.card:checked.has-open-popup { } button.card:drop(active) { - color: #FF7043; - box-shadow: inset 0 0 0 1px #FF7043; + color: #ff7043; + box-shadow: inset 0 0 0 1px #ff7043; } -.linked:not(.vertical) > button:focus, .linked.vertical > button:focus { +.linked:not(.vertical) > button:focus, +.linked.vertical > button:focus { box-shadow: none; outline: none; } -.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { +.linked:not(.vertical) > button.flat:not(:only-child), +.linked.vertical > button.flat:not(:only-child) { background-color: alpha(currentColor, 0.05); } -.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { +.linked:not(.vertical) > button.flat:focus, +.linked.vertical > button.flat:focus { box-shadow: none; outline: none; } @@ -1169,7 +1510,11 @@ button.suggested-action:disabled { } button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(203, 166, 247, 0.2), 0 4px 3px 0 rgba(203, 166, 247, 0.14), 0 1px 6px 0 rgba(203, 166, 247, 0.12); + box-shadow: + inset 0 0 0 9999px transparent, + 0 2px 2.4px -1px rgba(203, 166, 247, 0.2), + 0 4px 3px 0 rgba(203, 166, 247, 0.14), + 0 1px 6px 0 rgba(203, 166, 247, 0.12); } button.suggested-action:checked { @@ -1177,7 +1522,11 @@ button.suggested-action:checked { } button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(203, 166, 247, 0.3), 0 2px 3px -1px rgba(203, 166, 247, 0.24), 0 2px 5px 0 rgba(203, 166, 247, 0.12); + box-shadow: + inset 0 0 0 9999px transparent, + 0 3px 3px -3px rgba(203, 166, 247, 0.3), + 0 2px 3px -1px rgba(203, 166, 247, 0.24), + 0 2px 5px 0 rgba(203, 166, 247, 0.12); } button.suggested-action:focus { @@ -1199,8 +1548,8 @@ button.suggested-action.flat:checked { } button.destructive-action { - background-color: #F44336; - color: #FFFFFF; + background-color: #f44336; + color: #ffffff; box-shadow: none; } @@ -1211,7 +1560,11 @@ button.destructive-action:disabled { } button.destructive-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(244, 67, 54, 0.2), 0 4px 3px 0 rgba(244, 67, 54, 0.14), 0 1px 6px 0 rgba(244, 67, 54, 0.12); + box-shadow: + inset 0 0 0 9999px transparent, + 0 2px 2.4px -1px rgba(244, 67, 54, 0.2), + 0 4px 3px 0 rgba(244, 67, 54, 0.14), + 0 1px 6px 0 rgba(244, 67, 54, 0.12); } button.destructive-action:checked { @@ -1219,7 +1572,11 @@ button.destructive-action:checked { } button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(244, 67, 54, 0.3), 0 2px 3px -1px rgba(244, 67, 54, 0.24), 0 2px 5px 0 rgba(244, 67, 54, 0.12); + box-shadow: + inset 0 0 0 9999px transparent, + 0 3px 3px -3px rgba(244, 67, 54, 0.3), + 0 2px 3px -1px rgba(244, 67, 54, 0.24), + 0 2px 5px 0 rgba(244, 67, 54, 0.12); } button.destructive-action:focus { @@ -1228,7 +1585,7 @@ button.destructive-action:focus { button.destructive-action.flat { background-color: transparent; - color: #F44336; + color: #f44336; } button.destructive-action.flat:disabled { @@ -1256,19 +1613,29 @@ stackswitcher > button.needs-attention:checked > image { background-image: none; } -button.font > box, button.file > box { +button.font > box, +button.file > box { border-spacing: 6px; } -button.font > box > box > label, button.file > box > box > label { +button.font > box > box > label, +button.file > box > box > label { font-weight: bold; } -windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular { +windowcontrols button:not(.suggested-action):not(.destructive-action), +filechooser #pathbarbox > stack > box > button, +menubutton.circular > button, +button.close, +button.circular { border-radius: 9999px; } -windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label { +windowcontrols button:not(.suggested-action):not(.destructive-action) label, +filechooser #pathbarbox > stack > box > button label, +menubutton.circular > button label, +button.close label, +button.circular label { padding: 0; } @@ -1283,24 +1650,36 @@ menubutton.suggested-action { } menubutton.destructive-action { - background-color: #F44336; + background-color: #f44336; color: white; } menubutton.opaque { background-color: #4b4b58; - color: #FFFFFF; + color: #ffffff; } -menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { +menubutton.suggested-action, +menubutton.destructive-action, +menubutton.opaque { border-radius: 6px; } -menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { +menubutton.suggested-action.circular, +menubutton.suggested-action.pill, +menubutton.destructive-action.circular, +menubutton.destructive-action.pill, +menubutton.opaque.circular, +menubutton.opaque.pill { border-radius: 9999px; } -menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { +menubutton.suggested-action > button, +menubutton.suggested-action > button:checked, +menubutton.destructive-action > button, +menubutton.destructive-action > button:checked, +menubutton.opaque > button, +menubutton.opaque > button:checked { background-color: transparent; color: inherit; } @@ -1340,7 +1719,8 @@ splitbutton { border-radius: 6px; } -splitbutton, splitbutton > separator { +splitbutton, +splitbutton > separator { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); transition-property: background; } @@ -1362,12 +1742,14 @@ splitbutton.image-button > button { padding-right: 6px; } -splitbutton.text-button.image-button > button, splitbutton.image-text-button > button { +splitbutton.text-button.image-button > button, +splitbutton.image-text-button > button { padding-left: 9px; padding-right: 9px; } -splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { +splitbutton.text-button.image-button > button > box, +splitbutton.image-text-button > button > box { border-spacing: 6px; } @@ -1389,11 +1771,15 @@ splitbutton.flat > separator { background: rgba(255, 255, 255, 0.12); } -splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { +splitbutton.flat:hover, +splitbutton.flat:active, +splitbutton.flat:checked { background: alpha(currentColor, 0.07); } -splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { +splitbutton.flat:hover > separator, +splitbutton.flat:active > separator, +splitbutton.flat:checked > separator { background: none; } @@ -1412,25 +1798,40 @@ splitbutton.suggested-action { } splitbutton.destructive-action { - background-color: #F44336; + background-color: #f44336; color: white; } splitbutton.opaque { background-color: #4b4b58; - color: #FFFFFF; + color: #ffffff; } -splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { +splitbutton.suggested-action > button, +splitbutton.suggested-action > button:checked, +splitbutton.suggested-action > menubutton > button, +splitbutton.suggested-action > menubutton > button:checked, +splitbutton.destructive-action > button, +splitbutton.destructive-action > button:checked, +splitbutton.destructive-action > menubutton > button, +splitbutton.destructive-action > menubutton > button:checked, +splitbutton.opaque > button, +splitbutton.opaque > button:checked, +splitbutton.opaque > menubutton > button, +splitbutton.opaque > menubutton > button:checked { color: inherit; background-color: transparent; } -splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { +splitbutton.suggested-action > menubutton > button:dir(ltr), +splitbutton.destructive-action > menubutton > button:dir(ltr), +splitbutton.opaque > menubutton > button:dir(ltr) { box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); } -splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { +splitbutton.suggested-action > menubutton > button:dir(rtl), +splitbutton.destructive-action > menubutton > button:dir(rtl), +splitbutton.opaque > menubutton > button:dir(rtl) { box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); } @@ -1454,15 +1855,18 @@ buttoncontent > label:dir(rtl) { padding-left: 2px; } -.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { +.arrow-button > box > buttoncontent > label:dir(ltr), +splitbutton > button > buttoncontent > label:dir(ltr) { padding-right: 0; } -.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { +.arrow-button > box > buttoncontent > label:dir(rtl), +splitbutton > button > buttoncontent > label:dir(rtl) { padding-left: 0; } -stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, +stacksidebar row.needs-attention > label, +stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; @@ -1470,44 +1874,55 @@ stackswitcher > button.needs-attention > image { background-size: 6px 6px; } -stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), +stacksidebar row.needs-attention > label:dir(rtl), +stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px; } -.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { +.linked:not(.vertical) > entry, +.linked:not(.vertical) > button, +.linked:not(.vertical) > button.image-button { border-radius: 0; } -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child { +.linked:not(.vertical) > entry:first-child, +.linked:not(.vertical) > button:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { +.linked:not(.vertical) > entry:last-child, +.linked:not(.vertical) > button:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { +.linked:not(.vertical) > entry:only-child, +.linked:not(.vertical) > button:only-child { border-radius: 6px; } -.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { +.linked.vertical > entry, +.linked.vertical > button, +.linked.vertical > button.image-button { border-radius: 0; } -.linked.vertical > entry:first-child, .linked.vertical > button:first-child { +.linked.vertical > entry:first-child, +.linked.vertical > button:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; } -.linked.vertical > entry:last-child, .linked.vertical > button:last-child { +.linked.vertical > entry:last-child, +.linked.vertical > button:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } -.linked.vertical > entry:only-child, .linked.vertical > button:only-child { +.linked.vertical > entry:only-child, +.linked.vertical > button:only-child { border-radius: 6px; } @@ -1517,42 +1932,45 @@ button.color { padding: 6px; } - list > row button.image-button:not(.flat) { background-color: transparent; box-shadow: none; border: none; } - list > row button.image-button:not(.flat):hover { background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; outline: 0 solid transparent; } - list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, + background-image 0ms, + border 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-image: radial-gradient( + circle, + alpha(currentColor, 0.08) 10%, + transparent 0% + ); background-size: 0% 0%; background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; outline: 0 solid transparent; } - list > row button.image-button:not(.flat).suggested-action { background-color: #cba6f7; color: rgba(0, 0, 0, 0.87); } - list > row button.image-button:not(.flat).destructive-action { - background-color: #F44336; - color: #FFFFFF; + background-color: #f44336; + color: #ffffff; } /********* @@ -1566,11 +1984,17 @@ link:visited { color: #cba6f7; } -button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { +button.link:link, +button.link:link:focus, +button.link:link:hover, +button.link:link:active { color: #3c84f7; } -button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { +button.link:visited, +button.link:visited:focus, +button.link:visited:hover, +button.link:visited:active { color: #cba6f7; } @@ -1585,7 +2009,10 @@ spinbutton { border-radius: 6px; padding: 0; border-spacing: 0; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.7); @@ -1594,10 +2021,13 @@ spinbutton { } spinbutton:focus-within { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.08); box-shadow: inset 0 0 0 2px transparent; - color: #FFFFFF; + color: #ffffff; outline: 2px solid #cba6f7; outline-offset: -2px; } @@ -1635,11 +2065,13 @@ spinbutton:not(.vertical) > button { margin: 6px; } -spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) { +spinbutton:not(.vertical) > button.up:dir(ltr), +spinbutton:not(.vertical) > button.down:dir(rtl) { margin-left: 3px; } -spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > button.down:dir(ltr) { +spinbutton:not(.vertical) > button.up:dir(rtl), +spinbutton:not(.vertical) > button.down:dir(ltr) { margin-right: 3px; } @@ -1658,11 +2090,13 @@ cell.activatable spinbutton:not(.vertical) > button:last-child { border-radius: 0 6px 6px 0; } -cell.activatable spinbutton:not(.vertical) > button.up:dir(ltr), cell.activatable spinbutton:not(.vertical) > button.down:dir(rtl) { +cell.activatable spinbutton:not(.vertical) > button.up:dir(ltr), +cell.activatable spinbutton:not(.vertical) > button.down:dir(rtl) { margin-left: 0; } -cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), cell.activatable spinbutton:not(.vertical) > button.down:dir(ltr) { +cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), +cell.activatable spinbutton:not(.vertical) > button.down:dir(ltr) { margin-right: 0; } @@ -1725,7 +2159,7 @@ combobox popover listview > row { dropdown popover listview > row:selected, combobox popover listview > row:selected { - color: #FFFFFF; + color: #ffffff; background-color: alpha(currentColor, 0.06); } @@ -1795,7 +2229,10 @@ combobox > .linked:not(.vertical) > button:not(:only-child) { button.combo:only-child { border-radius: 6px; font-weight: normal; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.7); @@ -1804,28 +2241,36 @@ button.combo:only-child { } button.combo:only-child:focus { - color: #FFFFFF; + color: #ffffff; outline: 2px solid rgba(255, 255, 255, 0.04); outline-offset: -2px; } button.combo:only-child:hover { background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; } button.combo:only-child:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + border-image 225ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, + background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-image: radial-gradient( + circle, + alpha(currentColor, 0.08) 10%, + transparent 0% + ); background-size: 0% 0%; background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; } button.combo:only-child:checked { background-color: alpha(currentColor, 0.1); - color: #FFFFFF; + color: #ffffff; } button.combo:only-child:disabled { @@ -1847,27 +2292,51 @@ button.combo:only-child:disabled { background-color: transparent; } -.app-notification, .toolbar.osd { +.app-notification, +.toolbar.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 12px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + box-shadow: + 0 2px 3px -1px rgba(0, 0, 0, 0.15), + 0 4px 3px 0 rgba(0, 0, 0, 0.18), + 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(255, 255, 255, 0.1); background-color: #313244; - color: #FFFFFF; + color: #ffffff; } -.app-notification:backdrop, .toolbar.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); +.app-notification:backdrop, +.toolbar.osd:backdrop { + box-shadow: + 0 3px 2px -3px rgba(0, 0, 0, 0.2), + 0 2px 2px -1px rgba(0, 0, 0, 0.24), + 0 1px 3px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(255, 255, 255, 0.1); } -.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { +.left.app-notification, +.right.app-notification, +.top.app-notification, +.bottom.app-notification, +.toolbar.osd.left, +.toolbar.osd.right, +.toolbar.osd.top, +.toolbar.osd.bottom { border-radius: 0; } -.bottom.app-notification, .toolbar.osd.bottom { +.bottom.app-notification, +.toolbar.osd.bottom { box-shadow: none; background-color: transparent; - background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); + background-image: linear-gradient( + to bottom, + transparent, + rgba(0, 0, 0, 0.1) 30%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 0.4) + ); } .toolbar.horizontal > separator { @@ -1923,7 +2392,9 @@ searchbar > revealer > box { box-shadow: none; } -searchbar > revealer > box entry, searchbar > revealer > box button, searchbar > revealer > box menubutton { +searchbar > revealer > box entry, +searchbar > revealer > box button, +searchbar > revealer > box menubutton { margin: 0; } @@ -1935,15 +2406,18 @@ headerbar button:not(.suggested-action):not(.destructive-action) { border: none; } -headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action) { - color: #FFFFFF; +headerbar button:hover:not(.suggested-action):not(.destructive-action), +headerbar button:active:not(.suggested-action):not(.destructive-action), +headerbar button:checked:not(.suggested-action):not(.destructive-action) { + color: #ffffff; } headerbar button:disabled:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.32); } -headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { +headerbar + button:checked:disabled:not(.suggested-action):not(.destructive-action) { background-color: transparent; color: rgba(255, 255, 255, 0.5); } @@ -1952,25 +2426,33 @@ headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.5); } -headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { +headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), +headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), +headerbar + button:backdrop:active:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.7); } -headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { +headerbar + button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.32); } -headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { +headerbar + button:backdrop:checked:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.7); } -headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { +headerbar + button:backdrop:checked:disabled:not(.suggested-action):not( + .destructive-action + ) { color: rgba(255, 255, 255, 0.32); } headerbar entry { background-color: rgba(255, 255, 255, 0.04); - color: #FFFFFF; + color: #ffffff; } headerbar entry:disabled { @@ -1982,8 +2464,9 @@ headerbar entry image { color: rgba(255, 255, 255, 0.7); } -headerbar entry image:hover, headerbar entry image:active { - color: #FFFFFF; +headerbar entry image:hover, +headerbar entry image:active { + color: #ffffff; } headerbar entry image:disabled { @@ -1991,10 +2474,12 @@ headerbar entry image:disabled { } headerbar { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + transition: + background-color 75ms cubic-bezier(0, 0, 0.2, 1), + color 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: #11111b; - color: #FFFFFF; + color: #ffffff; min-height: 48px; padding: 0; margin: 0; @@ -2013,7 +2498,8 @@ headerbar:backdrop:disabled { color: rgba(255, 255, 255, 0.32); } -headerbar.flat, headerbar.flat:backdrop { +headerbar.flat, +headerbar.flat:backdrop { background: none; box-shadow: none; transition: none; @@ -2128,7 +2614,9 @@ headerbar switch { } headerbar.selection-mode { - transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); + transition: + background-color 0.1ms 225ms, + color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #cba6f7; color: rgba(0, 0, 0, 0.87); } @@ -2171,17 +2659,27 @@ headerbar.default-decoration windowcontrols menubutton button { padding: 4px; } -.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { +.solid-csd headerbar:dir(rtl), +.solid-csd headerbar:dir(ltr) { border-radius: 0; box-shadow: none; } window.devel headerbar { - background: #11111b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(203, 166, 247, 0.1)), linear-gradient(to top, #171724 3px, #1b1b2b); + background: + #11111b + cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) + 90% 0/256px 256px no-repeat, + linear-gradient(to right, transparent 65%, rgba(203, 166, 247, 0.1)), + linear-gradient(to top, #171724 3px, #1b1b2b); } window.devel headerbar:backdrop { - background: #11111b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#11111b); + background: + #11111b + cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) + 90% 0/256px 256px no-repeat, + image(#11111b); /* background-color would flash */ } @@ -2198,31 +2696,26 @@ pathbar > button { box-shadow: none; } - pathbar > button:disabled { background-color: alpha(currentColor, 0.05); } - pathbar > button:checked { background-color: alpha(currentColor, 0.1); - color: #FFFFFF; + color: #ffffff; } - pathbar > button:checked:hover { background-color: alpha(currentColor, 0.16); - color: #FFFFFF; + color: #ffffff; } - pathbar > button label, pathbar > button image { margin-left: 3px; margin-right: 3px; } - pathbar > button.slider-button { padding-left: 4px; padding-right: 4px; @@ -2254,7 +2747,7 @@ headerbar .pathbar { .pathbar > button:last-child { background-color: alpha(currentColor, 0.1); - color: #FFFFFF; + color: #ffffff; } /************** @@ -2266,7 +2759,8 @@ treeview.view { border-top-color: #393947; } -columnview.view:hover, columnview.view:selected, +columnview.view:hover, +columnview.view:selected, treeview.view:hover, treeview.view:selected { border-radius: 0; @@ -2331,17 +2825,17 @@ treeview.view.expander:dir(rtl) { columnview.view.expander:hover, treeview.view.expander:hover { - color: #FFFFFF; + color: #ffffff; } columnview.view.expander:selected, treeview.view.expander:selected { - color: #FFFFFF; + color: #ffffff; } columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { - color: #FFFFFF; + color: #ffffff; } columnview.view.expander:checked, @@ -2395,7 +2889,8 @@ treeview.view > header > button:not(:focus):not(:hover):not(:active) { color: rgba(255, 255, 255, 0.7); } -columnview.view > header > button, columnview.view > header > button:disabled, +columnview.view > header > button, +columnview.view > header > button:disabled, treeview.view > header > button, treeview.view > header > button:disabled { background-color: #1e1e2e; @@ -2436,7 +2931,7 @@ stack.view treeview.view { menubar { padding: 0; background-color: #11111b; - color: #FFFFFF; + color: #ffffff; } menubar:backdrop { @@ -2458,7 +2953,7 @@ menubar > item { menubar > item:selected { transition: none; background-color: alpha(currentColor, 0.1); - color: #FFFFFF; + color: #ffffff; } menubar > item:disabled { @@ -2482,7 +2977,7 @@ menubar > item popover.menu.background popover.menu.background > contents { * Popover Base Menus * **********************/ popover.menu box.inline-buttons { - color: #FFFFFF; + color: #ffffff; padding: 0 6px; } @@ -2537,7 +3032,8 @@ popover.background { font: initial; } -popover.background, popover.background:backdrop { +popover.background, +popover.background:backdrop { background-color: transparent; } @@ -2547,10 +3043,14 @@ popover > contents { padding: 6px; background-color: #313244; border-radius: 12px; - color: #FFFFFF; + color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.1); background-clip: border-box; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05); + box-shadow: + 0 0 0 1px rgba(0, 0, 0, 0.75), + 0 2px 3px -1px rgba(0, 0, 0, 0.05), + 0 4px 6px 0 rgba(0, 0, 0, 0.06), + 0 1px 10px 0 rgba(0, 0, 0, 0.05); } popover > contents > list, @@ -2598,7 +3098,7 @@ popover modelbutton { min-height: 22px; min-width: 56px; padding: 3px 9px; - color: #FFFFFF; + color: #ffffff; font: initial; border-radius: 6px; } @@ -2630,7 +3130,9 @@ popover modelbutton arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } -.osd popover, popover.touch-selection, popover.magnifier { +.osd popover, +popover.touch-selection, +popover.magnifier { background-color: transparent; } @@ -2641,7 +3143,9 @@ magnifier { /************* * Notebooks * *************/ -tabbar tab, tabbar tabbox > tabboxchild > tab, notebook > header > tabs > tab { +tabbar tab, +tabbar tabbox > tabboxchild > tab, +notebook > header > tabs > tab { min-height: 24px; min-width: 24px; padding: 3px 6px; @@ -2649,7 +3153,12 @@ tabbar tab, tabbar tabbox > tabboxchild > tab, notebook > header > tabs > tab { background-clip: padding-box; font-weight: 500; border-radius: 6px; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + border-image 225ms cubic-bezier(0, 0, 0.2, 1), + background-size 300ms cubic-bezier(0, 0, 0.2, 1), + background-image 1200ms cubic-bezier(0, 0, 0.2, 1), + outline 300ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; @@ -2660,43 +3169,67 @@ tabbar tab, tabbar tabbox > tabboxchild > tab, notebook > header > tabs > tab { color: rgba(255, 255, 255, 0.7); } -tabbar tab:hover:not(:checked):not(:selected), notebook > header > tabs > tab:hover:not(:checked):not(:selected) { +tabbar tab:hover:not(:checked):not(:selected), +notebook > header > tabs > tab:hover:not(:checked):not(:selected) { background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; box-shadow: none; } -tabbar tab:disabled, notebook > header > tabs > tab:disabled { +tabbar tab:disabled, +notebook > header > tabs > tab:disabled { color: rgba(255, 255, 255, 0.32); background-color: transparent; } -tabbar tab:active, notebook > header > tabs > tab:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; +tabbar tab:active, +notebook > header > tabs > tab:active { + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + border-image 225ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, + background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-image: radial-gradient( + circle, + alpha(currentColor, 0.08) 10%, + transparent 0% + ); background-size: 0% 0%; background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; box-shadow: none; } -tabbar tab:checked:not(:active), notebook > header > tabs > tab:checked:not(:active), tabbar tab:selected:not(:active), notebook > header > tabs > tab:selected:not(:active) { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; +tabbar tab:checked:not(:active), +notebook > header > tabs > tab:checked:not(:active), +tabbar tab:selected:not(:active), +notebook > header > tabs > tab:selected:not(:active) { + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + border-image 225ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, + background-image 0ms, + background-color 0ms; background-color: rgba(255, 255, 255, 0.15); - color: #FFFFFF; + color: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } -tabbar tab:checked:not(:active):disabled, notebook > header > tabs > tab:checked:not(:active):disabled, tabbar tab:selected:not(:active):disabled, notebook > header > tabs > tab:selected:not(:active):disabled { +tabbar tab:checked:not(:active):disabled, +notebook > header > tabs > tab:checked:not(:active):disabled, +tabbar tab:selected:not(:active):disabled, +notebook > header > tabs > tab:selected:not(:active):disabled { color: rgba(255, 255, 255, 0.5); } -frame > paned > notebook > header, notebook.frame > header { +frame > paned > notebook > header, +notebook.frame > header { background-color: rgba(255, 255, 255, 0.04); } -notebook, notebook.frame { +notebook, +notebook.frame { background-color: #1e1e2e; border-radius: 12px; } @@ -2725,17 +3258,20 @@ notebook > header.bottom > tabs > arrow { border-bottom-style: none; } -notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { +notebook > header.top > tabs > arrow, +notebook > header.bottom > tabs > arrow { padding-left: 4px; padding-right: 4px; } -notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { +notebook > header.top > tabs > arrow.down, +notebook > header.bottom > tabs > arrow.down { margin-left: 0; -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { +notebook > header.top > tabs > arrow.up, +notebook > header.bottom > tabs > arrow.up { margin-right: 0; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } @@ -2748,17 +3284,20 @@ notebook > header.right > tabs > arrow { border-right-style: none; } -notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { +notebook > header.left > tabs > arrow, +notebook > header.right > tabs > arrow { padding-top: 4px; padding-bottom: 4px; } -notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { +notebook > header.left > tabs > arrow.down, +notebook > header.right > tabs > arrow.down { margin-top: 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { +notebook > header.left > tabs > arrow.up, +notebook > header.right > tabs > arrow.up { margin-bottom: 0; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -2781,7 +3320,7 @@ notebook > header > tabs > tab > box { notebook > header > tabs > tab > box:drop(active) { background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + color: #ffffff; } notebook > header > tabs > tab button.flat:last-child { @@ -2799,45 +3338,55 @@ notebook > header > tabs > tab button.close-button { min-height: 24px; } -notebook > header.top > tabs, notebook > header.bottom > tabs { +notebook > header.top > tabs, +notebook > header.bottom > tabs { padding-left: 0; padding-right: 0; } -notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { +notebook > header.top > tabs:not(:only-child):first-child, +notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: 0; } -notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { +notebook > header.top > tabs:not(:only-child):last-child, +notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: 0; } -notebook > header.top > tabs > tab:not(:last-child), notebook > header.bottom > tabs > tab:not(:last-child) { +notebook > header.top > tabs > tab:not(:last-child), +notebook > header.bottom > tabs > tab:not(:last-child) { margin-right: 0; } -notebook > header.top > tabs tab.reorderable-page, notebook > header.bottom > tabs tab.reorderable-page { +notebook > header.top > tabs tab.reorderable-page, +notebook > header.bottom > tabs tab.reorderable-page { border-style: solid; } -notebook > header.left > tabs, notebook > header.right > tabs { +notebook > header.left > tabs, +notebook > header.right > tabs { padding-top: 0; padding-bottom: 0; } -notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { +notebook > header.left > tabs:not(:only-child):first-child, +notebook > header.right > tabs:not(:only-child):first-child { margin-top: 0; } -notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { +notebook > header.left > tabs:not(:only-child):last-child, +notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: 0; } -notebook > header.left > tabs > tab:not(:last-child), notebook > header.right > tabs > tab:not(:last-child) { +notebook > header.left > tabs > tab:not(:last-child), +notebook > header.right > tabs > tab:not(:last-child) { margin-bottom: 0; } -notebook > header.left > tabs tab.reorderable-page, notebook > header.right > tabs tab.reorderable-page { +notebook > header.left > tabs tab.reorderable-page, +notebook > header.right > tabs tab.reorderable-page { border-style: solid; } @@ -2896,11 +3445,21 @@ tabbar undershoot.right { } tabbar .needs-attention-left undershoot.left { - background: linear-gradient(to right, alpha(#cba6f7, 0.5), alpha(#cba6f7, 0.3) 1px, alpha(#cba6f7, 0) 20px); + background: linear-gradient( + to right, + alpha(#cba6f7, 0.5), + alpha(#cba6f7, 0.3) 1px, + alpha(#cba6f7, 0) 20px + ); } tabbar .needs-attention-right undershoot.right { - background: linear-gradient(to left, alpha(#cba6f7, 0.5), alpha(#cba6f7, 0.3) 1px, alpha(#cba6f7, 0) 20px); + background: linear-gradient( + to left, + alpha(#cba6f7, 0.5), + alpha(#cba6f7, 0.3) 1px, + alpha(#cba6f7, 0) 20px + ); } tabbar tabbox { @@ -2936,11 +3495,23 @@ tabbar tabbox > tabboxchild > tab { } tabbar tab.needs-attention { - background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#cba6f7, 0.4) 10%, alpha(#cba6f7, 0) 30%); + background-image: radial-gradient( + ellipse at bottom, + rgba(255, 255, 255, 0.8), + alpha(#cba6f7, 0.4) 10%, + alpha(#cba6f7, 0) 30% + ); } tabbar tab.needs-attention:hover { - background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#cba6f7, 0.4) 10%, alpha(#cba6f7, 0) 30%); + background-image: + image(alpha(currentColor, 0.03)), + radial-gradient( + ellipse at bottom, + rgba(255, 255, 255, 0.8), + alpha(#cba6f7, 0.4) 10%, + alpha(#cba6f7, 0) 30% + ); } tabbar .start-action, @@ -2981,11 +3552,21 @@ tabbar:not(.inline) undershoot.right { } tabbar:not(.inline) .needs-attention-left undershoot.left { - background: linear-gradient(to right, alpha(#cba6f7, 0.5), alpha(#cba6f7, 0.3) 1px, alpha(#cba6f7, 0) 20px); + background: linear-gradient( + to right, + alpha(#cba6f7, 0.5), + alpha(#cba6f7, 0.3) 1px, + alpha(#cba6f7, 0) 20px + ); } tabbar:not(.inline) .needs-attention-right undershoot.right { - background: linear-gradient(to left, alpha(#cba6f7, 0.5), alpha(#cba6f7, 0.3) 1px, alpha(#cba6f7, 0) 20px); + background: linear-gradient( + to left, + alpha(#cba6f7, 0.5), + alpha(#cba6f7, 0.3) 1px, + alpha(#cba6f7, 0) 20px + ); } tabbar:not(.inline) tabbox > background { @@ -3006,15 +3587,23 @@ tabbar:not(.inline):backdrop .box { dnd tab { min-height: 24px; background-color: #11111b; - color: #FFFFFF; - box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); + color: #ffffff; + box-shadow: + 0 1px 5px 1px rgba(0, 0, 0, 0.09), + 0 2px 14px 3px rgba(0, 0, 0, 0.05), + 0 0 0 1px rgba(0, 0, 0, 0.05); outline: 1px solid rgba(0, 0, 0, 0.75); outline-offset: -1px; margin: 24px; } dnd tab.needs-attention { - background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#cba6f7, 0.4) 10%, alpha(#cba6f7, 0) 30%); + background-image: radial-gradient( + ellipse at bottom, + rgba(255, 255, 255, 0.8), + alpha(#cba6f7, 0.4) 10%, + alpha(#cba6f7, 0) 30% + ); } tabbar tab, @@ -3091,7 +3680,7 @@ scrollbar > range > trough > slider:hover { } scrollbar > range > trough > slider:active { - background-color: #FFFFFF; + background-color: #ffffff; } scrollbar > range > trough > slider:disabled { @@ -3120,7 +3709,10 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) { background-color: transparent; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { +scrollbar.overlay-indicator:not(.dragging):not(.hovering) + > range + > trough + > slider { min-width: 4px; min-height: 4px; margin: 3px; @@ -3142,7 +3734,10 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { background-color: rgba(255, 255, 255, 0.32); } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal + > range + > trough + > slider { min-width: 24px; } @@ -3150,7 +3745,10 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { min-width: 8px; } -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical + > range + > trough + > slider { min-height: 24px; } @@ -3158,7 +3756,8 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { min-height: 8px; } -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { +scrollbar.overlay-indicator.dragging, +scrollbar.overlay-indicator.hovering { background-color: rgba(49, 50, 68, 0.9); } @@ -3227,12 +3826,17 @@ switch > slider { margin: 3px; border-radius: 9999px; outline: none; - box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + box-shadow: + 0 3px 2px -2px rgba(0, 0, 0, 0.05), + 0 2px 3px -1px rgba(0, 0, 0, 0.06), + 0 1px 4px 0 rgba(0, 0, 0, 0.05); background-color: white; border: none; } -switch:focus slider, switch:hover slider, switch:focus:hover slider { +switch:focus slider, +switch:hover slider, +switch:focus:hover slider { box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12); } @@ -3250,7 +3854,8 @@ switch:focus slider, switch:hover slider, switch:focus:hover slider { background-image: none; } -.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, +.view.content-view.check:not(list):hover, +.view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12); @@ -3258,12 +3863,18 @@ switch:focus slider, switch:hover slider, switch:focus:hover slider { .view.content-view.check:not(list), .content-view .tile check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); + -gtk-icon-source: -gtk-scaled( + url("assets/selectionmode-checkbox-unchecked-dark.png"), + url("assets/selectionmode-checkbox-unchecked-dark@2.png") + ); } .view.content-view.check:not(list):checked, .content-view .tile check:not(list):checked { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); + -gtk-icon-source: -gtk-scaled( + url("assets/selectionmode-checkbox-checked-dark.png"), + url("assets/selectionmode-checkbox-checked-dark@2.png") + ); } checkbutton, @@ -3282,7 +3893,9 @@ radio { border: none; color: transparent; background-color: rgba(255, 255, 255, 0.12); - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); } check:hover, @@ -3302,139 +3915,181 @@ radio:disabled { background-color: rgba(255, 255, 255, 0.04); } -check:checked, check:indeterminate, +check:checked, +check:indeterminate, radio:checked, radio:indeterminate { color: rgba(0, 0, 0, 0.87); background-color: #cba6f7; } -check:checked:hover, check:indeterminate:hover, +check:checked:hover, +check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { box-shadow: 0 0 0 6px rgba(203, 166, 247, 0.15); background-color: #e6d5fb; } -check:checked:active, check:indeterminate:active, +check:checked:active, +check:indeterminate:active, radio:checked:active, radio:indeterminate:active { box-shadow: 0 0 0 6px rgba(203, 166, 247, 0.2); background-color: #cba6f7; } -check:checked:disabled, check:indeterminate:disabled, +check:checked:disabled, +check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { color: rgba(0, 0, 0, 0.6); background-color: rgba(203, 166, 247, 0.35); } -popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { +popover modelbutton.flat check, +popover modelbutton.flat check:focus, +popover modelbutton.flat check:hover, +popover modelbutton.flat check:focus:hover, +popover modelbutton.flat check:active, +popover modelbutton.flat check:disabled, +popover modelbutton.flat radio, +popover modelbutton.flat radio:focus, +popover modelbutton.flat radio:hover, +popover modelbutton.flat radio:focus:hover, +popover modelbutton.flat radio:active, +popover modelbutton.flat radio:disabled { transition: none; box-shadow: none; background-image: none; } -popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { +popover modelbutton.flat check.left:dir(rtl), +popover modelbutton.flat radio.left:dir(rtl) { margin-left: -3px; margin-right: 6px; } -popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { +popover modelbutton.flat check.right:dir(ltr), +popover modelbutton.flat radio.right:dir(ltr) { margin-left: 6px; margin-right: -3px; } -popover.menu check, popover.menu radio { +popover.menu check, +popover.menu radio { transition: none; margin: 0; padding: 0; } -popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { +popover.menu check:dir(ltr), +popover.menu radio:dir(ltr) { margin-right: 6px; margin-left: -3px; } -popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { +popover.menu check:dir(rtl), +popover.menu radio:dir(rtl) { margin-left: 6px; margin-right: -3px; } -popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { +popover.menu check, +popover.menu check:hover, +popover.menu check:disabled, +popover.menu check:checked:hover, +popover.menu check:indeterminate:hover, +popover.menu radio, +popover.menu radio:hover, +popover.menu radio:disabled, +popover.menu radio:checked:hover, +popover.menu radio:indeterminate:hover { box-shadow: none; } - check { -gtk-icon-size: 20px; } - check:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), + -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg")) + ); } - check:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg"))); + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), + -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg")) + ); } - radio { -gtk-icon-size: 20px; } - radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg"))); + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), + -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg")) + ); } - radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg"))); + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), + -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg")) + ); } - popover.menu check { min-height: 16px; min-width: 16px; -gtk-icon-size: 16px; } - popover.menu check:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic@2.svg"))); + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), + -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic@2.svg")) + ); } - popover.menu check:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg"))); + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), + -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg")) + ); } - popover.menu radio { min-height: 16px; min-width: 16px; -gtk-icon-size: 16px; } - popover.menu radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic@2.svg"))); + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), + -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic@2.svg")) + ); } - popover.menu radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg"))); + -gtk-icon-source: -gtk-scaled( + -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), + -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg")) + ); } check:not(:checked):active { -gtk-icon-transform: rotate(90deg); } -treeview.view radio, treeview.view check, +treeview.view radio, +treeview.view check, columnview.view radio, columnview.view check { padding: 0; @@ -3442,7 +4097,16 @@ columnview.view check { transition: none; } -treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover, +treeview.view radio, +treeview.view radio:hover, +treeview.view radio:disabled, +treeview.view radio:checked:hover, +treeview.view radio:indeterminate:hover, +treeview.view check, +treeview.view check:hover, +treeview.view check:disabled, +treeview.view check:checked:hover, +treeview.view check:indeterminate:hover, columnview.view radio, columnview.view radio:hover, columnview.view radio:disabled, @@ -3456,7 +4120,12 @@ columnview.view check:indeterminate:hover { box-shadow: none; } -treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio, +treeview.view:hover check, +treeview.view:hover radio, +treeview.view:selected check, +treeview.view:selected radio, +treeview.view:focus check, +treeview.view:focus radio, columnview.view:hover check, columnview.view:hover radio, columnview.view:selected check, @@ -3466,7 +4135,12 @@ columnview.view:focus radio { box-shadow: none; } -treeview.view:hover check:checked, treeview.view:hover radio:checked, treeview.view:selected check:checked, treeview.view:selected radio:checked, treeview.view:focus check:checked, treeview.view:focus radio:checked, +treeview.view:hover check:checked, +treeview.view:hover radio:checked, +treeview.view:selected check:checked, +treeview.view:selected radio:checked, +treeview.view:focus check:checked, +treeview.view:focus radio:checked, columnview.view:hover check:checked, columnview.view:hover radio:checked, columnview.view:selected check:checked, @@ -3534,11 +4208,15 @@ scale > trough > slider { } scale > trough > slider:hover { - box-shadow: inset 0 0 0 2px #cba6f7, 0 0 0 8px rgba(255, 255, 255, 0.12); + box-shadow: + inset 0 0 0 2px #cba6f7, + 0 0 0 8px rgba(255, 255, 255, 0.12); } scale > trough > slider:active { - box-shadow: inset 0 0 0 4px #cba6f7, 0 0 0 8px rgba(255, 255, 255, 0.12); + box-shadow: + inset 0 0 0 4px #cba6f7, + 0 0 0 8px rgba(255, 255, 255, 0.12); } scale > trough > slider:disabled { @@ -3571,7 +4249,8 @@ scale indicator { color: transparent; } -scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { +scale.marks-before:not(.marks-after) > trough > slider, +scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(0); } @@ -3626,18 +4305,26 @@ scale.vertical indicator { } scale.horizontal.marks-before:not(.marks-after) > trough > slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: + background-color 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 300ms cubic-bezier(0, 0, 0.2, 1), + background-image 1200ms cubic-bezier(0, 0, 0.2, 1); min-height: 32px; min-width: 32px; margin: -15px; border-radius: 50%; - background-size: auto, 1000% 1000%; + background-size: + auto, + 1000% 1000%; background-repeat: no-repeat; background-position: center center; background-color: transparent; } -scale.horizontal.marks-before:not(.marks-after) > trough > slider, scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover, scale.horizontal.marks-before:not(.marks-after) > trough > slider:active, scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { +scale.horizontal.marks-before:not(.marks-after) > trough > slider, +scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover, +scale.horizontal.marks-before:not(.marks-after) > trough > slider:active, +scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { box-shadow: none; } @@ -3654,35 +4341,54 @@ scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus:hover { } scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { - background-size: auto, 0% 0%; + background-size: + auto, + 0% 0%; background-color: alpha(currentColor, 0.08); } scale.horizontal.marks-before:not(.marks-after) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); + background-image: -gtk-scaled( + url("assets/scale-horz-marks-before-slider-dark.png"), + url("assets/scale-horz-marks-before-slider-dark@2.png") + ); } scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")); + background-image: -gtk-scaled( + url("assets/scale-horz-marks-before-slider-disabled-dark.png"), + url("assets/scale-horz-marks-before-slider-disabled-dark@2.png") + ); } scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); + background-image: -gtk-scaled( + url("assets/scale-horz-marks-before-slider-dark.png"), + url("assets/scale-horz-marks-before-slider-dark@2.png") + ); } scale.horizontal.marks-after:not(.marks-before) > trough > slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: + background-color 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 300ms cubic-bezier(0, 0, 0.2, 1), + background-image 1200ms cubic-bezier(0, 0, 0.2, 1); min-height: 32px; min-width: 32px; margin: -15px; border-radius: 50%; - background-size: auto, 1000% 1000%; + background-size: + auto, + 1000% 1000%; background-repeat: no-repeat; background-position: center center; background-color: transparent; } -scale.horizontal.marks-after:not(.marks-before) > trough > slider, scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover, scale.horizontal.marks-after:not(.marks-before) > trough > slider:active, scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { +scale.horizontal.marks-after:not(.marks-before) > trough > slider, +scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover, +scale.horizontal.marks-after:not(.marks-before) > trough > slider:active, +scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: none; } @@ -3699,35 +4405,54 @@ scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus:hover { } scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { - background-size: auto, 0% 0%; + background-size: + auto, + 0% 0%; background-color: alpha(currentColor, 0.08); } scale.horizontal.marks-after:not(.marks-before) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")); + background-image: -gtk-scaled( + url("assets/scale-horz-marks-after-slider-dark.png"), + url("assets/scale-horz-marks-after-slider-dark@2.png") + ); } scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")); + background-image: -gtk-scaled( + url("assets/scale-horz-marks-after-slider-disabled-dark.png"), + url("assets/scale-horz-marks-after-slider-disabled-dark@2.png") + ); } scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")); + background-image: -gtk-scaled( + url("assets/scale-horz-marks-after-slider-dark.png"), + url("assets/scale-horz-marks-after-slider-dark@2.png") + ); } scale.vertical.marks-before:not(.marks-after) > trough > slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: + background-color 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 300ms cubic-bezier(0, 0, 0.2, 1), + background-image 1200ms cubic-bezier(0, 0, 0.2, 1); min-height: 32px; min-width: 32px; margin: -15px; border-radius: 50%; - background-size: auto, 1000% 1000%; + background-size: + auto, + 1000% 1000%; background-repeat: no-repeat; background-position: center center; background-color: transparent; } -scale.vertical.marks-before:not(.marks-after) > trough > slider, scale.vertical.marks-before:not(.marks-after) > trough > slider:hover, scale.vertical.marks-before:not(.marks-after) > trough > slider:active, scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { +scale.vertical.marks-before:not(.marks-after) > trough > slider, +scale.vertical.marks-before:not(.marks-after) > trough > slider:hover, +scale.vertical.marks-before:not(.marks-after) > trough > slider:active, +scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { box-shadow: none; } @@ -3744,35 +4469,54 @@ scale.vertical.marks-before:not(.marks-after) > trough > slider:focus:hover { } scale.vertical.marks-before:not(.marks-after) > trough > slider:active { - background-size: auto, 0% 0%; + background-size: + auto, + 0% 0%; background-color: alpha(currentColor, 0.08); } scale.vertical.marks-before:not(.marks-after) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")); + background-image: -gtk-scaled( + url("assets/scale-vert-marks-before-slider-dark.png"), + url("assets/scale-vert-marks-before-slider-dark@2.png") + ); } scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")); + background-image: -gtk-scaled( + url("assets/scale-vert-marks-before-slider-disabled-dark.png"), + url("assets/scale-vert-marks-before-slider-disabled-dark@2.png") + ); } scale.vertical.marks-before:not(.marks-after) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")); + background-image: -gtk-scaled( + url("assets/scale-vert-marks-before-slider-dark.png"), + url("assets/scale-vert-marks-before-slider-dark@2.png") + ); } scale.vertical.marks-after:not(.marks-before) > trough > slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: + background-color 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 300ms cubic-bezier(0, 0, 0.2, 1), + background-image 1200ms cubic-bezier(0, 0, 0.2, 1); min-height: 32px; min-width: 32px; margin: -15px; border-radius: 50%; - background-size: auto, 1000% 1000%; + background-size: + auto, + 1000% 1000%; background-repeat: no-repeat; background-position: center center; background-color: transparent; } -scale.vertical.marks-after:not(.marks-before) > trough > slider, scale.vertical.marks-after:not(.marks-before) > trough > slider:hover, scale.vertical.marks-after:not(.marks-before) > trough > slider:active, scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { +scale.vertical.marks-after:not(.marks-before) > trough > slider, +scale.vertical.marks-after:not(.marks-before) > trough > slider:hover, +scale.vertical.marks-after:not(.marks-before) > trough > slider:active, +scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: none; } @@ -3789,20 +4533,31 @@ scale.vertical.marks-after:not(.marks-before) > trough > slider:focus:hover { } scale.vertical.marks-after:not(.marks-before) > trough > slider:active { - background-size: auto, 0% 0%; + background-size: + auto, + 0% 0%; background-color: alpha(currentColor, 0.08); } scale.vertical.marks-after:not(.marks-before) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")); + background-image: -gtk-scaled( + url("assets/scale-vert-marks-after-slider-dark.png"), + url("assets/scale-vert-marks-after-slider-dark@2.png") + ); } scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")); + background-image: -gtk-scaled( + url("assets/scale-vert-marks-after-slider-disabled-dark.png"), + url("assets/scale-vert-marks-after-slider-disabled-dark@2.png") + ); } scale.vertical.marks-after:not(.marks-before) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")); + background-image: -gtk-scaled( + url("assets/scale-vert-marks-after-slider-dark.png"), + url("assets/scale-vert-marks-after-slider-dark@2.png") + ); } scale.color { @@ -3814,7 +4569,8 @@ scale.color.horizontal { padding: 0 0 12px 0; } -scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) { +scale.color.horizontal > trough > slider:dir(ltr), +scale.color.horizontal > trough > slider:dir(rtl) { margin-bottom: -13.5px; margin-top: 11.5px; } @@ -3918,15 +4674,16 @@ levelbar trough { } levelbar block.low { - background-color: #FBC02D; + background-color: #fbc02d; } -levelbar block.high, levelbar block:not(.empty) { +levelbar block.high, +levelbar block:not(.empty) { background-color: #cba6f7; } levelbar block.full { - background-color: #66BB6A; + background-color: #66bb6a; } levelbar block.empty { @@ -3937,7 +4694,7 @@ levelbar block.empty { * Print dialog * *****************/ window.dialog.print drawing { - color: #FFFFFF; + color: #ffffff; background: none; border: none; padding: 0; @@ -3947,7 +4704,7 @@ window.dialog.print drawing paper { padding: 0; border: 1px solid rgba(255, 255, 255, 0.12); background-color: #1e1e2e; - color: #FFFFFF; + color: #ffffff; } window.dialog.print .dialog-action-box { @@ -3985,7 +4742,8 @@ frame > label { margin: 4px; } -frame.flat > border, statusbar frame > border { +frame.flat > border, +statusbar frame > border { border: none; } @@ -3998,9 +4756,12 @@ actionbar > revealer > box { border: none; } -actionbar > revealer > box button, actionbar > revealer > box entry, -actionbar > revealer > box menubutton, actionbar > revealer > box menubutton > button, -actionbar > revealer > box splitbutton, actionbar > revealer > box splitbutton > button, +actionbar > revealer > box button, +actionbar > revealer > box entry, +actionbar > revealer > box menubutton, +actionbar > revealer > box menubutton > button, +actionbar > revealer > box splitbutton, +actionbar > revealer > box splitbutton > button, actionbar > revealer > box spinbutton { margin: 0; } @@ -4018,8 +4779,20 @@ stack scrolledwindow.frame viewport.frame list { } overshoot.top { - background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0)); - background-size: 100% 3%, 100% 50%; + background-image: + radial-gradient( + farthest-side at top, + alpha(currentColor, 0.12) 85%, + alpha(currentColor, 0) + ), + radial-gradient( + farthest-side at top, + alpha(currentColor, 0.05), + alpha(currentColor, 0) + ); + background-size: + 100% 3%, + 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; @@ -4028,8 +4801,20 @@ overshoot.top { } overshoot.bottom { - background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0)); - background-size: 100% 3%, 100% 50%; + background-image: + radial-gradient( + farthest-side at bottom, + alpha(currentColor, 0.12) 85%, + alpha(currentColor, 0) + ), + radial-gradient( + farthest-side at bottom, + alpha(currentColor, 0.05), + alpha(currentColor, 0) + ); + background-size: + 100% 3%, + 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; @@ -4038,8 +4823,20 @@ overshoot.bottom { } overshoot.left { - background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0)); - background-size: 3% 100%, 50% 100%; + background-image: + radial-gradient( + farthest-side at left, + alpha(currentColor, 0.12) 85%, + alpha(currentColor, 0) + ), + radial-gradient( + farthest-side at left, + alpha(currentColor, 0.05), + alpha(currentColor, 0) + ); + background-size: + 3% 100%, + 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; @@ -4048,8 +4845,20 @@ overshoot.left { } overshoot.right { - background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); - background-size: 3% 100%, 50% 100%; + background-image: + radial-gradient( + farthest-side at right, + alpha(currentColor, 0.12) 85%, + alpha(currentColor, 0) + ), + radial-gradient( + farthest-side at right, + alpha(currentColor, 0.05), + alpha(currentColor, 0) + ); + background-size: + 3% 100%, + 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; @@ -4069,7 +4878,10 @@ separator { } stacksidebar + separator.vertical, -stacksidebar separator.horizontal, button.font separator, button.file separator, separator.spacer { +stacksidebar separator.horizontal, +button.font separator, +button.file separator, +separator.spacer { min-width: 0; min-height: 0; background-color: transparent; @@ -4109,13 +4921,15 @@ list > row.expander .row-header { padding: 2px; } -listview.horizontal row.separator:not(:last-child), listview.separators.horizontal > row:not(.separator):not(:last-child), +listview.horizontal row.separator:not(:last-child), +listview.separators.horizontal > row:not(.separator):not(:last-child), list.horizontal row.separator:not(:last-child), list.separators.horizontal > row:not(.separator):not(:last-child) { border-left: 1px solid rgba(255, 255, 255, 0.12); } -listview:not(.horizontal) row.separator:not(:last-child), listview.separators:not(.horizontal) > row:not(.separator):not(:last-child), +listview:not(.horizontal) row.separator:not(:last-child), +listview.separators:not(.horizontal) > row:not(.separator):not(:last-child), list:not(.horizontal) row.separator:not(:last-child), list.separators:not(.horizontal) > row:not(.separator):not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.12); @@ -4126,7 +4940,7 @@ list.frame { } listview.view { - color: #FFFFFF; + color: #ffffff; background-color: transparent; } @@ -4166,9 +4980,15 @@ row > box.header > box.title { border-spacing: 3px; } -.nautilus-window .nautilus-grid-view child.activatable, columnview.view > header > button, -treeview.view > header > button, row.activatable { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), font-weight 0; +.nautilus-window .nautilus-grid-view child.activatable, +columnview.view > header > button, +treeview.view > header > button, +row.activatable { + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 300ms cubic-bezier(0, 0, 0.2, 1), + background-image 1200ms cubic-bezier(0, 0, 0.2, 1), + font-weight 0; outline: none; box-shadow: none; background-color: transparent; @@ -4179,44 +4999,67 @@ treeview.view > header > button, row.activatable { outline: none; } -.nautilus-window .nautilus-grid-view child.activatable:focus, columnview.view > header > button:focus, -treeview.view > header > button:focus, row.activatable:focus { - color: #FFFFFF; +.nautilus-window .nautilus-grid-view child.activatable:focus, +columnview.view > header > button:focus, +treeview.view > header > button:focus, +row.activatable:focus { + color: #ffffff; background-color: transparent; box-shadow: none; outline: none; } -.nautilus-window .nautilus-grid-view child.activatable:hover, columnview.view > header > button:hover, -treeview.view > header > button:hover, .nautilus-window .nautilus-grid-view child.has-open-popup.activatable, columnview.view > header > button.has-open-popup, -treeview.view > header > button.has-open-popup, row.activatable:hover, row.activatable.has-open-popup { - color: #FFFFFF; +.nautilus-window .nautilus-grid-view child.activatable:hover, +columnview.view > header > button:hover, +treeview.view > header > button:hover, +.nautilus-window .nautilus-grid-view child.has-open-popup.activatable, +columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, +row.activatable:hover, +row.activatable.has-open-popup { + color: #ffffff; background-color: alpha(currentColor, 0.05); box-shadow: none; } -.nautilus-window .nautilus-grid-view child.activatable:active, columnview.view > header > button:active, -treeview.view > header > button:active, row.activatable:active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms; +.nautilus-window .nautilus-grid-view child.activatable:active, +columnview.view > header > button:active, +treeview.view > header > button:active, +row.activatable:active { + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, + background-image 0ms, + font-weight 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-image: radial-gradient( + circle, + alpha(currentColor, 0.05) 10%, + transparent 0% + ); background-size: 0% 0%; background-color: alpha(currentColor, 0.05); - color: #FFFFFF; + color: #ffffff; box-shadow: none; } -.nautilus-window .nautilus-grid-view child.activatable:selected, columnview.view > header > button:selected, -treeview.view > header > button:selected, row.activatable:selected { +.nautilus-window .nautilus-grid-view child.activatable:selected, +columnview.view > header > button:selected, +treeview.view > header > button:selected, +row.activatable:selected { background-color: alpha(currentColor, 0.06); } -.nautilus-window .nautilus-grid-view child.activatable:selected:hover, columnview.view > header > button:selected:hover, -treeview.view > header > button:selected:hover, row.activatable:selected:hover { +.nautilus-window .nautilus-grid-view child.activatable:selected:hover, +columnview.view > header > button:selected:hover, +treeview.view > header > button:selected:hover, +row.activatable:selected:hover { background-color: alpha(currentColor, 0.08); } -button row.activatable:focus, button row.activatable:hover, button row.activatable:active { +button row.activatable:focus, +button row.activatable:hover, +button row.activatable:active { box-shadow: none; background: none; } @@ -4235,18 +5078,20 @@ row:selected:hover { background-color: alpha(currentColor, 0.08); } -row:selected:focus, row:selected:focus-visible:focus-within { +row:selected:focus, +row:selected:focus-visible:focus-within { outline: none; background-color: alpha(currentColor, 0.08); } -row:selected:focus:hover, row:selected:focus-visible:focus-within:hover { +row:selected:focus:hover, +row:selected:focus-visible:focus-within:hover { background-color: alpha(currentColor, 0.16); } row:selected image, row:selected label { - color: #FFFFFF; + color: #ffffff; } row:selected button image, @@ -4321,11 +5166,13 @@ row > box.header > .prefixes:dir(rtl) { margin-left: 6px; } -row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { +row.entry:not(:selected).activatable.focused:hover, +row.entry:not(:selected).activatable.focused:active { background-color: transparent; } -row.entry .edit-icon, row.entry .indicator { +row.entry .edit-icon, +row.entry .indicator { min-width: 24px; min-height: 24px; padding: 5px; @@ -4348,7 +5195,7 @@ row.entry.monospace text { } row.entry.error text > selection:focus-within { - background-color: alpha(#F44336, 0.2); + background-color: alpha(#f44336, 0.2); } row.entry.error text > cursor-handle > contents { @@ -4356,7 +5203,7 @@ row.entry.error text > cursor-handle > contents { } row.entry.warning text > selection:focus-within { - background-color: alpha(#FBC02D, 0.2); + background-color: alpha(#fbc02d, 0.2); } row.entry.warning text > cursor-handle > contents { @@ -4364,7 +5211,7 @@ row.entry.warning text > cursor-handle > contents { } row.entry.success text > selection:focus-within { - background-color: alpha(#66BB6A, 0.2); + background-color: alpha(#66bb6a, 0.2); } row.entry.success text > cursor-handle > contents { @@ -4382,7 +5229,8 @@ row.combo listview.inline { color: inherit; } -row.combo listview.inline, row.combo listview.inline:disabled { +row.combo listview.inline, +row.combo listview.inline:disabled { background: none; color: inherit; } @@ -4391,27 +5239,39 @@ row.combo popover > contents { min-width: 120px; } -list.content > row, list.content > row.expander row.header, +list.content > row, +list.content > row.expander row.header, list.boxed-list > row, -list.boxed-list > row.expander row.header, row.expander list.nested > row { +list.boxed-list > row.expander row.header, +row.expander list.nested > row { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } -list.content > row:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, +list.content > row:not(:selected).activatable:hover, +list.content > row.expander row.header:not(:selected).activatable:hover, list.boxed-list > row:not(:selected).activatable:hover, -list.boxed-list > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { +list.boxed-list > row.expander row.header:not(:selected).activatable:hover, +row.expander list.nested > row:not(:selected).activatable:hover { background-color: alpha(currentColor, 0.08); } -list.content > row:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, +list.content > row:not(:selected).activatable:active, +list.content > row.expander row.header:not(:selected).activatable:active, list.boxed-list > row:not(:selected).activatable:active, -list.boxed-list > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { +list.boxed-list > row.expander row.header:not(:selected).activatable:active, +row.expander list.nested > row:not(:selected).activatable:active { background-color: alpha(currentColor, 0.12); } -list.content > row:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, +list.content > row:not(:selected).activatable.has-open-popup, +list.content + > row.expander + row.header:not(:selected).activatable.has-open-popup, list.boxed-list > row:not(:selected).activatable.has-open-popup, -list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { +list.boxed-list + > row.expander + row.header:not(:selected).activatable.has-open-popup, +row.expander list.nested > row:not(:selected).activatable.has-open-popup { background-color: alpha(currentColor, 0.03); } @@ -4471,14 +5331,19 @@ list.boxed-list > row.expander { border: none; } -list.content > row:first-child, list.content > row:first-child.expander row.header, +list.content > row:first-child, +list.content > row:first-child.expander row.header, list.boxed-list > row:first-child, list.boxed-list > row:first-child.expander row.header { border-top-left-radius: 6px; border-top-right-radius: 6px; } -list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, +list.content > row:last-child, +list.content > row:last-child.expander:not(:checked), +list.content > row:last-child.expander:not(:checked) row.header, +list.content > row:last-child.expander:checked list.nested, +list.content > row:last-child.expander:checked list.nested > row:last-child, list.boxed-list > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, @@ -4566,8 +5431,9 @@ expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } -expander:hover, expander:active { - color: #FFFFFF; +expander:hover, +expander:active { + color: #ffffff; } expander:checked { @@ -4586,7 +5452,8 @@ expander-widget > box > title:hover > expander { color: rgba(255, 255, 255, 0.7); } -.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), +.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, @@ -4603,7 +5470,7 @@ calendar { padding: 0; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 6px; - color: #FFFFFF; + color: #ffffff; } calendar:disabled { @@ -4651,7 +5518,8 @@ calendar > grid > label.day-number.other-month { /*********** * Dialogs * ***********/ -window.messagedialog .response-area > box > button, window.dialog.message .dialog-action-area > button { +window.messagedialog .response-area > box > button, +window.dialog.message .dialog-action-area > button { border-radius: 0; min-height: 28px; padding: 6px 12px; @@ -4659,15 +5527,18 @@ window.messagedialog .response-area > box > button, window.dialog.message .dialo border: none; } -window.messagedialog .response-area > box > button:first-child, window.dialog.message .dialog-action-area > button:first-child { +window.messagedialog .response-area > box > button:first-child, +window.dialog.message .dialog-action-area > button:first-child { border-radius: 0 0 0 12px; } -window.messagedialog .response-area > box > button:last-child, window.dialog.message .dialog-action-area > button:last-child { +window.messagedialog .response-area > box > button:last-child, +window.dialog.message .dialog-action-area > button:last-child { border-radius: 0 0 12px 0; } -window.messagedialog .response-area > box > button:only-child, window.dialog.message .dialog-action-area > button:only-child { +window.messagedialog .response-area > box > button:only-child, +window.dialog.message .dialog-action-area > button:only-child { border-radius: 0 0 12px 12px; } @@ -4694,7 +5565,7 @@ window.dialog.message .titlebar { border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #313244; - color: #FFFFFF; + color: #ffffff; } window.dialog.message .titlebar:backdrop { @@ -4716,15 +5587,22 @@ window.dialog.message .dialog-action-area > button:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.12); } -window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) { +window.dialog.message + .dialog-action-area + > button.suggested-action:not(:disabled) { color: #cba6f7; } -window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { - color: #F44336; +window.dialog.message + .dialog-action-area + > button.destructive-action:not(:disabled) { + color: #f44336; } -window.aboutdialog.background.csd scrolledwindow.frame, window.aboutdialog.background.csd scrolledwindow.frame > viewport.view, window.aboutdialog.background.csd scrolledwindow.frame > textview.view, window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text { +window.aboutdialog.background.csd scrolledwindow.frame, +window.aboutdialog.background.csd scrolledwindow.frame > viewport.view, +window.aboutdialog.background.csd scrolledwindow.frame > textview.view, +window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text { border-radius: 6px; } @@ -4733,7 +5611,7 @@ window.aboutdialog.background.csd scrolledwindow.frame, window.aboutdialog.backg ********************/ window.messagedialog { background-color: #313244; - color: #FFFFFF; + color: #ffffff; } window.messagedialog .message-area { @@ -4746,31 +5624,46 @@ window.messagedialog .response-area > box > button.suggested { } window.messagedialog .response-area > box > button.destructive { - color: #F44336; + color: #f44336; } window.messagedialog.csd:not(.solid-csd) { border-radius: 12px; } -window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button { +window.messagedialog.csd:not(.solid-csd) + .response-area + > box.horizontal + > button { margin: 0; } -window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:first-child { +window.messagedialog.csd:not(.solid-csd) + .response-area + > box.horizontal + > button:first-child { margin-left: 0; } -window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:last-child { +window.messagedialog.csd:not(.solid-csd) + .response-area + > box.horizontal + > button:last-child { margin-right: 0; } -window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button { +window.messagedialog.csd:not(.solid-csd) + .response-area + > box.vertical + > button { margin-top: 0; margin-bottom: 0; } -window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button:last-child { +window.messagedialog.csd:not(.solid-csd) + .response-area + > box.vertical + > button:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; margin-bottom: 0; @@ -4806,12 +5699,15 @@ filechooserbutton:drop(active) { background-color: #11111b; } -.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { +.sidebar:not(separator):dir(ltr), +.sidebar:not(separator).left, +.sidebar:not(separator).left:dir(rtl) { border-right: 1px solid rgba(255, 255, 255, 0.12); border-left-style: none; } -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { +.sidebar:not(separator):dir(rtl), +.sidebar:not(separator).right { border-left: 1px solid rgba(255, 255, 255, 0.12); border-right-style: none; } @@ -4822,7 +5718,12 @@ filechooserbutton:drop(active) { color: inherit; } -paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { +paned .sidebar.left, +paned .sidebar.right, +paned .sidebar.left:dir(rtl), +paned .sidebar:dir(rtl), +paned .sidebar:dir(ltr), +paned .sidebar { border-style: none; } @@ -4860,7 +5761,8 @@ separator.sidebar { border-right: none; } -separator.sidebar.selection-mode, .selection-mode separator.sidebar { +separator.sidebar.selection-mode, +.selection-mode separator.sidebar { background-color: rgba(255, 255, 255, 0.12); } @@ -4872,7 +5774,8 @@ separator.sidebar.selection-mode, .selection-mode separator.sidebar { border-right: none; } -.navigation-sidebar, .navigation-sidebar.view { +.navigation-sidebar, +.navigation-sidebar.view { background-color: transparent; color: inherit; } @@ -4987,7 +5890,9 @@ paned > separator.wide { min-height: 6px; background-color: #1e1e2e; background-image: image(#393947), image(#393947); - background-size: 1px 1px, 1px 1px; + background-size: + 1px 1px, + 1px 1px; } paned.horizontal > separator { @@ -5052,42 +5957,104 @@ infobar > revealer > box { box-shadow: none; } -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { +infobar.info > revealer > box, +infobar.info:hover > revealer > box, +infobar.info:backdrop > revealer > box { background-color: #1e1e2e; - color: #FFFFFF; + color: #ffffff; } -infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) { +infobar.info + > revealer + > box + button.text-button:not(:disabled):not(.suggested-action):not( + .destructive-action + ), +infobar.info:hover + > revealer + > box + button.text-button:not(:disabled):not(.suggested-action):not( + .destructive-action + ), +infobar.info:backdrop + > revealer + > box + button.text-button:not(:disabled):not(.suggested-action):not( + .destructive-action + ) { color: #cba6f7; } -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { +infobar.action > revealer > box, +infobar.action:backdrop > revealer > box, +infobar.question > revealer > box, +infobar.question:backdrop > revealer > box { background-color: #cba6f7; color: rgba(0, 0, 0, 0.87); } -infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { +infobar.action > revealer > box button, +infobar.action > revealer > box button:hover, +infobar.action > revealer > box button:focus, +infobar.action > revealer > box button:active, +infobar.action > revealer > box button:checked, +infobar.action > revealer > box button.text-button:not(:disabled), +infobar.action:backdrop > revealer > box button, +infobar.action:backdrop > revealer > box button:hover, +infobar.action:backdrop > revealer > box button:focus, +infobar.action:backdrop > revealer > box button:active, +infobar.action:backdrop > revealer > box button:checked, +infobar.action:backdrop > revealer > box button.text-button:not(:disabled), +infobar.question > revealer > box button, +infobar.question > revealer > box button:hover, +infobar.question > revealer > box button:focus, +infobar.question > revealer > box button:active, +infobar.question > revealer > box button:checked, +infobar.question > revealer > box button.text-button:not(:disabled), +infobar.question:backdrop > revealer > box button, +infobar.question:backdrop > revealer > box button:hover, +infobar.question:backdrop > revealer > box button:focus, +infobar.question:backdrop > revealer > box button:active, +infobar.question:backdrop > revealer > box button:checked, +infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { color: rgba(0, 0, 0, 0.87); } -infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { +infobar.action > revealer > box *:link, +infobar.action:backdrop > revealer > box *:link, +infobar.question > revealer > box *:link, +infobar.question:backdrop > revealer > box *:link { color: rgba(0, 0, 0, 0.87); } -infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { +infobar.action:hover > revealer > box, +infobar.question:hover > revealer > box { background-color: #bd8ff5; } -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #FBC02D; +infobar.warning > revealer > box, +infobar.warning:backdrop > revealer > box { + background-color: #fbc02d; color: rgba(0, 0, 0, 0.87); } -infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { +infobar.warning > revealer > box button, +infobar.warning > revealer > box button:hover, +infobar.warning > revealer > box button:focus, +infobar.warning > revealer > box button:active, +infobar.warning > revealer > box button:checked, +infobar.warning > revealer > box button.text-button:not(:disabled), +infobar.warning:backdrop > revealer > box button, +infobar.warning:backdrop > revealer > box button:hover, +infobar.warning:backdrop > revealer > box button:focus, +infobar.warning:backdrop > revealer > box button:active, +infobar.warning:backdrop > revealer > box button:checked, +infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { color: rgba(0, 0, 0, 0.87); } -infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { +infobar.warning > revealer > box *:link, +infobar.warning:backdrop > revealer > box *:link { color: rgba(0, 0, 0, 0.87); } @@ -5095,17 +6062,30 @@ infobar.warning:hover > revealer > box { background-color: #fbb814; } -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #F44336; - color: #FFFFFF; +infobar.error > revealer > box, +infobar.error:backdrop > revealer > box { + background-color: #f44336; + color: #ffffff; } -infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { - color: #FFFFFF; +infobar.error > revealer > box button, +infobar.error > revealer > box button:hover, +infobar.error > revealer > box button:focus, +infobar.error > revealer > box button:active, +infobar.error > revealer > box button:checked, +infobar.error > revealer > box button.text-button:not(:disabled), +infobar.error:backdrop > revealer > box button, +infobar.error:backdrop > revealer > box button:hover, +infobar.error:backdrop > revealer > box button:focus, +infobar.error:backdrop > revealer > box button:active, +infobar.error:backdrop > revealer > box button:checked, +infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { + color: #ffffff; } -infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { - color: #FFFFFF; +infobar.error > revealer > box *:link, +infobar.error:backdrop > revealer > box *:link { + color: #ffffff; } infobar.error:hover > revealer > box { @@ -5123,8 +6103,11 @@ tooltip { tooltip.background { background-color: rgba(11, 11, 18, 0.9); - color: #FFFFFF; - box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + color: #ffffff; + box-shadow: + 0 3px 2px -2px rgba(0, 0, 0, 0.05), + 0 2px 3px -1px rgba(0, 0, 0, 0.06), + 0 1px 4px 0 rgba(0, 0, 0, 0.05); border-radius: 6px; margin: 2px 6px 8px 6px; } @@ -5156,28 +6139,32 @@ colorswatch.bottom overlay { border-bottom-right-radius: 6px; } -colorswatch.left, colorswatch:first-child:not(.top) { +colorswatch.left, +colorswatch:first-child:not(.top) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { +colorswatch.left overlay, +colorswatch:first-child:not(.top) overlay { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } -colorswatch.right, colorswatch:last-child:not(.bottom) { +colorswatch.right, +colorswatch:last-child:not(.bottom) { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { +colorswatch.right overlay, +colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } colorswatch.dark { - color: #FFFFFF; + color: #ffffff; } colorswatch.light { @@ -5191,7 +6178,7 @@ colorchooser colorswatch:hover { colorswatch#add-color-button { border-radius: 6px 0 0 6px; - color: #FFFFFF; + color: #ffffff; } colorswatch#add-color-button:only-child { @@ -5228,18 +6215,29 @@ colorswatch#editor-color-sample overlay { } colorswatch#editor-color-sample overlay:hover { - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); + box-shadow: + 0 2px 2px -2px rgba(0, 0, 0, 0.3), + 0 1px 2px -1px rgba(0, 0, 0, 0.24), + 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); } colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + box-shadow: + 0 2px 3px -1px rgba(0, 0, 0, 0.15), + 0 4px 3px 0 rgba(0, 0, 0, 0.18), + 0 1px 6px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(255, 255, 255, 0.1); background-color: #313244; } colorchooser .popover.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + box-shadow: + 0 3px 2px -3px rgba(0, 0, 0, 0.2), + 0 2px 2px -1px rgba(0, 0, 0, 0.24), + 0 1px 3px 0 rgba(0, 0, 0, 0.12), + inset 0 1px rgba(255, 255, 255, 0.1); } /******** @@ -5261,15 +6259,31 @@ window.csd { outline-offset: -1px; outline: 1px solid rgba(255, 255, 255, 0.1); margin: 0; - box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent; + box-shadow: + 0 8px 6px -5px rgba(0, 0, 0, 0.2), + 0 16px 15px 2px rgba(0, 0, 0, 0.14), + 0 6px 18px 5px rgba(0, 0, 0, 0.12), + 0 0 0 1px rgba(0, 0, 0, 0.75), + 0 0 36px transparent; } window.csd:backdrop { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent; + box-shadow: + 0 2px 3px -1px rgba(0, 0, 0, 0.15), + 0 4px 3px 0 rgba(0, 0, 0, 0.18), + 0 1px 6px 0 rgba(0, 0, 0, 0.12), + 0 0 0 1px rgba(0, 0, 0, 0.75), + 0 0 36px transparent; } -window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { +window.csd.maximized, +window.csd.fullscreen, +window.csd.tiled, +window.csd.tiled-top, +window.csd.tiled-right, +window.csd.tiled-bottom, +window.csd.tiled-left { border-radius: 0; transition: none; } @@ -5297,31 +6311,86 @@ windowcontrols button:not(.suggested-action):not(.destructive-action) { margin: 0 4px; } -windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) { +windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), +windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), +windowcontrols button.close:not(.suggested-action):not(.destructive-action) { color: transparent; } -windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.close:not(.suggested-action):not(.destructive-action) image { +windowcontrols + button.minimize:not(.suggested-action):not(.destructive-action) + image, +windowcontrols + button.maximize:not(.suggested-action):not(.destructive-action) + image, +windowcontrols + button.close:not(.suggested-action):not(.destructive-action) + image { padding: 0; } -windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) { +windowcontrols + button.minimize:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.maximize:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.close:hover:not(.suggested-action):not(.destructive-action) { box-shadow: none; } -windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { +windowcontrols + button.minimize:active:not(.suggested-action):not(.destructive-action), +windowcontrols + button.maximize:active:not(.suggested-action):not(.destructive-action), +windowcontrols + button.close:active:not(.suggested-action):not(.destructive-action) { box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.25); } -windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { +windowcontrols + button.minimize:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.minimize:active:not(.suggested-action):not(.destructive-action), +windowcontrols + button.maximize:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.maximize:active:not(.suggested-action):not(.destructive-action), +windowcontrols + button.close:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.close:active:not(.suggested-action):not(.destructive-action) { color: rgba(0, 0, 0, 0.5); } -windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) { +windowcontrols + button.minimize:backdrop:not(.suggested-action):not(.destructive-action), +windowcontrols + button.maximize:backdrop:not(.suggested-action):not(.destructive-action), +windowcontrols + button.close:backdrop:not(.suggested-action):not(.destructive-action) { background-color: rgba(255, 255, 255, 0.3); } -windowcontrols button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:active:not(.suggested-action):not(.destructive-action) { +windowcontrols + button.minimize:backdrop:hover:not(.suggested-action):not( + .destructive-action + ), +windowcontrols + button.minimize:backdrop:active:not(.suggested-action):not( + .destructive-action + ), +windowcontrols + button.maximize:backdrop:hover:not(.suggested-action):not( + .destructive-action + ), +windowcontrols + button.maximize:backdrop:active:not(.suggested-action):not( + .destructive-action + ), +windowcontrols + button.close:backdrop:hover:not(.suggested-action):not(.destructive-action), +windowcontrols + button.close:backdrop:active:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.5); } @@ -5329,7 +6398,8 @@ windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) { background-color: #f9e2af; } -windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action) { +windowcontrols + button.minimize:active:not(.suggested-action):not(.destructive-action) { background-color: #fbe9c3; } @@ -5337,7 +6407,8 @@ windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) { background-color: #a6e3a1; } -windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action) { +windowcontrols + button.maximize:active:not(.suggested-action):not(.destructive-action) { background-color: #bceab9; } @@ -5345,7 +6416,8 @@ windowcontrols button.close:not(.suggested-action):not(.destructive-action) { background-color: #f38ba8; } -windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { +windowcontrols + button.close:active:not(.suggested-action):not(.destructive-action) { background-color: #f6a8be; } @@ -5353,30 +6425,42 @@ windowcontrols { border-spacing: 6px; } -windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { +windowcontrols:not(.empty).start:dir(ltr), +windowcontrols:not(.empty).end:dir(rtl) { margin-right: 9px; margin-left: 9px; } -windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { +windowcontrols:not(.empty).start:dir(rtl), +windowcontrols:not(.empty).end:dir(ltr) { margin-left: 9px; margin-right: 9px; } -.view:selected, iconview:selected, gridview > child:selected, columnview.view:selected, -treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected { +.view:selected, +iconview:selected, +gridview > child:selected, +columnview.view:selected, +treeview.view:selected, +calendar:selected, +calendar > grid > label.day-number:selected { background-color: alpha(currentColor, 0.06); } -flowbox > flowboxchild:selected, calendar > grid > label.today { +flowbox > flowboxchild:selected, +calendar > grid > label.today { color: #cba6f7; background-color: rgba(203, 166, 247, 0.2); } -textview text selection:focus, textview text selection, label > selection, -entry > text > selection, spinbutton > text > selection, +textview text selection:focus, +textview text selection, +label > selection, +entry > text > selection, +spinbutton > text > selection, entry headerbar popover.background entry > text > selection, -headerbar popover.background entry entry > text > selection, calendar > grid > label.today:selected { +headerbar popover.background entry entry > text > selection, +calendar > grid > label.today:selected { color: rgba(0, 0, 0, 0.87); background-color: #cba6f7; } @@ -5386,10 +6470,13 @@ headerbar popover.background entry entry > text > selection, calendar > grid > l **********************/ cursor-handle { color: #cba6f7; - -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); + -gtk-icon-source: -gtk-recolor( + url("assets/scalable/cursor-handle-symbolic.svg") + ); } -cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { +cursor-handle.insertion-cursor:dir(ltr), +cursor-handle.insertion-cursor:dir(rtl) { padding-top: 6px; } @@ -5417,7 +6504,7 @@ shortcut > .keycap { border-radius: 7px; box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); background-color: #313244; - color: #FFFFFF; + color: #ffffff; font-size: smaller; } @@ -5434,41 +6521,62 @@ stackswitcher { border: none; } -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action) { margin: 0 0; background-color: transparent; border-radius: 6px; padding: 3px 10px; } -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action).text-button { min-width: 100px; } -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):focus:not( + :hover + ):not(:checked) { box-shadow: none; } -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):hover { +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):hover { background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; outline: 0 solid transparent; } -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):active { + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, + background-image 0ms, + border 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-image: radial-gradient( + circle, + alpha(currentColor, 0.08) 10%, + transparent 0% + ); background-size: 0% 0%; background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; outline: 0 solid transparent; } -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; +stackswitcher.linked:not(.vertical) + > button:not(.suggested-action):not(.destructive-action):checked { + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + border-image 225ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, + background-image 0ms, + background-color 0ms; background-color: rgba(255, 255, 255, 0.15); - color: #FFFFFF; + color: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } @@ -5491,7 +6599,9 @@ stackswitcher button.text-button.circular { } .icon-dropshadow { - -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.1); + -gtk-icon-shadow: + 0 1px 12px rgba(0, 0, 0, 0.05), + 0 1px 6px rgba(0, 0, 0, 0.1); } /********* @@ -5541,7 +6651,8 @@ popover.emoji-picker emoji { border-radius: 6px; } -popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { +popover.emoji-picker emoji:focus, +popover.emoji-picker emoji:hover { background: alpha(currentColor, 0.08); } @@ -5555,10 +6666,12 @@ emoji-completion-row > box { padding: 2px 6px; } -emoji-completion-row:focus, emoji-completion-row:hover, -emoji-completion-row emoji:hover, emoji-completion-row emoji:focus { +emoji-completion-row:focus, +emoji-completion-row:hover, +emoji-completion-row emoji:hover, +emoji-completion-row emoji:focus { background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; } popover.entry-completion > contents { @@ -5577,7 +6690,10 @@ popover.entry-completion > contents { border-radius: 6px; background-color: #cba6f7; color: rgba(0, 0, 0, 0.87); - box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + box-shadow: + 0 3px 2px -2px rgba(0, 0, 0, 0.05), + 0 2px 3px -1px rgba(0, 0, 0, 0.06), + 0 1px 4px 0 rgba(0, 0, 0, 0.05); } .nautilus-window .floating-bar button { @@ -5590,7 +6706,9 @@ popover.entry-completion > contents { min-height: 24px; } -#NautilusQueryEditor > text, #NautilusQueryEditor > box, #NautilusQueryEditor > menubutton > button.image-button { +#NautilusQueryEditor > text, +#NautilusQueryEditor > box, +#NautilusQueryEditor > menubutton > button.image-button { margin: 6px 0; } @@ -5615,10 +6733,11 @@ popover.entry-completion > contents { } #NautilusPathButton.current-dir { - color: #FFFFFF; + color: #ffffff; } -#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active { +#NautilusPathButton.current-dir:hover, +#NautilusPathButton.current-dir:active { background: none; box-shadow: none; } @@ -5675,13 +6794,16 @@ leaflet button.number-button:active { background-color: rgba(255, 255, 255, 0.3); } -label.primary-label, label.month-name, label.secondary-label { +label.primary-label, +label.month-name, +label.secondary-label { font-size: 16pt; font-weight: bold; padding: 12px; } -label.primary-label, label.month-name { +label.primary-label, +label.month-name { color: #cba6f7; } @@ -5746,7 +6868,8 @@ event widget.content { margin: 4px; } -event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { +event.timed, +event:not(.slanted):not(.slanted-start):not(.slanted-end) { border-radius: 6px; } @@ -5755,12 +6878,14 @@ event.timed widget.edge { min-width: 5px; } -event.slanted-start, event.slanted-end:dir(rtl) { +event.slanted-start, +event.slanted-end:dir(rtl) { padding-left: 16px; border-radius: 0 3px 3px 0; } -event.slanted-end, event.slanted-start:dir(rtl) { +event.slanted-end, +event.slanted-start:dir(rtl) { padding-right: 16px; border-radius: 3px 0 0 3px; } @@ -5770,7 +6895,8 @@ event:not(.timed).color-dark { outline-color: rgba(0, 0, 0, 0.3); } -event.timed, event:not(.timed).color-light { +event.timed, +event:not(.timed).color-light { color: alpha(black, 0.75); outline-color: rgba(255, 255, 255, 0.5); } @@ -5828,13 +6954,15 @@ datechooser navigator label { font-weight: bold; } -datechooser navigator button, datechooser navigator button.image-button { +datechooser navigator button, +datechooser navigator button.image-button { min-height: 36px; min-width: 36px; padding: 0; } -datechooser .weeknum, datechooser .weekday { +datechooser .weeknum, +datechooser .weekday { color: rgba(255, 255, 255, 0.5); font-size: smaller; } @@ -5850,19 +6978,21 @@ datechooser button.day { } datechooser button.day dot { - background-color: #FFFFFF; + background-color: #ffffff; border-radius: 50%; min-height: 3px; min-width: 3px; } -datechooser button.day:selected, datechooser button.day.today:selected { +datechooser button.day:selected, +datechooser button.day.today:selected { background-color: #cba6f7; color: rgba(0, 0, 0, 0.87); font-weight: bold; } -datechooser button.day:selected dot, datechooser button.day.today:selected dot { +datechooser button.day:selected dot, +datechooser button.day.today:selected dot { background-color: rgba(0, 0, 0, 0.87); } @@ -5874,11 +7004,13 @@ datechooser button.day.today dot { background-color: #cba6f7; } -datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop { +datechooser button.day.other-month:not(:hover), +datechooser button.day.other-month:backdrop { color: alpha(currentColor, 0.1); } -datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot { +datechooser button.day.other-month:not(:hover) dot, +datechooser button.day.other-month:backdrop dot { background-color: alpha(currentColor, 0.1); } @@ -5930,7 +7062,8 @@ weekgrid > widget.now-strip { min-height: 3px; } -weekgrid:selected, weekgrid.dnd, +weekgrid:selected, +weekgrid.dnd, .week-header:selected, .week-header.dnd { background-color: alpha(#cba6f7, 0.25); @@ -5946,7 +7079,7 @@ monthcell { monthcell:hover:not(.out-of-month):not(.today) { background-color: #11111b; transition: background-color 200ms; - color: #FFFFFF; + color: #ffffff; } monthcell:selected { @@ -5983,7 +7116,7 @@ monthcell.today:selected:hover { } monthcell label { - color: #FFFFFF; + color: #ffffff; font-size: 0.9rem; } @@ -6044,7 +7177,7 @@ datechooser { datechooser .current-week { background: alpha(#11111b, 0.7); - color: #FFFFFF; + color: #ffffff; border-radius: 6px; } @@ -6101,7 +7234,7 @@ screenshot-carousel button, } .origin-beta { - color: #FBC02D; + color: #fbc02d; } .origin-button > button { @@ -6130,12 +7263,20 @@ button.card.category-tile.category-create { } button.card.category-tile.category-create:hover { - background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%); + background: linear-gradient( + 180deg, + shade(#ce8cd7, 1.07) 0%, + shade(#2861c6, 1.1) 100% + ); color: white; } button.card.category-tile.category-create:active { - background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%); + background: linear-gradient( + 180deg, + shade(#ce8cd7, 0.95) 0%, + shade(#2861c6, 0.95) 100% + ); color: white; } @@ -6160,12 +7301,20 @@ button.card.category-tile.category-learn { } button.card.category-tile.category-learn:hover { - background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%); + background: linear-gradient( + 180deg, + shade(#2ec27e, 1.06) 30%, + shade(#27a66c, 1.06) 100% + ); color: white; } button.card.category-tile.category-learn:active { - background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%); + background: linear-gradient( + 180deg, + shade(#2ec27e, 0.95) 30%, + shade(#27a66c, 0.95) 100% + ); color: white; } @@ -6175,12 +7324,22 @@ button.card.category-tile.category-play { } button.card.category-tile.category-play:hover { - background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%); + background: linear-gradient( + 75deg, + shade(#f9e2a7, 1.07) 0%, + shade(#eb5ec3, 1.07) 50%, + shade(#6d53e0, 1.07) 100% + ); color: #393484; } button.card.category-tile.category-play:active { - background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%); + background: linear-gradient( + 75deg, + shade(#f9e2a7, 0.97) 0%, + shade(#eb5ec3, 0.95) 50%, + shade(#6d53e0, 1.07) 100% + ); color: #393484; } @@ -6190,11 +7349,19 @@ button.card.category-tile.category-socialize { } button.card.category-tile.category-socialize:hover { - background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%); + background: linear-gradient( + 90deg, + shade(#ef4e9b, 1.08) 0%, + shade(#f77466, 1.08) 100% + ); } button.card.category-tile.category-socialize:active { - background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%); + background: linear-gradient( + 90deg, + shade(#ef4e9b, 0.95) 0%, + shade(#f77466, 0.95) 100% + ); } button.card.category-tile.category-work { @@ -6202,21 +7369,31 @@ button.card.category-tile.category-work { /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */ color: #1c71d8; background-color: #fdf8d7; - background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); - background-size: 10px 10px, 10px 10px; - background-position: -1px -4px, center -1px; + background-image: + linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), + linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); + background-size: + 10px 10px, + 10px 10px; + background-position: + -1px -4px, + center -1px; } button.card.category-tile.category-work:hover { color: #1c71d8; background-color: #fefcef; - background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); + background-image: + linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), + linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); } button.card.category-tile.category-work:active { color: #1c71d8; background-color: #fcf4bf; - background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); + background-image: + linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), + linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); } clamp.medium .category-tile:not(.category-tile-iconless), @@ -6228,7 +7405,7 @@ clamp.large .category-tile:not(.category-tile-iconless) { all: unset; padding: 0; box-shadow: none; - color: #FFFFFF; + color: #ffffff; } .featured-tile label.title-1 { @@ -6240,14 +7417,15 @@ clamp.large .category-tile:not(.category-tile-iconless) { font-size: 16pt; } -.application-details-infobar, .application-details-infobar.info { +.application-details-infobar, +.application-details-infobar.info { background-color: rgba(255, 255, 255, 0.04); - color: #FFFFFF; + color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.12); } .application-details-infobar.warning { - background-color: #FBC02D; + background-color: #fbc02d; color: rgba(0, 0, 0, 0.87); border: 1px solid rgba(0, 0, 0, 0.12); } @@ -6294,7 +7472,12 @@ clamp.large .category-tile:not(.category-tile-iconless) { } .review-row .vote-buttons button:not(:first-child) { - border-image: linear-gradient(to top, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 0 0 0 1/5px 0 5px 1px; + border-image: linear-gradient( + to top, + rgba(255, 255, 255, 0.12), + rgba(255, 255, 255, 0.12) + ) + 0 0 0 1/5px 0 5px 1px; } .review-row .vote-buttons button:hover, @@ -6354,7 +7537,7 @@ button.star { } star-image { - color: #FFD600; + color: #ffd600; } .dimmer-label { @@ -6374,7 +7557,7 @@ star-image { } .upgrade-banner-background { - background: linear-gradient(to bottom, #66BB6A, #5b9bf8); + background: linear-gradient(to bottom, #66bb6a, #5b9bf8); color: white; } @@ -6439,7 +7622,8 @@ app-context-bar .context-tile:hover { background-color: alpha(currentColor, 0.08); } -app-context-bar .context-tile.keyboard-activating, app-context-bar .context-tile:active { +app-context-bar .context-tile.keyboard-activating, +app-context-bar .context-tile:active { background-color: alpha(currentColor, 0.12); } @@ -6447,11 +7631,13 @@ app-context-bar .context-tile:focus:focus-visible { outline-offset: -1px; } -app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child { +app-context-bar.horizontal box:first-child .context-tile:first-child, +app-context-bar.vertical .context-tile:first-child { border-left: none; } -app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile { +app-context-bar.horizontal .context-tile, +app-context-bar.vertical box:first-child .context-tile { border-top: none; } @@ -6508,38 +7694,42 @@ carousel.card { } .context-tile-lozenge.grey { - color: #FFFFFF; + color: #ffffff; background-color: rgba(255, 255, 255, 0.12); } -.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { +.context-tile-lozenge.green, +.context-tile-lozenge.details-rating-0 { color: #419345; background-color: rgba(102, 187, 106, 0.15); } -.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { +.context-tile-lozenge.blue, +.context-tile-lozenge.details-rating-5 { color: #5b9bf8; background-color: rgba(91, 155, 248, 0.15); } -.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { +.context-tile-lozenge.yellow, +.context-tile-lozenge.details-rating-12 { color: #d79b04; background-color: rgba(251, 192, 45, 0.15); } .context-tile-lozenge.details-rating-15 { - color: #FF8A65; + color: #ff8a65; background-color: rgba(255, 138, 101, 0.15); } -.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { +.context-tile-lozenge.red, +.context-tile-lozenge.details-rating-18 { color: #d2190b; background-color: rgba(244, 67, 54, 0.15); } .eol-red { font-weight: bold; - color: #F44336; + color: #f44336; } window.narrow .app-title { @@ -6559,20 +7749,39 @@ scrolledwindow.fake-adw-status-page > viewport > box { margin: 36px 12px; } -scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box { +scrolledwindow.fake-adw-status-page + > viewport + > box + > clamp:not(:last-child) + > box { margin-bottom: 36px; } -scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) { +scrolledwindow.fake-adw-status-page + > viewport + > box + > clamp + > box + > .icon:not(:last-child) { margin-bottom: 36px; } -scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) { +scrolledwindow.fake-adw-status-page + > viewport + > box + > clamp + > box + > .title:not(:last-child) { margin-bottom: 12px; } statuspage.icon-dropshadow image.icon { - -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); + -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); } window.info scrollbar.vertical { @@ -6600,7 +7809,7 @@ row.app > box.header > image { } row.app label.warning { - color: #F44336; + color: #f44336; } @keyframes pre-delay { @@ -6620,13 +7829,22 @@ row.app label.warning { /* Give a fade-in animation to spinners. */ spinner.fade-in:checked { - animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite; + animation: + pre-delay 0.5s linear 1, + fade-in 1s linear 1, + spin 1s linear infinite; animation-delay: 0s, 0.5s, 0.5s; } window > contents > leaflet > box > stack.background { background-color: transparent; - background-image: linear-gradient(to bottom, transparent, transparent 48px, #1e1e2e 48px, #1e1e2e); + background-image: linear-gradient( + to bottom, + transparent, + transparent 48px, + #1e1e2e 48px, + #1e1e2e + ); } @define-color weather_temp_chart_fill_color rgba(251, 192, 45, 0.5); @@ -6697,7 +7915,7 @@ WeatherThermometer { WeatherThermometer > label.high { font-weight: bold; - color: #FBC02D; + color: #fbc02d; } WeatherThermometer > label.low { @@ -6735,7 +7953,7 @@ scrolledwindow.inline undershoot.top { .search-view { background-color: #3c84f7; - color: #FFFFFF; + color: #ffffff; } .search-view menubutton button:focus:focus-visible { @@ -6850,14 +8068,14 @@ image.circular { .naut .clock-time, .astro .clock-time { - color: #FF7043; - background-color: alpha(#FF8A65, 0.25); + color: #ff7043; + background-color: alpha(#ff8a65, 0.25); } .civil .clock-time, .day .clock-time { - color: #FFD600; - background: alpha(#FBC02D, 0.25); + color: #ffd600; + background: alpha(#fbc02d, 0.25); } headerbar splitbutton notification button { @@ -6867,7 +8085,8 @@ headerbar splitbutton notification button { padding: 0; } -popover.background.global-search > arrow, popover.background.global-search > contents { +popover.background.global-search > arrow, +popover.background.global-search > contents { padding: 0; } @@ -6918,7 +8137,11 @@ panelstatusbar > paneltogglebutton button { padding: 0; } -.style-variant button.toggle, .style-variant button.toggle:hover, .style-variant button.toggle:focus, .style-variant button.toggle:active, .style-variant button.toggle:checked { +.style-variant button.toggle, +.style-variant button.toggle:hover, +.style-variant button.toggle:focus, +.style-variant button.toggle:active, +.style-variant button.toggle:checked { background: none; outline: none; border: none; @@ -6946,12 +8169,33 @@ panelstatusbar > paneltogglebutton button { outline-color: #cba6f7; } -window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list { +window.dialog + > .dialog-vbox + > box + > scrolledwindow + > viewport + > widget + > list.boxed-list { border: none; border-radius: 0; } -window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:first-child, window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:last-child { +window.dialog + > .dialog-vbox + > box + > scrolledwindow + > viewport + > widget + > list.boxed-list + > row:first-child, +window.dialog + > .dialog-vbox + > box + > scrolledwindow + > viewport + > widget + > list.boxed-list + > row:last-child { border-radius: 0; } @@ -7046,7 +8290,7 @@ avatar.image { box-shadow: none; outline: none; background-color: #1e1e2e; - color: #FFFFFF; + color: #ffffff; } .card.activatable { @@ -7056,18 +8300,26 @@ avatar.image { .card.activatable:hover { background-image: none; background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; outline: 0 solid transparent; } .card.activatable:active { background-image: none; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + transition: + all 75ms cubic-bezier(0, 0, 0.2, 1), + background-size 0ms, + background-image 0ms, + border 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-image: radial-gradient( + circle, + alpha(currentColor, 0.08) 10%, + transparent 0% + ); background-size: 0% 0%; background-color: alpha(currentColor, 0.08); - color: #FFFFFF; + color: #ffffff; outline: 0 solid transparent; } @@ -7077,9 +8329,13 @@ toast { border-radius: 9999px; border-spacing: 6px; padding: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + box-shadow: + 0 2px 3px -1px rgba(0, 0, 0, 0.1), + 0 4px 6px 0 rgba(0, 0, 0, 0.12), + 0 1px 10px 0 rgba(0, 0, 0, 0.1), + inset 0 1px rgba(255, 255, 255, 0.1); background-color: #1e1e2e; - color: #FFFFFF; + color: #ffffff; border: none; } @@ -7108,7 +8364,8 @@ viewswitcher.narrow button.toggle { margin: 0; } -viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus { +viewswitcher.narrow button.toggle:focus-within, +viewswitcher.narrow button.toggle:focus { box-shadow: none; } @@ -7143,7 +8400,8 @@ viewswitchertitle viewswitcher { margin-right: 12px; } -indicatorbin > indicator, indicatorbin > mask { +indicatorbin > indicator, +indicatorbin > mask { min-width: 6px; min-height: 6px; border-radius: 9999px; @@ -7179,7 +8437,8 @@ preferencespage > scrolledwindow > viewport > clamp > box { border-spacing: 24px; } -preferencesgroup > box, preferencesgroup > box .labels { +preferencesgroup > box, +preferencesgroup > box .labels { border-spacing: 6px; } @@ -7201,7 +8460,11 @@ preferencesgroup > box button.background-preview-button.toggle { outline-style: solid; } -preferencesgroup > box button.background-preview-button.toggle, preferencesgroup > box button.background-preview-button.toggle > background-preview { +preferencesgroup > box button.background-preview-button.toggle, +preferencesgroup + > box + button.background-preview-button.toggle + > background-preview { border-radius: 6px; } @@ -7267,7 +8530,13 @@ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { opacity: 0.35; } -statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { +statuspage + > scrolledwindow + > viewport + > box + > clamp + > box + > .icon:not(:last-child) { margin-bottom: 24px; } @@ -7280,7 +8549,13 @@ statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 96px; } -statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { +statuspage.compact + > scrolledwindow + > viewport + > box + > clamp + > box + > .icon:not(:last-child) { margin-bottom: 12px; } diff --git a/.nixos b/.nixos index 96452d4a..8ca322be 160000 --- a/.nixos +++ b/.nixos @@ -1 +1 @@ -Subproject commit 96452d4a9039cbfe92afcac23daebd00df552ca8 +Subproject commit 8ca322be98574c4a6ea9610f03bc6cc1e9d02f68