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

GTK3: theme titlebuttons only inside headerbars

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2021-09-24 13:17:48 +02:00
parent 4cdc8dced2
commit 3165f43187
No known key found for this signature in database
GPG Key ID: 59667A77E8BFCB6C
4 changed files with 228 additions and 144 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
share/themes/Kali-Dark/gtk-3.0/gtk.css
View File

@ -5453,13 +5453,12 @@ scale slider {
***************/ ***************/
headerbar { headerbar {
border-color: black; border-color: black;
background: #0d0e11 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23); background: #0d0e11 linear-gradient(to top, #16171d, #1a1c23);
box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; } background-position: left; }
headerbar:backdrop { headerbar:backdrop {
background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png"));
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; background-position: left;
box-shadow: none; } box-shadow: none; }
@ -5476,6 +5475,57 @@ headerbar viewswitcher button > stack > box.wide,
headerbar hdyviewswitcher > button box.wide { headerbar hdyviewswitcher > button box.wide {
margin: -8px 0; } margin: -8px 0; }
dialog .titlebar:not(headerbar), dialog headerbar, dialog headerbar:backdrop {
background: #23252e;
border: 0;
box-shadow: none; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu),
headerbar button.titlebutton:not(.appmenu) {
color: transparent;
background: #383d4b;
margin: 0;
margin-left: 5px;
padding: 0;
min-width: 0;
min-height: 0;
border: 1px solid black;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05);
-gtk-icon-shadow: none;
transition: all .2s; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu) + button.titlebutton,
headerbar button.titlebutton:not(.appmenu) + button.titlebutton {
margin-left: 0; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child,
headerbar button.titlebutton:not(.appmenu):last-child {
margin-right: 5px; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover,
headerbar button.titlebutton:not(.appmenu):hover {
color: #eeeeec;
background: #383d4b;
border-color: transparent;
box-shadow: 0 0 0 1px #0d0e11; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu).close,
headerbar button.titlebutton:not(.appmenu).close {
color: black;
background: #2777ff;
border-color: transparent; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover,
headerbar button.titlebutton:not(.appmenu).close:hover {
color: white;
background: #3d85ff; }
.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child {
margin-right: 0; }
.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child {
margin-left: 0; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop,
headerbar button.titlebutton:not(.appmenu):backdrop {
color: transparent;
background: transparent;
box-shadow: none;
border-color: #0d0e11;
background: rgba(0, 0, 0, 0.3); }
.default-decoration.titlebar:not(headerbar), .default-decoration.titlebar:not(headerbar),
headerbar.default-decoration { headerbar.default-decoration {
min-height: 0; min-height: 0;
@ -5486,11 +5536,6 @@ headerbar.default-decoration {
min-width: 0; min-width: 0;
margin: 0; } margin: 0; }
dialog .titlebar:not(headerbar), dialog headerbar, dialog headerbar:backdrop {
background: #23252e;
border: 0;
box-shadow: none; }
paned headerbar:first-child, paned headerbar:first-child,
hdyleaflet headerbar:first-child, hdyleaflet headerbar:first-child,
headerbar.titlebar headerbar:first-child, headerbar.titlebar headerbar:first-child,
@ -5960,31 +6005,6 @@ decoration {
border-width: 0; border-width: 0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
button.titlebutton:not(.appmenu) {
margin: 0;
margin-left: 6px;
padding: 0;
min-width: 0;
min-height: 0;
border: 0;
-gtk-icon-shadow: none; }
button.titlebutton:not(.appmenu) + button.titlebutton:not(.appmenu) {
margin-left: 0; }
button.titlebutton:not(.appmenu):last-child {
margin-right: 6px; }
button.titlebutton:not(.appmenu):hover:not(:backdrop) {
transition: 0;
background: rgba(255, 255, 255, 0.2);
box-shadow: inset 0 0 0 1px #0d0e11; }
.maximized button.titlebutton:not(.appmenu):last-child, .fullscreen button.titlebutton:not(.appmenu):last-child, .tiled button.titlebutton:not(.appmenu):last-child, .tiled-top button.titlebutton:not(.appmenu):last-child, .tiled-right button.titlebutton:not(.appmenu):last-child, .tiled-bottom button.titlebutton:not(.appmenu):last-child, .tiled-left button.titlebutton:not(.appmenu):last-child {
margin-right: 0; }
.maximized button.titlebutton:not(.appmenu):first-child, .fullscreen button.titlebutton:not(.appmenu):first-child, .tiled button.titlebutton:not(.appmenu):first-child, .tiled-top button.titlebutton:not(.appmenu):first-child, .tiled-right button.titlebutton:not(.appmenu):first-child, .tiled-bottom button.titlebutton:not(.appmenu):first-child, .tiled-left button.titlebutton:not(.appmenu):first-child {
margin-left: 0; }
button.titlebutton:not(.appmenu):backdrop {
background: transparent; }
button.titlebutton:not(.appmenu):backdrop:not(:hover) {
border-color: transparent; }
/* Nautilus */ /* Nautilus */
@define-color disk_space_unknown #383c4a; @define-color disk_space_unknown #383c4a;
@define-color disk_space_used #2777ff; @define-color disk_space_used #2777ff;

84
share/themes/Kali-Light/gtk-3.0/gtk-dark.css
View File

@ -5453,13 +5453,12 @@ scale slider {
***************/ ***************/
headerbar { headerbar {
border-color: black; border-color: black;
background: #0d0e11 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23); background: #0d0e11 linear-gradient(to top, #16171d, #1a1c23);
box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; } background-position: left; }
headerbar:backdrop { headerbar:backdrop {
background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png"));
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; background-position: left;
box-shadow: none; } box-shadow: none; }
@ -5476,6 +5475,57 @@ headerbar viewswitcher button > stack > box.wide,
headerbar hdyviewswitcher > button box.wide { headerbar hdyviewswitcher > button box.wide {
margin: -8px 0; } margin: -8px 0; }
dialog .titlebar:not(headerbar), dialog headerbar, dialog headerbar:backdrop {
background: #23252e;
border: 0;
box-shadow: none; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu),
headerbar button.titlebutton:not(.appmenu) {
color: transparent;
background: #383d4b;
margin: 0;
margin-left: 5px;
padding: 0;
min-width: 0;
min-height: 0;
border: 1px solid black;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05);
-gtk-icon-shadow: none;
transition: all .2s; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu) + button.titlebutton,
headerbar button.titlebutton:not(.appmenu) + button.titlebutton {
margin-left: 0; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child,
headerbar button.titlebutton:not(.appmenu):last-child {
margin-right: 5px; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover,
headerbar button.titlebutton:not(.appmenu):hover {
color: #eeeeec;
background: #383d4b;
border-color: transparent;
box-shadow: 0 0 0 1px #0d0e11; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu).close,
headerbar button.titlebutton:not(.appmenu).close {
color: black;
background: #2777ff;
border-color: transparent; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover,
headerbar button.titlebutton:not(.appmenu).close:hover {
color: white;
background: #3d85ff; }
.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child {
margin-right: 0; }
.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child {
margin-left: 0; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop,
headerbar button.titlebutton:not(.appmenu):backdrop {
color: transparent;
background: transparent;
box-shadow: none;
border-color: #0d0e11;
background: rgba(0, 0, 0, 0.3); }
.default-decoration.titlebar:not(headerbar), .default-decoration.titlebar:not(headerbar),
headerbar.default-decoration { headerbar.default-decoration {
min-height: 0; min-height: 0;
@ -5486,11 +5536,6 @@ headerbar.default-decoration {
min-width: 0; min-width: 0;
margin: 0; } margin: 0; }
dialog .titlebar:not(headerbar), dialog headerbar, dialog headerbar:backdrop {
background: #23252e;
border: 0;
box-shadow: none; }
paned headerbar:first-child, paned headerbar:first-child,
hdyleaflet headerbar:first-child, hdyleaflet headerbar:first-child,
headerbar.titlebar headerbar:first-child, headerbar.titlebar headerbar:first-child,
@ -5960,31 +6005,6 @@ decoration {
border-width: 0; border-width: 0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
button.titlebutton:not(.appmenu) {
margin: 0;
margin-left: 6px;
padding: 0;
min-width: 0;
min-height: 0;
border: 0;
-gtk-icon-shadow: none; }
button.titlebutton:not(.appmenu) + button.titlebutton:not(.appmenu) {
margin-left: 0; }
button.titlebutton:not(.appmenu):last-child {
margin-right: 6px; }
button.titlebutton:not(.appmenu):hover:not(:backdrop) {
transition: 0;
background: rgba(255, 255, 255, 0.2);
box-shadow: inset 0 0 0 1px #0d0e11; }
.maximized button.titlebutton:not(.appmenu):last-child, .fullscreen button.titlebutton:not(.appmenu):last-child, .tiled button.titlebutton:not(.appmenu):last-child, .tiled-top button.titlebutton:not(.appmenu):last-child, .tiled-right button.titlebutton:not(.appmenu):last-child, .tiled-bottom button.titlebutton:not(.appmenu):last-child, .tiled-left button.titlebutton:not(.appmenu):last-child {
margin-right: 0; }
.maximized button.titlebutton:not(.appmenu):first-child, .fullscreen button.titlebutton:not(.appmenu):first-child, .tiled button.titlebutton:not(.appmenu):first-child, .tiled-top button.titlebutton:not(.appmenu):first-child, .tiled-right button.titlebutton:not(.appmenu):first-child, .tiled-bottom button.titlebutton:not(.appmenu):first-child, .tiled-left button.titlebutton:not(.appmenu):first-child {
margin-left: 0; }
button.titlebutton:not(.appmenu):backdrop {
background: transparent; }
button.titlebutton:not(.appmenu):backdrop:not(:hover) {
border-color: transparent; }
/* Nautilus */ /* Nautilus */
@define-color disk_space_unknown #383c4a; @define-color disk_space_unknown #383c4a;
@define-color disk_space_used #2777ff; @define-color disk_space_used #2777ff;

84
share/themes/Kali-Light/gtk-3.0/gtk.css
View File

@ -5474,13 +5474,12 @@ scale slider {
***************/ ***************/
headerbar { headerbar {
border-color: #cccccc; border-color: #cccccc;
background: #f2f2f2 -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png")), linear-gradient(to top, #ededed, whitesmoke); background: #ededed linear-gradient(to top, #e8e8e8, #f0f0f0);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8);
box-shadow: 0 1px 4px rgba(204, 204, 204, 0.75); box-shadow: 0 1px 4px rgba(204, 204, 204, 0.75);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; } background-position: left; }
headerbar:backdrop { headerbar:backdrop {
background-image: -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png"));
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; background-position: left;
box-shadow: none; } box-shadow: none; }
@ -5497,6 +5496,57 @@ headerbar viewswitcher button > stack > box.wide,
headerbar hdyviewswitcher > button box.wide { headerbar hdyviewswitcher > button box.wide {
margin: -8px 0; } margin: -8px 0; }
dialog .titlebar:not(headerbar), dialog headerbar, dialog headerbar:backdrop {
background: #ffffff;
border: 0;
box-shadow: none; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu),
headerbar button.titlebutton:not(.appmenu) {
color: transparent;
background: white;
margin: 0;
margin-left: 5px;
padding: 0;
min-width: 0;
min-height: 0;
border: 1px solid #c2c2c2;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05);
-gtk-icon-shadow: none;
transition: all .2s; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu) + button.titlebutton,
headerbar button.titlebutton:not(.appmenu) + button.titlebutton {
margin-left: 0; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child,
headerbar button.titlebutton:not(.appmenu):last-child {
margin-right: 5px; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover,
headerbar button.titlebutton:not(.appmenu):hover {
color: #5c616c;
background: white;
border-color: transparent;
box-shadow: 0 0 0 1px #d9d9d9; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu).close,
headerbar button.titlebutton:not(.appmenu).close {
color: white;
background: #2777ff;
border-color: transparent; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover,
headerbar button.titlebutton:not(.appmenu).close:hover {
color: black;
background: #3d85ff; }
.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child {
margin-right: 0; }
.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child {
margin-left: 0; }
.titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop,
headerbar button.titlebutton:not(.appmenu):backdrop {
color: transparent;
background: transparent;
box-shadow: none;
border-color: #d9d9d9;
background: rgba(0, 0, 0, 0.1); }
.default-decoration.titlebar:not(headerbar), .default-decoration.titlebar:not(headerbar),
headerbar.default-decoration { headerbar.default-decoration {
min-height: 0; min-height: 0;
@ -5507,11 +5557,6 @@ headerbar.default-decoration {
min-width: 0; min-width: 0;
margin: 0; } margin: 0; }
dialog .titlebar:not(headerbar), dialog headerbar, dialog headerbar:backdrop {
background: #ffffff;
border: 0;
box-shadow: none; }
paned headerbar:first-child, paned headerbar:first-child,
hdyleaflet headerbar:first-child, hdyleaflet headerbar:first-child,
headerbar.titlebar headerbar:first-child, headerbar.titlebar headerbar:first-child,
@ -5981,31 +6026,6 @@ decoration {
border-width: 0; border-width: 0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
button.titlebutton:not(.appmenu) {
margin: 0;
margin-left: 6px;
padding: 0;
min-width: 0;
min-height: 0;
border: 0;
-gtk-icon-shadow: none; }
button.titlebutton:not(.appmenu) + button.titlebutton:not(.appmenu) {
margin-left: 0; }
button.titlebutton:not(.appmenu):last-child {
margin-right: 6px; }
button.titlebutton:not(.appmenu):hover:not(:backdrop) {
transition: 0;
background: rgba(255, 255, 255, 0.2);
box-shadow: inset 0 0 0 1px #d9d9d9; }
.maximized button.titlebutton:not(.appmenu):last-child, .fullscreen button.titlebutton:not(.appmenu):last-child, .tiled button.titlebutton:not(.appmenu):last-child, .tiled-top button.titlebutton:not(.appmenu):last-child, .tiled-right button.titlebutton:not(.appmenu):last-child, .tiled-bottom button.titlebutton:not(.appmenu):last-child, .tiled-left button.titlebutton:not(.appmenu):last-child {
margin-right: 0; }
.maximized button.titlebutton:not(.appmenu):first-child, .fullscreen button.titlebutton:not(.appmenu):first-child, .tiled button.titlebutton:not(.appmenu):first-child, .tiled-top button.titlebutton:not(.appmenu):first-child, .tiled-right button.titlebutton:not(.appmenu):first-child, .tiled-bottom button.titlebutton:not(.appmenu):first-child, .tiled-left button.titlebutton:not(.appmenu):first-child {
margin-left: 0; }
button.titlebutton:not(.appmenu):backdrop {
background: transparent; }
button.titlebutton:not(.appmenu):backdrop:not(:hover) {
border-color: transparent; }
/* Nautilus */ /* Nautilus */
@define-color disk_space_unknown #383c4a; @define-color disk_space_unknown #383c4a;
@define-color disk_space_used #2777ff; @define-color disk_space_used #2777ff;

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

@ -1,3 +1,4 @@
$_header_bg: darken($bg_color, if($variant == 'light', 7%, 10%));
$_menu_shadow: 0 1px 6px transparentize(black, if($variant == 'light', .85, .5)); $_menu_shadow: 0 1px 6px transparentize(black, if($variant == 'light', .85, .5));
$_widget_inset_shadow: inset 0 3px 5px -4px $shadow_color, 0 1px rgba(255, 255, 255, .05); $_widget_inset_shadow: inset 0 3px 5px -4px $shadow_color, 0 1px rgba(255, 255, 255, .05);
$_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize($borders_color, 0.25)); $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize($borders_color, 0.25));
@ -182,15 +183,12 @@ headerbar {
$_border_color: darken($bg_color, 20%); $_border_color: darken($bg_color, 20%);
border-color: $_border_color; border-color: $_border_color;
$_scale_asset: 'assets/kali-headerbar-logo#{$asset_suffix}'; @include headerbar_fill($_header_bg);
@include headerbar_fill(darken($bg_color, if($variant == 'light', 5%, 10%)),
$ov: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')));
box-shadow: 0 1px 4px transparentize($_border_color, .25); box-shadow: 0 1px 4px transparentize($_border_color, .25);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; background-position: left;
&:backdrop { &:backdrop {
background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png'));
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; background-position: left;
box-shadow: none; box-shadow: none;
@ -210,6 +208,76 @@ headerbar {
&.wide { margin: -8px 0; } &.wide { margin: -8px 0; }
} }
dialog &,
dialog &:backdrop {
background: $bg_color;
border: 0;
box-shadow: none;
}
// Window Close button
button.titlebutton:not(.appmenu) {
$_titlebutton_bg: lighten($bg_color, 10%);
color: transparent;
background: $_titlebutton_bg;
margin: 0;
margin-left: 5px;
padding: 0;
min-width: 0;
min-height: 0;
border: 1px solid $alt_borders_color;
box-shadow: $_widget_inset_shadow;
-gtk-icon-shadow: none;
transition: all .2s;
& + button.titlebutton { margin-left: 0; }
&:last-child { margin-right: 5px; }
@at-root %titlebutton_hover,
&:hover {
color: $fg_color;
background: $_titlebutton_bg;
border-color: transparent;
box-shadow: 0 0 0 1px $borders_color;
}
&.close {
color: if($variant=='light', white, black);
background: $selected_bg_color;
border-color: transparent;
&:hover {
color: if($variant=='light', black, white);
background: mix(white, $selected_bg_color, 10%);
}
@if lightness($selected_bg_color) > 60%
or lightness($selected_bg_color) < 20% {
&, &:hover { color: $selected_fg_color; }
}
}
.maximized &,
.fullscreen &,
.tiled &,
.tiled-top &,
.tiled-right &,
.tiled-bottom &,
.tiled-left & {
&:last-child { margin-right: 0; }
&:first-child { margin-left: 0; }
}
&:backdrop,
&:backdrop:hover {
color: transparent;
background: transparent;
box-shadow: none;
border-color: $backdrop_borders_color;
background: $shadow_color;
}
}
&.default-decoration { &.default-decoration {
min-height: 0; min-height: 0;
padding: 6px; padding: 6px;
@ -220,13 +288,6 @@ headerbar {
margin: 0; margin: 0;
} }
} }
dialog &,
dialog &:backdrop {
background: $bg_color;
border: 0;
box-shadow: none;
}
} }
paned headerbar:first-child, paned headerbar:first-child,
@ -527,40 +588,3 @@ decoration {
box-shadow: 0 1px 4px transparentize(black, 0.8); box-shadow: 0 1px 4px transparentize(black, 0.8);
} }
} }
// Window Close button
button.titlebutton:not(.appmenu) {
margin: 0;
margin-left: 6px;
padding: 0;
min-width: 0;
min-height: 0;
border: 0;
-gtk-icon-shadow: none;
& + & { margin-left: 0; }
&:last-child { margin-right: 6px; }
&:hover:not(:backdrop) {
transition: 0;
background: transparentize(white, .8);
box-shadow: inset 0 0 0 1px $borders_color;
}
@at-root
.maximized &,
.fullscreen &,
.tiled &,
.tiled-top &,
.tiled-right &,
.tiled-bottom &,
.tiled-left & {
&:last-child { margin-right: 0; }
&:first-child { margin-left: 0; }
}
&:backdrop {
background: transparent;
&:not(:hover) { border-color: transparent; }
}
}