luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-13 15:29:53 +01:00
Code Issues Projects Releases Wiki Activity

Gtk-4: Fix theme parsing erros and warnings

Browse Source
This commit is contained in:
EliverLara
2021-12-05 14:25:05 -06:00
parent 639c79972d
commit e44bc5d010
19 changed files with 97 additions and 338 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
gtk-4.0/_common.scss
View File

@@ -13,24 +13,6 @@ $button_transition: all 200ms $ease-out-quad;
* { * {
padding: 0; padding: 0;
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: $error_color;
// The size for scrollbars. The slider is 2px smaller, but we keep it
// up so that the whole area is sensitive to button presses for the
// slider. The stepper button is larger in both directions, the slider
// only in the width
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkToolItemGroup-expander-size: 11;
-GtkWidget-text-handle-width: 20;
-GtkWidget-text-handle-height: 24;
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
// We use the outline properties to signal the focus properties // We use the outline properties to signal the focus properties
// to the adwaita engine: using real CSS properties is faster, // to the adwaita engine: using real CSS properties is faster,
// and we don't use any outlines for now. // and we don't use any outlines for now.
@@ -39,7 +21,6 @@ $button_transition: all 200ms $ease-out-quad;
outline-style: dashed; outline-style: dashed;
outline-offset: -3px; outline-offset: -3px;
outline-width: 0px; outline-width: 0px;
-gtk-outline-radius: 2px;
-gtk-secondary-caret-color: $selected_bg_color; -gtk-secondary-caret-color: $selected_bg_color;
} }

16
gtk-4.0/_drawing.scss
View File

@@ -530,17 +530,13 @@ box-shadow: none;
@if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; } @if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; }
} }
$_small_gradient: -gtk-gradient(radial, $_small_gradient: radial-gradient(farthest-side at $p,
$_position, 0, $_small_gradient_color 85%,
$_position, 0.5, transparentize($_small_gradient_color, 1));
to($_small_gradient_color),
to(transparentize($_small_gradient_color, 1)));
$_big_gradient: -gtk-gradient(radial, $_big_gradient: radial-gradient(farthest-side at $p,
$_position, 0, $_big_gradient_color,
$_position, 0.6, transparentize($_big_gradient_color, 1));
from(transparentize($_big_gradient_color, 0.93)),
to(transparentize($_big_gradient_color, 1)));
@if $t==normal { @if $t==normal {
background-image: $_small_gradient, $_big_gradient; background-image: $_small_gradient, $_big_gradient;

10
gtk-4.0/apps/_budgie.scss
View File

@@ -104,7 +104,7 @@ $pos_list: ((top, bottom),(bottom,top),(left,right),(right,left));
color: $panel_color; color: $panel_color;
.container { padding: 0; } .container { padding: 0; }
button:hover { -gtk-icon-effect: none; } button:hover { -gtk-icon-filter: none; }
entry.search { entry.search {
border: none; border: none;
@@ -350,8 +350,8 @@ button.raven-trigger {
.view-header { .view-header {
font-size: 14px; font-size: 14px;
padding: 10px; padding: 10px;
border-bottom: #{"1px solid mix(@theme_base_color, #000000, 0.35);"}; border-bottom: #{"1px solid mix(@theme_base_color, #000000, 0.35)"};
box-shadow: #{"0px 1px 1px alpha(@theme_fg_color, 0.04);"}; box-shadow: #{"0px 1px 1px alpha(@theme_fg_color, 0.04)"};
} }
.display-settings-button { .display-settings-button {
@@ -359,8 +359,8 @@ button.raven-trigger {
border-top-right-radius: 0px; border-top-right-radius: 0px;
border: none; border: none;
padding: 3px; padding: 3px;
border-top: #{"1px solid mix(@theme_base_color, #000000, 0.35);"}; border-top: #{"1px solid mix(@theme_base_color, #000000, 0.35)"};
box-shadow: #{"inset 0px 1px 1px alpha(@theme_fg_color, 0.04);"}; box-shadow: #{"inset 0px 1px 1px alpha(@theme_fg_color, 0.04)"};
} }
} }

1
gtk-4.0/apps/_geary.scss
View File

@@ -11,7 +11,6 @@
} }
ConversationListView { ConversationListView {
-GtkTreeView-grid-line-width: 0;
.view { .view {
&:active, &:active,

1
gtk-4.0/apps/_gnome.scss
View File

@@ -115,7 +115,6 @@
.nautilus-circular-button { .nautilus-circular-button {
border-radius: 20px; border-radius: 20px;
-gtk-outline-radius: 20px;
} }
.disk-space-display { .disk-space-display {

3
gtk-4.0/apps/_nemo.scss
View File

@@ -1,8 +1,5 @@
.nemo-window { .nemo-window {
.places-treeview { .places-treeview {
-NemoPlacesTreeView-disk-full-bg-color: lighten($_sidebar_color, 15%);
-NemoPlacesTreeView-disk-full-fg-color: $teal;
-GtkTreeView-vertical-separator: 7;
.view.cell, .view.cell,
iconview.cell { iconview.cell {
&:hover { &:hover {

20
gtk-4.0/apps/_unity.scss
View File

@@ -9,26 +9,6 @@ $unity_panel_color: darken($unity_color, 10%); /* Unity panel color #454D50 */
UnityDecoration { UnityDecoration {
/* Border properties (top, right, bottom, left) */
-UnityDecoration-extents: 28px 1px 1px 1px;/* the size of the decorations */
-UnityDecoration-input-extents: 10px;/* the extra size of the input areas */
/* Shadows settings */
-UnityDecoration-shadow-offset-x: 1px;/* Size property, the shadow x offset */
-UnityDecoration-shadow-offset-y: 1px;/* Size property, the shadow y offset */
-UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, active window shadow color */
-UnityDecoration-active-shadow-radius: 8px;/* Size property, active window shadow radius */
-UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, inactive windows shadow color */
-UnityDecoration-inactive-shadow-radius: 5px;/* Size property, inactive windows shadow radius */
/* Glow applied to the selected scaled window */
-UnityDecoration-glow-size: 8px;/* Size property, size of glow */
-UnityDecoration-glow-color: $selected_bg_color;/* Color property of the glow */
/* Title settings */
-UnityDecoration-title-indent: 10px;/* Size property, left indent of the title */
-UnityDecoration-title-fade: 35px;/* Size property, space of the title that can be faded */
-UnityDecoration-title-alignment: 0.0;/* Float from 0.0 to 1.0, to align the title */
background-color: $unity_color; background-color: $unity_color;
color: $unity_text_color; color: $unity_text_color;

151
gtk-4.0/gtk-dark.css
View File

@@ -140,19 +140,10 @@ read if you used those and something break with a version upgrade you're on your
*********/ *********/
* { * {
padding: 0; padding: 0;
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: #e6133e;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkToolItemGroup-expander-size: 11;
-GtkWidget-text-handle-width: 20;
-GtkWidget-text-handle-height: 24;
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
outline-color: rgba(195, 199, 209, 0.3); outline-color: rgba(195, 199, 209, 0.3);
outline-style: dashed; outline-style: dashed;
outline-offset: -3px; outline-offset: -3px;
outline-width: 0px; outline-width: 0px;
-gtk-outline-radius: 2px;
-gtk-secondary-caret-color: #c50ed2; } -gtk-secondary-caret-color: #c50ed2; }
/*********** /***********
@@ -169,8 +160,7 @@ read if you used those and something break with a version upgrade you're on your
box-shadow: none; } box-shadow: none; }
.action-bar:backdrop { .action-bar:backdrop {
background-color: #030305; background-color: #030305;
box-shadow: none; box-shadow: none; }
-gtk-icon-effect: dim; }
.action-bar:first-child { .action-bar:first-child {
border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px;
border-width: 1px 1px 0px 1px; } border-width: 1px 1px 0px 1px; }
@@ -214,9 +204,6 @@ read if you used those and something break with a version upgrade you're on your
or better, just don't. or better, just don't.
Everytime a wildcard is used a kitten dies, painfully. Everytime a wildcard is used a kitten dies, painfully.
*/ */
*:disabled {
-gtk-icon-effect: dim; }
.gtkstyle-fallback { .gtkstyle-fallback {
color: #C3C7D1; color: #C3C7D1;
background-color: #161925; } background-color: #161925; }
@@ -327,9 +314,9 @@ assistant .sidebar label.highlight {
***********/ ***********/
@keyframes needs_attention { @keyframes needs_attention {
from { from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#e63bf2), to(transparent)); } background-image: radial-gradient(farthest-side, #e63bf2 0%, rgba(230, 59, 242, 0) 0%); }
to { to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#c50ed2), to(transparent)); } } background-image: radial-gradient(farthest-side, #e63bf2 95%, rgba(230, 59, 242, 0)); } }
notebook > header > tabs > arrow, notebook > header > tabs > arrow,
button { button {
min-height: 20px; min-height: 20px;
@@ -368,7 +355,7 @@ button {
outline-color: rgba(254, 254, 254, 0.3); outline-color: rgba(254, 254, 254, 0.3);
background-color: #c50ed2; background-color: #c50ed2;
text-shadow: none; text-shadow: none;
-gtk-icon-effect: highlight; } -gtk-icon-filter: brightness(1.2); }
notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
button:active, button:active,
button:checked { button:checked {
@@ -385,7 +372,7 @@ button {
background-color: #1a1d2b; background-color: #1a1d2b;
text-shadow: none; text-shadow: none;
transition: 200ms ease-out; transition: 200ms ease-out;
-gtk-icon-effect: none; } -gtk-icon-filter: none; }
notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button:backdrop.flat:active, button:backdrop.flat:active,
button:backdrop.flat:checked, button:backdrop.flat:checked,
@@ -905,7 +892,7 @@ button.destructive-action {
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > label,
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#e63bf2), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.9074509804)), to(transparent)); background-image: radial-gradient(farthest-side, #e63bf2 96%, rgba(230, 59, 242, 0));
background-size: 6px 6px, 6px 6px; background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 3px, right 2px; } background-position: right 3px, right 2px; }
@@ -1950,7 +1937,7 @@ actionbar > revealer > box {
scrolledwindow viewport.frame { scrolledwindow viewport.frame {
border-style: none; } border-style: none; }
scrolledwindow overshoot.top { scrolledwindow overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at top, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 100% 5%, 100% 100%; background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center top; background-position: center top;
@@ -1958,7 +1945,7 @@ scrolledwindow overshoot.top {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.top:backdrop { scrolledwindow overshoot.top:backdrop {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); background-image: radial-gradient(farthest-side at top, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 100% 5%; background-size: 100% 5%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center top; background-position: center top;
@@ -1966,7 +1953,7 @@ scrolledwindow overshoot.top {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.bottom { scrolledwindow overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at bottom, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 100% 5%, 100% 100%; background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center bottom; background-position: center bottom;
@@ -1974,7 +1961,7 @@ scrolledwindow overshoot.bottom {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.bottom:backdrop { scrolledwindow overshoot.bottom:backdrop {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); background-image: radial-gradient(farthest-side at bottom, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 100% 5%; background-size: 100% 5%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center bottom; background-position: center bottom;
@@ -1982,7 +1969,7 @@ scrolledwindow overshoot.bottom {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.left { scrolledwindow overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 5% 100%, 100% 100%; background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
@@ -1990,7 +1977,7 @@ scrolledwindow overshoot.left {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.left:backdrop { scrolledwindow overshoot.left:backdrop {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); background-image: radial-gradient(farthest-side at left, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 5% 100%; background-size: 5% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
@@ -1998,7 +1985,7 @@ scrolledwindow overshoot.left {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.right { scrolledwindow overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at right, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 5% 100%, 100% 100%; background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right center; background-position: right center;
@@ -2006,7 +1993,7 @@ scrolledwindow overshoot.right {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.right:backdrop { scrolledwindow overshoot.right:backdrop {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); background-image: radial-gradient(farthest-side at right, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 5% 100%; background-size: 5% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right center; background-position: right center;
@@ -2071,11 +2058,6 @@ separator {
* Popovers * * Popovers *
************/ ************/
GraniteWidgetsPopOver { GraniteWidgetsPopOver {
-GraniteWidgetsPopOver-arrow-width: 21;
-GraniteWidgetsPopOver-arrow-height: 10;
-GraniteWidgetsPopOver-border-radius: 8px;
-GraniteWidgetsPopOver-border-width: 0;
-GraniteWidgetsPopOver-shadow-size: 12;
border: 1px solid #181b28; border: 1px solid #181b28;
background: #181b28; background: #181b28;
color: #C3C7D1; } color: #C3C7D1; }
@@ -2114,8 +2096,6 @@ GraniteWidgetsWelcome {
* Source List * * Source List *
***************/ ***************/
.source-list { .source-list {
-GtkTreeView-horizontal-separator: 1px;
-GtkTreeView-vertical-separator: 6px;
background-color: #161925; background-color: #161925;
border: solid rgba(12, 14, 21, 0.8); border: solid rgba(12, 14, 21, 0.8);
color: #C3C7D1; color: #C3C7D1;
@@ -2720,7 +2700,6 @@ menubar,
.menubar { .menubar {
background-color: #0c0e14; background-color: #0c0e14;
color: #C3C7D1; color: #C3C7D1;
-GtkWidget-window-dragging: true;
padding: 0px; padding: 0px;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
menubar > item, menubar > item,
@@ -2825,7 +2804,7 @@ menuitem radio {
.content-view { .content-view {
background-color: #090a0f; } background-color: #090a0f; }
.content-view:hover { .content-view:hover {
-gtk-icon-effect: highlight; } -gtk-icon-filter: brightness(1.2); }
.content-view:backdrop { .content-view:backdrop {
background-color: #090a0f; } background-color: #090a0f; }
@@ -3238,11 +3217,9 @@ scale {
scale.fine-tune fill, scale.fine-tune fill,
scale.fine-tune highlight, scale.fine-tune highlight,
scale.fine-tune trough { scale.fine-tune trough {
border-radius: 5px; border-radius: 5px; }
-gtk-outline-radius: 7px; }
scale trough { scale trough {
outline-offset: 2px; outline-offset: 2px;
-gtk-outline-radius: 5px;
outline-color: transparent; } outline-color: transparent; }
scale fill:backdrop, scale fill { scale fill:backdrop, scale fill {
background-color: rgba(12, 14, 21, 0.8); } background-color: rgba(12, 14, 21, 0.8); }
@@ -3666,9 +3643,6 @@ scale {
scrollbar { scrollbar {
background-color: #171a27; background-color: #171a27;
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
* {
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false; }
scrollbar.top { scrollbar.top {
border-bottom: 1px solid rgba(12, 14, 21, 0.8); } border-bottom: 1px solid rgba(12, 14, 21, 0.8); }
scrollbar.bottom { scrollbar.bottom {
@@ -4177,7 +4151,6 @@ switch {
************/ ************/
toolbar, .inline-toolbar, searchbar, toolbar, .inline-toolbar, searchbar,
.location-bar { .location-bar {
-GtkWidget-window-dragging: true;
padding: 4px; padding: 4px;
background-color: #161925; } background-color: #161925; }
@@ -4255,13 +4228,6 @@ tooltip {
treeview.view { treeview.view {
border-left-color: #6e717d; border-left-color: #6e717d;
border-top-color: #161925; } border-top-color: #161925; }
* {
-GtkTreeView-horizontal-separator: 4;
-GtkTreeView-grid-line-width: 1;
-GtkTreeView-grid-line-pattern: '';
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16; }
treeview.view:selected:focus, treeview.view:selected { treeview.view:selected:focus, treeview.view:selected {
border-radius: 0; } border-radius: 0; }
treeview.view:selected:backdrop, treeview.view:selected { treeview.view:selected:backdrop, treeview.view:selected {
@@ -4586,7 +4552,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
.budgie-menu .container { .budgie-menu .container {
padding: 0; } padding: 0; }
.budgie-menu button:hover { .budgie-menu button:hover {
-gtk-icon-effect: none; } -gtk-icon-filter: none; }
.budgie-menu entry.search { .budgie-menu entry.search {
border: none; border: none;
background: none; background: none;
@@ -4771,15 +4737,15 @@ button.raven-trigger {
.night-light-indicator .view-header { .night-light-indicator .view-header {
font-size: 14px; font-size: 14px;
padding: 10px; padding: 10px;
border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);; border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);
box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04);; } box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04); }
.night-light-indicator .display-settings-button { .night-light-indicator .display-settings-button {
border-top-left-radius: 0px; border-top-left-radius: 0px;
border-top-right-radius: 0px; border-top-right-radius: 0px;
border: none; border: none;
padding: 3px; padding: 3px;
border-top: 1px solid mix(@theme_base_color, #000000, 0.35);; border-top: 1px solid mix(@theme_base_color, #000000, 0.35);
box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04);; } box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04); }
.budgie-panel { .budgie-panel {
color: white; color: white;
@@ -5445,8 +5411,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
border-color: rgba(197, 14, 210, 0.6); } border-color: rgba(197, 14, 210, 0.6); }
.nautilus-circular-button { .nautilus-circular-button {
border-radius: 20px; border-radius: 20px; }
-gtk-outline-radius: 20px; }
.disk-space-display { .disk-space-display {
border: 2px solid; } border: 2px solid; }
@@ -5868,36 +5833,6 @@ radiobutton.color-button:active > radio {
/* Backdrop Unity window text color */ /* Backdrop Unity window text color */
/* Unity panel color #454D50 */ /* Unity panel color #454D50 */
UnityDecoration { UnityDecoration {
/* Border properties (top, right, bottom, left) */
-UnityDecoration-extents: 28px 1px 1px 1px;
/* the size of the decorations */
-UnityDecoration-input-extents: 10px;
/* the extra size of the input areas */
/* Shadows settings */
-UnityDecoration-shadow-offset-x: 1px;
/* Size property, the shadow x offset */
-UnityDecoration-shadow-offset-y: 1px;
/* Size property, the shadow y offset */
-UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647;
/* Color property, active window shadow color */
-UnityDecoration-active-shadow-radius: 8px;
/* Size property, active window shadow radius */
-UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647;
/* Color property, inactive windows shadow color */
-UnityDecoration-inactive-shadow-radius: 5px;
/* Size property, inactive windows shadow radius */
/* Glow applied to the selected scaled window */
-UnityDecoration-glow-size: 8px;
/* Size property, size of glow */
-UnityDecoration-glow-color: #c50ed2;
/* Color property of the glow */
/* Title settings */
-UnityDecoration-title-indent: 10px;
/* Size property, left indent of the title */
-UnityDecoration-title-fade: 35px;
/* Size property, space of the title that can be faded */
-UnityDecoration-title-alignment: 0.0;
/* Float from 0.0 to 1.0, to align the title */
background-color: #eeeeee; background-color: #eeeeee;
color: #31363D; } color: #31363D; }
UnityDecoration .top { UnityDecoration .top {
@@ -6028,20 +5963,18 @@ MsdOsdWindow.background.osd {
.geary-titlebar-right .separator { .geary-titlebar-right .separator {
opacity: 0; } opacity: 0; }
ConversationListView { ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected {
-GtkTreeView-grid-line-width: 0; } background-color: #c50ed2;
ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { color: #fefefe; }
background-color: #c50ed2; ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop {
color: #fefefe; } background-color: rgba(197, 14, 210, 0.6);
ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { color: rgba(254, 254, 254, 0.5); }
background-color: rgba(197, 14, 210, 0.6); ConversationListView .view .cell, ConversationListView iconview .cell {
color: rgba(254, 254, 254, 0.5); } border: solid rgba(0, 0, 0, 0.2);
ConversationListView .view .cell, ConversationListView iconview .cell { border-width: 0 0 1px 0; }
border: solid rgba(0, 0, 0, 0.2); ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected {
border-width: 0 0 1px 0; } color: #fefefe;
ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { border: 0px solid #980ba2; }
color: #fefefe;
border: 0px solid #980ba2; }
/*********** /***********
* LightDm * * LightDm *
@@ -6169,16 +6102,12 @@ ConversationListView {
border-bottom-width: 0; border-bottom-width: 0;
font-weight: bold; } font-weight: bold; }
.nemo-window .places-treeview { .nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover,
-NemoPlacesTreeView-disk-full-bg-color: #333955; .nemo-window .places-treeview iconview.cell:hover {
-NemoPlacesTreeView-disk-full-fg-color: #00e8c6; background: rgba(16, 19, 27, 0.7); }
-GtkTreeView-vertical-separator: 7; } .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected,
.nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, .nemo-window .places-treeview iconview.cell:selected {
.nemo-window .places-treeview iconview.cell:hover { background: #c50ed2; }
background: rgba(16, 19, 27, 0.7); }
.nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected,
.nemo-window .places-treeview iconview.cell:selected {
background: #c50ed2; }
.nemo-window .sidebar { .nemo-window .sidebar {
color: #98abb2; color: #98abb2;
background-color: #161925; } background-color: #161925; }

151
gtk-4.0/gtk.css
View File

@@ -140,19 +140,10 @@ read if you used those and something break with a version upgrade you're on your
*********/ *********/
* { * {
padding: 0; padding: 0;
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: #e6133e;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkToolItemGroup-expander-size: 11;
-GtkWidget-text-handle-width: 20;
-GtkWidget-text-handle-height: 24;
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
outline-color: rgba(195, 199, 209, 0.3); outline-color: rgba(195, 199, 209, 0.3);
outline-style: dashed; outline-style: dashed;
outline-offset: -3px; outline-offset: -3px;
outline-width: 0px; outline-width: 0px;
-gtk-outline-radius: 2px;
-gtk-secondary-caret-color: #c50ed2; } -gtk-secondary-caret-color: #c50ed2; }
/*********** /***********
@@ -169,8 +160,7 @@ read if you used those and something break with a version upgrade you're on your
box-shadow: none; } box-shadow: none; }
.action-bar:backdrop { .action-bar:backdrop {
background-color: #030305; background-color: #030305;
box-shadow: none; box-shadow: none; }
-gtk-icon-effect: dim; }
.action-bar:first-child { .action-bar:first-child {
border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px;
border-width: 1px 1px 0px 1px; } border-width: 1px 1px 0px 1px; }
@@ -214,9 +204,6 @@ read if you used those and something break with a version upgrade you're on your
or better, just don't. or better, just don't.
Everytime a wildcard is used a kitten dies, painfully. Everytime a wildcard is used a kitten dies, painfully.
*/ */
*:disabled {
-gtk-icon-effect: dim; }
.gtkstyle-fallback { .gtkstyle-fallback {
color: #C3C7D1; color: #C3C7D1;
background-color: #161925; } background-color: #161925; }
@@ -327,9 +314,9 @@ assistant .sidebar label.highlight {
***********/ ***********/
@keyframes needs_attention { @keyframes needs_attention {
from { from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#e63bf2), to(transparent)); } background-image: radial-gradient(farthest-side, #e63bf2 0%, rgba(230, 59, 242, 0) 0%); }
to { to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#c50ed2), to(transparent)); } } background-image: radial-gradient(farthest-side, #e63bf2 95%, rgba(230, 59, 242, 0)); } }
notebook > header > tabs > arrow, notebook > header > tabs > arrow,
button { button {
min-height: 20px; min-height: 20px;
@@ -368,7 +355,7 @@ button {
outline-color: rgba(254, 254, 254, 0.3); outline-color: rgba(254, 254, 254, 0.3);
background-color: #c50ed2; background-color: #c50ed2;
text-shadow: none; text-shadow: none;
-gtk-icon-effect: highlight; } -gtk-icon-filter: brightness(1.2); }
notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
button:active, button:active,
button:checked { button:checked {
@@ -385,7 +372,7 @@ button {
background-color: #1a1d2b; background-color: #1a1d2b;
text-shadow: none; text-shadow: none;
transition: 200ms ease-out; transition: 200ms ease-out;
-gtk-icon-effect: none; } -gtk-icon-filter: none; }
notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button:backdrop.flat:active, button:backdrop.flat:active,
button:backdrop.flat:checked, button:backdrop.flat:checked,
@@ -905,7 +892,7 @@ button.destructive-action {
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > label,
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#e63bf2), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.9074509804)), to(transparent)); background-image: radial-gradient(farthest-side, #e63bf2 96%, rgba(230, 59, 242, 0));
background-size: 6px 6px, 6px 6px; background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 3px, right 2px; } background-position: right 3px, right 2px; }
@@ -1950,7 +1937,7 @@ actionbar > revealer > box {
scrolledwindow viewport.frame { scrolledwindow viewport.frame {
border-style: none; } border-style: none; }
scrolledwindow overshoot.top { scrolledwindow overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at top, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 100% 5%, 100% 100%; background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center top; background-position: center top;
@@ -1958,7 +1945,7 @@ scrolledwindow overshoot.top {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.top:backdrop { scrolledwindow overshoot.top:backdrop {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); background-image: radial-gradient(farthest-side at top, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 100% 5%; background-size: 100% 5%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center top; background-position: center top;
@@ -1966,7 +1953,7 @@ scrolledwindow overshoot.top {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.bottom { scrolledwindow overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at bottom, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 100% 5%, 100% 100%; background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center bottom; background-position: center bottom;
@@ -1974,7 +1961,7 @@ scrolledwindow overshoot.bottom {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.bottom:backdrop { scrolledwindow overshoot.bottom:backdrop {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); background-image: radial-gradient(farthest-side at bottom, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 100% 5%; background-size: 100% 5%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center bottom; background-position: center bottom;
@@ -1982,7 +1969,7 @@ scrolledwindow overshoot.bottom {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.left { scrolledwindow overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 5% 100%, 100% 100%; background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
@@ -1990,7 +1977,7 @@ scrolledwindow overshoot.left {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.left:backdrop { scrolledwindow overshoot.left:backdrop {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); background-image: radial-gradient(farthest-side at left, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 5% 100%; background-size: 5% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
@@ -1998,7 +1985,7 @@ scrolledwindow overshoot.left {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.right { scrolledwindow overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at right, #C3C7D1, rgba(195, 199, 209, 0));
background-size: 5% 100%, 100% 100%; background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right center; background-position: right center;
@@ -2006,7 +1993,7 @@ scrolledwindow overshoot.right {
border: none; border: none;
box-shadow: none; } box-shadow: none; }
scrolledwindow overshoot.right:backdrop { scrolledwindow overshoot.right:backdrop {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); background-image: radial-gradient(farthest-side at right, rgba(13, 16, 23, 0.82) 85%, rgba(13, 16, 23, 0));
background-size: 5% 100%; background-size: 5% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right center; background-position: right center;
@@ -2071,11 +2058,6 @@ separator {
* Popovers * * Popovers *
************/ ************/
GraniteWidgetsPopOver { GraniteWidgetsPopOver {
-GraniteWidgetsPopOver-arrow-width: 21;
-GraniteWidgetsPopOver-arrow-height: 10;
-GraniteWidgetsPopOver-border-radius: 8px;
-GraniteWidgetsPopOver-border-width: 0;
-GraniteWidgetsPopOver-shadow-size: 12;
border: 1px solid #181b28; border: 1px solid #181b28;
background: #181b28; background: #181b28;
color: #C3C7D1; } color: #C3C7D1; }
@@ -2114,8 +2096,6 @@ GraniteWidgetsWelcome {
* Source List * * Source List *
***************/ ***************/
.source-list { .source-list {
-GtkTreeView-horizontal-separator: 1px;
-GtkTreeView-vertical-separator: 6px;
background-color: #161925; background-color: #161925;
border: solid rgba(12, 14, 21, 0.8); border: solid rgba(12, 14, 21, 0.8);
color: #C3C7D1; color: #C3C7D1;
@@ -2720,7 +2700,6 @@ menubar,
.menubar { .menubar {
background-color: #0c0e14; background-color: #0c0e14;
color: #C3C7D1; color: #C3C7D1;
-GtkWidget-window-dragging: true;
padding: 0px; padding: 0px;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
menubar > item, menubar > item,
@@ -2825,7 +2804,7 @@ menuitem radio {
.content-view { .content-view {
background-color: #090a0f; } background-color: #090a0f; }
.content-view:hover { .content-view:hover {
-gtk-icon-effect: highlight; } -gtk-icon-filter: brightness(1.2); }
.content-view:backdrop { .content-view:backdrop {
background-color: #090a0f; } background-color: #090a0f; }
@@ -3238,11 +3217,9 @@ scale {
scale.fine-tune fill, scale.fine-tune fill,
scale.fine-tune highlight, scale.fine-tune highlight,
scale.fine-tune trough { scale.fine-tune trough {
border-radius: 5px; border-radius: 5px; }
-gtk-outline-radius: 7px; }
scale trough { scale trough {
outline-offset: 2px; outline-offset: 2px;
-gtk-outline-radius: 5px;
outline-color: transparent; } outline-color: transparent; }
scale fill:backdrop, scale fill { scale fill:backdrop, scale fill {
background-color: rgba(12, 14, 21, 0.8); } background-color: rgba(12, 14, 21, 0.8); }
@@ -3666,9 +3643,6 @@ scale {
scrollbar { scrollbar {
background-color: #171a27; background-color: #171a27;
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
* {
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false; }
scrollbar.top { scrollbar.top {
border-bottom: 1px solid rgba(12, 14, 21, 0.8); } border-bottom: 1px solid rgba(12, 14, 21, 0.8); }
scrollbar.bottom { scrollbar.bottom {
@@ -4177,7 +4151,6 @@ switch {
************/ ************/
toolbar, .inline-toolbar, searchbar, toolbar, .inline-toolbar, searchbar,
.location-bar { .location-bar {
-GtkWidget-window-dragging: true;
padding: 4px; padding: 4px;
background-color: #161925; } background-color: #161925; }
@@ -4255,13 +4228,6 @@ tooltip {
treeview.view { treeview.view {
border-left-color: #6e717d; border-left-color: #6e717d;
border-top-color: #161925; } border-top-color: #161925; }
* {
-GtkTreeView-horizontal-separator: 4;
-GtkTreeView-grid-line-width: 1;
-GtkTreeView-grid-line-pattern: '';
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16; }
treeview.view:selected:focus, treeview.view:selected { treeview.view:selected:focus, treeview.view:selected {
border-radius: 0; } border-radius: 0; }
treeview.view:selected:backdrop, treeview.view:selected { treeview.view:selected:backdrop, treeview.view:selected {
@@ -4586,7 +4552,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
.budgie-menu .container { .budgie-menu .container {
padding: 0; } padding: 0; }
.budgie-menu button:hover { .budgie-menu button:hover {
-gtk-icon-effect: none; } -gtk-icon-filter: none; }
.budgie-menu entry.search { .budgie-menu entry.search {
border: none; border: none;
background: none; background: none;
@@ -4771,15 +4737,15 @@ button.raven-trigger {
.night-light-indicator .view-header { .night-light-indicator .view-header {
font-size: 14px; font-size: 14px;
padding: 10px; padding: 10px;
border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);; border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);
box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04);; } box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04); }
.night-light-indicator .display-settings-button { .night-light-indicator .display-settings-button {
border-top-left-radius: 0px; border-top-left-radius: 0px;
border-top-right-radius: 0px; border-top-right-radius: 0px;
border: none; border: none;
padding: 3px; padding: 3px;
border-top: 1px solid mix(@theme_base_color, #000000, 0.35);; border-top: 1px solid mix(@theme_base_color, #000000, 0.35);
box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04);; } box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04); }
.budgie-panel { .budgie-panel {
color: white; color: white;
@@ -5445,8 +5411,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
border-color: rgba(197, 14, 210, 0.6); } border-color: rgba(197, 14, 210, 0.6); }
.nautilus-circular-button { .nautilus-circular-button {
border-radius: 20px; border-radius: 20px; }
-gtk-outline-radius: 20px; }
.disk-space-display { .disk-space-display {
border: 2px solid; } border: 2px solid; }
@@ -5868,36 +5833,6 @@ radiobutton.color-button:active > radio {
/* Backdrop Unity window text color */ /* Backdrop Unity window text color */
/* Unity panel color #454D50 */ /* Unity panel color #454D50 */
UnityDecoration { UnityDecoration {
/* Border properties (top, right, bottom, left) */
-UnityDecoration-extents: 28px 1px 1px 1px;
/* the size of the decorations */
-UnityDecoration-input-extents: 10px;
/* the extra size of the input areas */
/* Shadows settings */
-UnityDecoration-shadow-offset-x: 1px;
/* Size property, the shadow x offset */
-UnityDecoration-shadow-offset-y: 1px;
/* Size property, the shadow y offset */
-UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647;
/* Color property, active window shadow color */
-UnityDecoration-active-shadow-radius: 8px;
/* Size property, active window shadow radius */
-UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647;
/* Color property, inactive windows shadow color */
-UnityDecoration-inactive-shadow-radius: 5px;
/* Size property, inactive windows shadow radius */
/* Glow applied to the selected scaled window */
-UnityDecoration-glow-size: 8px;
/* Size property, size of glow */
-UnityDecoration-glow-color: #c50ed2;
/* Color property of the glow */
/* Title settings */
-UnityDecoration-title-indent: 10px;
/* Size property, left indent of the title */
-UnityDecoration-title-fade: 35px;
/* Size property, space of the title that can be faded */
-UnityDecoration-title-alignment: 0.0;
/* Float from 0.0 to 1.0, to align the title */
background-color: #eeeeee; background-color: #eeeeee;
color: #31363D; } color: #31363D; }
UnityDecoration .top { UnityDecoration .top {
@@ -6028,20 +5963,18 @@ MsdOsdWindow.background.osd {
.geary-titlebar-right .separator { .geary-titlebar-right .separator {
opacity: 0; } opacity: 0; }
ConversationListView { ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected {
-GtkTreeView-grid-line-width: 0; } background-color: #c50ed2;
ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { color: #fefefe; }
background-color: #c50ed2; ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop {
color: #fefefe; } background-color: rgba(197, 14, 210, 0.6);
ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { color: rgba(254, 254, 254, 0.5); }
background-color: rgba(197, 14, 210, 0.6); ConversationListView .view .cell, ConversationListView iconview .cell {
color: rgba(254, 254, 254, 0.5); } border: solid rgba(0, 0, 0, 0.2);
ConversationListView .view .cell, ConversationListView iconview .cell { border-width: 0 0 1px 0; }
border: solid rgba(0, 0, 0, 0.2); ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected {
border-width: 0 0 1px 0; } color: #fefefe;
ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { border: 0px solid #980ba2; }
color: #fefefe;
border: 0px solid #980ba2; }
/*********** /***********
* LightDm * * LightDm *
@@ -6169,16 +6102,12 @@ ConversationListView {
border-bottom-width: 0; border-bottom-width: 0;
font-weight: bold; } font-weight: bold; }
.nemo-window .places-treeview { .nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover,
-NemoPlacesTreeView-disk-full-bg-color: #333955; .nemo-window .places-treeview iconview.cell:hover {
-NemoPlacesTreeView-disk-full-fg-color: #00e8c6; background: rgba(16, 19, 27, 0.7); }
-GtkTreeView-vertical-separator: 7; } .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected,
.nemo-window .places-treeview .view.cell:hover, .nemo-window .places-treeview iconview.cell:hover, .nemo-window .places-treeview iconview.cell:selected {
.nemo-window .places-treeview iconview.cell:hover { background: #c50ed2; }
background: rgba(16, 19, 27, 0.7); }
.nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected,
.nemo-window .places-treeview iconview.cell:selected {
background: #c50ed2; }
.nemo-window .sidebar { .nemo-window .sidebar {
color: #98abb2; color: #98abb2;
background-color: #161925; } background-color: #161925; }

1
gtk-4.0/widgets/_action-bars.scss
View File

@@ -12,7 +12,6 @@
&:backdrop { &:backdrop {
background-color: darken($backdrop_bg_color, 10%); background-color: darken($backdrop_bg_color, 10%);
box-shadow: none; box-shadow: none;
-gtk-icon-effect: dim;
} }
&:first-child { &:first-child {

2
gtk-4.0/widgets/_base-states.scss
View File

@@ -20,8 +20,6 @@
Everytime a wildcard is used a kitten dies, painfully. Everytime a wildcard is used a kitten dies, painfully.
*/ */
*:disabled { -gtk-icon-effect: dim; }
.gtkstyle-fallback { .gtkstyle-fallback {
color: $fg_color; color: $fg_color;
background-color: $bg_color; background-color: $bg_color;

32
gtk-4.0/widgets/_buttons.scss
View File

@@ -5,21 +5,8 @@
$_dot_color: if($variant=='light', $selected_bg_color, $_dot_color: if($variant=='light', $selected_bg_color,
lighten($selected_bg_color,15%)); lighten($selected_bg_color,15%));
@keyframes needs_attention { @keyframes needs_attention {
from { from { background-image: radial-gradient(farthest-side, $_dot_color 0%, transparentize($_dot_color, 1) 0%); }
background-image: -gtk-gradient(radial, to { background-image: radial-gradient(farthest-side, $_dot_color 95%, transparentize($_dot_color, 1)); }
center center, 0,
center center, 0.01,
to($_dot_color),
to(transparent));
}
to {
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.5,
to($selected_bg_color),
to(transparent));
}
} }
%button, %button,
@@ -53,7 +40,7 @@ button {
&:hover { &:hover {
@include button(hover,$selected_bg_color,$selected_fg_color); @include button(hover,$selected_bg_color,$selected_fg_color);
-gtk-icon-effect: highlight; -gtk-icon-filter: brightness(1.2);
} }
&:active, &:active,
@@ -68,7 +55,7 @@ button {
@include button(backdrop); @include button(backdrop);
transition: $backdrop_transition; transition: $backdrop_transition;
-gtk-icon-effect: none; -gtk-icon-filter: none;
&:active, &:active,
&:checked { @include button(backdrop-active); } &:checked { @include button(backdrop-active); }
@@ -379,16 +366,7 @@ button {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in;
$_dot_shadow: _text_shadow_color(); $_dot_shadow: _text_shadow_color();
$_dot_shadow_r: if($variant=='light',0.5,0.45); $_dot_shadow_r: if($variant=='light',0.5,0.45);
background-image: -gtk-gradient(radial, background-image: radial-gradient(farthest-side, $_dot_color 96%, transparentize($_dot_color,1 ));
center center, 0,
center center, 0.5,
to($_dot_color),
to(transparent)),
-gtk-gradient(radial,
center center, 0,
center center, $_dot_shadow_r,
to($_dot_shadow),
to(transparent));
background-size: 6px 6px, 6px 6px; background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;

8
gtk-4.0/widgets/_granite.scss
View File

@@ -3,12 +3,6 @@
************/ ************/
GraniteWidgetsPopOver { GraniteWidgetsPopOver {
-GraniteWidgetsPopOver-arrow-width: 21;
-GraniteWidgetsPopOver-arrow-height: 10;
-GraniteWidgetsPopOver-border-radius: 8px;
-GraniteWidgetsPopOver-border-width: 0;
-GraniteWidgetsPopOver-shadow-size: 12;
border: 1px solid $base_color; border: 1px solid $base_color;
background: $base_color; background: $base_color;
@@ -68,8 +62,6 @@ GraniteWidgetsWelcome {
***************/ ***************/
.source-list { .source-list {
-GtkTreeView-horizontal-separator: 1px;
-GtkTreeView-vertical-separator: 6px;
background-color: $bg_color; background-color: $bg_color;
border: solid $borders_color; border: solid $borders_color;

1
gtk-4.0/widgets/_menus.scss
View File

@@ -5,7 +5,6 @@ menubar,
.menubar { .menubar {
background-color: $headerbar_color; background-color: $headerbar_color;
color: $headerbar_fg_color; color: $headerbar_fg_color;
-GtkWidget-window-dragging: true;
padding: 0px; padding: 0px;
box-shadow: inset 0 -1px transparentize(black, 0.9); box-shadow: inset 0 -1px transparentize(black, 0.9);

2
gtk-4.0/widgets/_misc.scss
View File

@@ -5,7 +5,7 @@
.content-view { .content-view {
background-color: darken($bg_color,7%); background-color: darken($bg_color,7%);
&:hover { -gtk-icon-effect: highlight; } &:hover { -gtk-icon-filter: brightness(1.2); }
&:backdrop { background-color: darken($bg_color,7%); } &:backdrop { background-color: darken($bg_color,7%); }

2
gtk-4.0/widgets/_scales.scss
View File

@@ -105,7 +105,6 @@ scale {
highlight, highlight,
trough { trough {
border-radius: 5px; border-radius: 5px;
-gtk-outline-radius: 7px;
} }
} }
@@ -114,7 +113,6 @@ scale {
@extend %scale_trough; @extend %scale_trough;
outline-offset: 2px; outline-offset: 2px;
-gtk-outline-radius: 5px;
outline-color: transparent; outline-color: transparent;
} }

6
gtk-4.0/widgets/_scrollbars.scss
View File

@@ -4,12 +4,6 @@
scrollbar { scrollbar {
$_slider_min_length: 40px; $_slider_min_length: 40px;
// disable steppers
@at-root * {
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false;
}
background-color: $scrollbar_bg_color; background-color: $scrollbar_bg_color;
transition: 300ms $ease-out-quad; transition: 300ms $ease-out-quad;

1
gtk-4.0/widgets/_toolbars.scss
View File

@@ -2,7 +2,6 @@
* Toolbars * * Toolbars *
************/ ************/
%toolbar { %toolbar {
-GtkWidget-window-dragging: true;
padding: 4px; padding: 4px;
background-color: $bg_color; background-color: $bg_color;
} }

8
gtk-4.0/widgets/_treeviews.scss
View File

@@ -2,14 +2,6 @@
* Tree Views * * Tree Views *
**************/ **************/
treeview.view { treeview.view {
@at-root * {
-GtkTreeView-horizontal-separator: 4;
-GtkTreeView-grid-line-width: 1;
-GtkTreeView-grid-line-pattern: '';
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16;
}
border-left-color: mix($fg_color, $base_color, 50%); // this is actually the tree lines color, border-left-color: mix($fg_color, $base_color, 50%); // this is actually the tree lines color,
border-top-color: $bg_color; // while this is the grid lines color, better then nothing border-top-color: $bg_color; // while this is the grid lines color, better then nothing