PoliEcho/kaliish-orange-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GTK3: improve design of sidebar row

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2021-08-12 21:08:21 +02:00
parent 735dd5ff69
commit 582c961781
2 changed files with 34 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/themes/Kali/sass/gtk3/_applications.scss
View File

@ -16,19 +16,16 @@ filechooser,
background-image: linear-gradient(to left, darken($bg_color, 4%) 41px, $bg_color 0); background-image: linear-gradient(to left, darken($bg_color, 4%) 41px, $bg_color 0);
} }
&:backdrop { box-shadow: none; } &:backdrop { background-image: none; }
row.sidebar-row { row.sidebar-row {
&:selected { &:selected {
@extend %selected_items;
margin-left: 6px; margin-left: 6px;
margin-right: 6px; margin-right: 6px;
border-radius: $button_radius; border-radius: $button_radius;
box-shadow: $_glow_shadow; box-shadow: $_glow_shadow;
transition: box-shadow $backdrop_transition; transition: box-shadow $backdrop_transition;
background-color: $selected_bg_color;
&:backdrop { box-shadow: none; }
&:dir(ltr) { &:dir(ltr) {
background-image: linear-gradient(to right, darken($selected_bg_color, 10%) 35px, transparent 0); background-image: linear-gradient(to right, darken($selected_bg_color, 10%) 35px, transparent 0);
@ -43,6 +40,16 @@ filechooser,
.sidebar-icon, .sidebar-label { color: $selected_fg_color; } .sidebar-icon, .sidebar-label { color: $selected_fg_color; }
} }
&:backdrop {
@extend %selected_items_backdrop;
box-shadow: none;
background-image: none;
&,
& .sidebar-icon,
& .sidebar-label { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); }
}
} }
.sidebar-icon { padding-right: 20px; } .sidebar-icon { padding-right: 20px; }
@ -74,6 +81,11 @@ filechooser,
.path-bar-box:backdrop { border-color: $backdrop_borders_color} .path-bar-box:backdrop { border-color: $backdrop_borders_color}
/* GNOME TWEAKS */
list.tweak-categories separator {
background: transparent;
}
/* XFCE4 PANEL */ /* XFCE4 PANEL */
.xfce4-panel { .xfce4-panel {
&.background { background: $panel_bg; } &.background { background: $panel_bg; }

19
src/themes/Kali/sass/gtk3/_common-tweaks.scss
View File

@ -385,6 +385,21 @@ infobar {
} }
} }
/*********
* Lists *
*********/
row {
&:selected, &.activatable:selected {
&, &:backdrop, &:active {
border-radius: $button_radius + 4px;
background-color: $bg_color;
color: $text_color;
box-shadow: inset 0 0 0 9999px $menu_selected_color,
inset 0 0 0 3px $base_color;
}
}
}
/********************* /*********************
* App Notifications * * App Notifications *
*********************/ *********************/
@ -407,8 +422,6 @@ calendar {
border-radius: 6px; border-radius: 6px;
border:0; border:0;
padding: 1px; padding: 1px;
&:selected { border-radius: 999px; }
} }
/*********** /***********
@ -424,6 +437,8 @@ messagedialog .titlebar:backdrop { background-image: none; }
background-color: $bg_color; background-color: $bg_color;
} }
stacksidebar row { padding: 7px 3px; }
/**************** /****************
* File chooser * * File chooser *
****************/ ****************/