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

GTK3: regenerate CSS theme files

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2021-08-12 21:40:37 +02:00
parent 18222a7040
commit 909c606d7c
3 changed files with 579 additions and 207 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -796,8 +796,8 @@ button.osd {
button.suggested-action { button.suggested-action {
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #005af3; border-color: #186eff;
border-bottom-color: #0047c0; border-bottom-color: #0054e4;
background-image: image(#4b8eff); background-image: image(#4b8eff);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
@ -942,8 +942,8 @@ button.suggested-action {
button.destructive-action { button.destructive-action {
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #790e0e; border-color: #991212;
border-bottom-color: #4b0909; border-bottom-color: #6b0d0d;
background-image: image(#c61717); background-image: image(#c61717);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
@ -1290,7 +1290,7 @@ modelbutton.flat,
outline-offset: -2px; } outline-offset: -2px; }
modelbutton.flat:hover, modelbutton.flat:hover,
.menuitem.button.flat:hover { .menuitem.button.flat:hover {
background-color: #2a2e39; } background-color: #3b3e46; }
modelbutton.flat arrow { modelbutton.flat arrow {
background: none; } background: none; }
@ -1713,8 +1713,8 @@ headerbar {
headerbar.selection-mode button { headerbar.selection-mode button {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #005af3; border-color: #186eff;
border-bottom-color: #0047c0; border-bottom-color: #0054e4;
background-image: image(#4b8eff); background-image: image(#4b8eff);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat,
@ -4517,30 +4517,27 @@ headerbar.selection-mode button.titlebutton,
.titlebar.selection-mode button.titlebutton:backdrop { .titlebar.selection-mode button.titlebutton:backdrop {
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
filechooser placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
.view text:selected:focus, .view text:selected:focus,
textview text:selected:focus, textview text:selected:focus,
.view text:selected, .view text:selected,
textview text:selected, .view text selection:focus, .view text selection, textview text:selected, .view text selection:focus, .view text selection,
textview text selection:focus, textview text selection:focus,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected,
entry selection, modelbutton.flat:selected, entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
background-color: #2777ff; } background-color: #2777ff; }
label:selected, .selection-mode button.titlebutton, filechooser placessidebar.sidebar row.sidebar-row:selected, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
.view text:selected:focus, .view text:selected:focus,
textview text:selected:focus, textview text:selected:focus,
.view text:selected, .view text:selected,
textview text:selected, .view text selection:focus, .view text selection, textview text:selected, .view text selection:focus, .view text selection,
textview text selection:focus, textview text selection:focus,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected,
entry selection, modelbutton.flat:selected, entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
color: #ffffff; } color: #ffffff; }
label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .view:disabled:selected,
textview text:disabled:selected:focus, textview text:disabled:selected:focus,
.view text:disabled:selected, .view text:disabled:selected,
textview text:disabled:selected, .view text selection:disabled, textview text:disabled:selected, .view text selection:disabled,
@ -4549,8 +4546,8 @@ entry selection, modelbutton.flat:selected,
entry selection:disabled, modelbutton.flat:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected,
.menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected {
color: #93bbff; } color: #93bbff; }
label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, filechooser placessidebar.sidebar row.sidebar-row:backdrop:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop,
.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop:selected, .view:backdrop:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop, label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected,
textview text:backdrop:selected:focus, textview text:backdrop:selected:focus,
.view text:backdrop:selected, .view text:backdrop:selected,
textview text:backdrop:selected, .view text selection:backdrop, textview text:backdrop:selected, .view text selection:backdrop,
@ -4559,8 +4556,8 @@ entry selection, modelbutton.flat:selected,
entry selection:backdrop, modelbutton.flat:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected,
.menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected {
color: #d4d5d7; } color: #d4d5d7; }
label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, filechooser placessidebar.sidebar row.sidebar-row:backdrop:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected:backdrop,
.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop:disabled:selected, .view:backdrop:disabled:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected:backdrop, label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected,
.view text:backdrop:disabled:selected, .view text:backdrop:disabled:selected,
textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled,
textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected,
@ -4708,7 +4705,7 @@ popover.emoji-completion contents row box {
padding: 2px 10px; } padding: 2px 10px; }
popover.emoji-completion .emoji:hover { popover.emoji-completion .emoji:hover {
background: #2a2e39; } background: #3b3e46; }
/*************************** /***************************
* Check and Radio buttons * * Check and Radio buttons *
@ -5246,18 +5243,18 @@ tabbar tab,
/********** /**********
* Button * * Button *
**********/ **********/
.titlebar stackswitcher button:active, .titlebar stackswitcher button:checked, .titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked,
.titlebar button.toggle:active, .titlebar:not(headerbar) button.toggle:active,
.titlebar button.toggle:checked, .titlebar:not(headerbar) button.toggle:checked,
headerbar stackswitcher button:active, headerbar stackswitcher button:active,
headerbar stackswitcher button:checked, headerbar stackswitcher button:checked,
headerbar button.toggle:active, headerbar button.toggle:active,
headerbar button.toggle:checked, button.flat:hover, button:active, button:checked { headerbar button.toggle:checked, button.flat:hover, button:active, button:checked {
background: #1b1d24; background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
.titlebar stackswitcher button:backdrop:active, .titlebar stackswitcher button:backdrop:checked, .titlebar:not(headerbar) stackswitcher button:backdrop:active, .titlebar:not(headerbar) stackswitcher button:backdrop:checked,
.titlebar button.toggle:backdrop:active, .titlebar:not(headerbar) button.toggle:backdrop:active,
.titlebar button.toggle:backdrop:checked, .titlebar:not(headerbar) button.toggle:backdrop:checked,
headerbar stackswitcher button:backdrop:active, headerbar stackswitcher button:backdrop:active,
headerbar stackswitcher button:backdrop:checked, headerbar stackswitcher button:backdrop:checked,
headerbar button.toggle:backdrop:active, headerbar button.toggle:backdrop:active,
@ -5277,6 +5274,96 @@ button.flat {
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
button.suggested-action {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #186eff;
border-bottom-color: #0054e4;
background-image: image(#4b8eff);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.suggested-action:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #005af3;
border-bottom-color: #0047c0;
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.suggested-action:active, button.suggested-action:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #005af3;
background-image: image(#005cf8);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
button.suggested-action:backdrop, button.suggested-action.flat:backdrop {
color: #d4e4ff;
border-color: #005af3;
background-image: image(#2777ff);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked {
color: #d2e0f7;
border-color: #005af3;
background-image: image(#1e62d6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked {
color: #6d99e4;
border-color: #005af3;
background-image: image(#1e62d6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
color: #a4bfeb;
border-color: #005af3;
background-image: image(#1c5ecd);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #991212;
border-bottom-color: #6b0d0d;
background-image: image(#c61717);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.destructive-action:hover {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #790e0e;
border-bottom-color: #4b0909;
background-image: linear-gradient(to top, #a21313, #ab1414 1px);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.destructive-action:active, button.destructive-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #790e0e;
background-image: image(#7d0f0f);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
button.destructive-action:backdrop, button.destructive-action.flat:backdrop {
color: #edd0d0;
border-color: #790e0e;
background-image: image(#a61414);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked {
color: #e6d0d0;
border-color: #790e0e;
background-image: image(#811415);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked {
color: #ad6667;
border-color: #790e0e;
background-image: image(#811415);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
color: #c9a1a1;
border-color: #790e0e;
background-image: image(#791314);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
/********** /**********
* Entry * * Entry *
**********/ **********/
@ -5364,7 +5451,6 @@ scale slider {
/*************** /***************
* Header bars * * Header bars *
***************/ ***************/
.titlebar,
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 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23);
@ -5372,41 +5458,52 @@ headerbar {
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; }
.titlebar:backdrop,
headerbar:backdrop { headerbar:backdrop {
background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")); 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; }
.titlebar viewswitcher button > stack > box.narrow,
.titlebar hdyviewswitcher > button box.narrow,
headerbar viewswitcher button > stack > box.narrow,
headerbar hdyviewswitcher > button box.narrow {
margin: -7px 0 -5px; }
.titlebar viewswitcher button > stack > box.wide,
.titlebar hdyviewswitcher > button box.wide,
headerbar viewswitcher button > stack > box.wide,
headerbar hdyviewswitcher > button box.wide {
margin: -8px 0; }
.titlebar.default-decoration,
headerbar.default-decoration {
min-height: 0;
padding: 6px; }
.titlebar.default-decoration button.titlebutton,
headerbar.default-decoration button.titlebutton {
min-height: 0;
min-width: 0;
margin: 0; }
dialog .titlebar, dialog .titlebar:backdrop, dialog headerbar, dialog headerbar:backdrop {
background: #23252e;
border: 0;
box-shadow: none; }
paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child { .titlebar:not(headerbar) viewswitcher button > stack > box.narrow,
.titlebar:not(headerbar) hdyviewswitcher > button box.narrow,
headerbar viewswitcher button > stack > box.narrow,
headerbar hdyviewswitcher > button box.narrow {
margin: -7px 0 -5px; }
.titlebar:not(headerbar) viewswitcher button > stack > box.wide,
.titlebar:not(headerbar) hdyviewswitcher > button box.wide,
headerbar viewswitcher button > stack > box.wide,
headerbar hdyviewswitcher > button box.wide {
margin: -8px 0; }
.default-decoration.titlebar:not(headerbar),
headerbar.default-decoration {
min-height: 0;
padding: 6px; }
.default-decoration.titlebar:not(headerbar) button.titlebutton,
headerbar.default-decoration button.titlebutton {
min-height: 0;
min-width: 0;
margin: 0; }
dialog .titlebar:not(headerbar), dialog headerbar, dialog headerbar:backdrop {
background: #23252e;
border: 0;
box-shadow: none; }
paned headerbar:first-child,
hdyleaflet headerbar:first-child,
headerbar.titlebar headerbar:first-child,
deck leaflet box:first-child headerbar:first-child,
leaflet > headerbar:first-child {
border-color: #0d0e11; border-color: #0d0e11;
background: #272a34; background: #272a34;
box-shadow: none; } box-shadow: none; }
paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop { paned headerbar:first-child:backdrop,
hdyleaflet headerbar:first-child:backdrop,
headerbar.titlebar headerbar:first-child:backdrop,
deck leaflet box:first-child headerbar:first-child:backdrop,
leaflet > headerbar:first-child:backdrop {
background: #292c37; } background: #292c37; }
/************** /**************
@ -5531,8 +5628,8 @@ infobar.info button.flat, infobar.info.action:hover button,
infobar.info.action:hover button.flat { infobar.info.action:hover button.flat {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #005af3; border-color: #186eff;
border-bottom-color: #0047c0; border-bottom-color: #0054e4;
background-image: image(#4b8eff); background-image: image(#4b8eff);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.info button:hover, infobar.info button:hover,
@ -5606,8 +5703,8 @@ infobar.question.action:hover button.flat, infobar.warning.action:hover button,
infobar.warning.action:hover button.flat { infobar.warning.action:hover button.flat {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ca6400; border-color: #ee7500;
border-bottom-color: #974b00; border-bottom-color: #bb5c00;
background-image: image(#ff8f22); background-image: image(#ff8f22);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.question button:hover, infobar.question button:hover,
@ -5700,8 +5797,8 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
infobar.error.action:hover > revealer > box button.flat { infobar.error.action:hover > revealer > box button.flat {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #911212; border-color: #b11515;
border-bottom-color: #640c0c; border-bottom-color: #841010;
background-image: image(#df1b1b); background-image: image(#df1b1b);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:hover,
@ -5785,6 +5882,15 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
infobar.error.action:hover > revealer > box button.flat { infobar.error.action:hover > revealer > box button.flat {
color: #ffffff; } color: #ffffff; }
/*********
* Lists *
*********/
row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active {
border-radius: 8px;
background-color: #23252e;
color: white;
box-shadow: inset 0 0 0 9999px #3b3e46, inset 0 0 0 3px #272a34; }
/********************* /*********************
* App Notifications * * App Notifications *
*********************/ *********************/
@ -5807,8 +5913,6 @@ calendar {
border-radius: 6px; border-radius: 6px;
border: 0; border: 0;
padding: 1px; } padding: 1px; }
calendar:selected {
border-radius: 999px; }
/*********** /***********
* Dialogs * * Dialogs *
@ -5822,6 +5926,9 @@ messagedialog .titlebar:backdrop {
.sidebar { .sidebar {
background-color: #23252e; } background-color: #23252e; }
stacksidebar row {
padding: 7px 3px; }
/**************** /****************
* File chooser * * File chooser *
****************/ ****************/
@ -5892,7 +5999,7 @@ filechooser placessidebar.sidebar:dir(rtl),
filechooser placessidebar.sidebar:backdrop, filechooser placessidebar.sidebar:backdrop,
.nautilus-window placessidebar.sidebar:backdrop { .nautilus-window placessidebar.sidebar:backdrop {
box-shadow: none; } background-image: none; }
filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected { .nautilus-window placessidebar.sidebar row.sidebar-row:selected {
@ -5900,10 +6007,8 @@ filechooser placessidebar.sidebar row.sidebar-row:selected,
margin-right: 6px; margin-right: 6px;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5);
transition: box-shadow 200ms ease-out; } transition: box-shadow 200ms ease-out;
filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, background-color: #2777ff; }
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop {
box-shadow: none; }
filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr),
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) {
background-image: linear-gradient(to right, #005af3 35px, transparent 0); } background-image: linear-gradient(to right, #005af3 35px, transparent 0); }
@ -5918,6 +6023,15 @@ filechooser placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label {
color: #ffffff; } color: #ffffff; }
filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop {
box-shadow: none;
background-image: none; }
filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-label,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-label {
color: #5b93f3; }
filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon {
@ -5941,6 +6055,10 @@ filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
.path-bar-box:backdrop { .path-bar-box:backdrop {
border-color: #0d0e11; } border-color: #0d0e11; }
/* GNOME TWEAKS */
list.tweak-categories separator {
background: transparent; }
/* XFCE4 PANEL */ /* XFCE4 PANEL */
.xfce4-panel.background { .xfce4-panel.background {
background: rgba(35, 37, 46, 0.8); } background: rgba(35, 37, 46, 0.8); }
@ -5961,9 +6079,15 @@ filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { .xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active {
box-shadow: inset 4px 0 0 #2777ff; } box-shadow: inset 4px 0 0 #2777ff; }
/* XFCE4 NOTIFICATIONS */ /* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */
#XfceNotifyWindow { #XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button {
background-color: #272a34; } border: 1px solid #0d0e11;
border-bottom-width: 2px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-gtk-icon-style: symbolic; }
.xfsm-logout-dialog > .vertical > .horizontal button {
margin: 8px; }
/* Whisker menu */ /* Whisker menu */
#whiskermenu-window entry { #whiskermenu-window entry {

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

@ -796,8 +796,8 @@ button.osd {
button.suggested-action { button.suggested-action {
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #005af3; border-color: #186eff;
border-bottom-color: #0047c0; border-bottom-color: #0054e4;
background-image: image(#4b8eff); background-image: image(#4b8eff);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
@ -942,8 +942,8 @@ button.suggested-action {
button.destructive-action { button.destructive-action {
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #790e0e; border-color: #991212;
border-bottom-color: #4b0909; border-bottom-color: #6b0d0d;
background-image: image(#c61717); background-image: image(#c61717);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
@ -1290,7 +1290,7 @@ modelbutton.flat,
outline-offset: -2px; } outline-offset: -2px; }
modelbutton.flat:hover, modelbutton.flat:hover,
.menuitem.button.flat:hover { .menuitem.button.flat:hover {
background-color: #2a2e39; } background-color: #3b3e46; }
modelbutton.flat arrow { modelbutton.flat arrow {
background: none; } background: none; }
@ -1713,8 +1713,8 @@ headerbar {
headerbar.selection-mode button { headerbar.selection-mode button {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #005af3; border-color: #186eff;
border-bottom-color: #0047c0; border-bottom-color: #0054e4;
background-image: image(#4b8eff); background-image: image(#4b8eff);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat,
@ -4517,30 +4517,27 @@ headerbar.selection-mode button.titlebutton,
.titlebar.selection-mode button.titlebutton:backdrop { .titlebar.selection-mode button.titlebutton:backdrop {
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
filechooser placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
.view text:selected:focus, .view text:selected:focus,
textview text:selected:focus, textview text:selected:focus,
.view text:selected, .view text:selected,
textview text:selected, .view text selection:focus, .view text selection, textview text:selected, .view text selection:focus, .view text selection,
textview text selection:focus, textview text selection:focus,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected,
entry selection, modelbutton.flat:selected, entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
background-color: #2777ff; } background-color: #2777ff; }
label:selected, .selection-mode button.titlebutton, filechooser placessidebar.sidebar row.sidebar-row:selected, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
.view text:selected:focus, .view text:selected:focus,
textview text:selected:focus, textview text:selected:focus,
.view text:selected, .view text:selected,
textview text:selected, .view text selection:focus, .view text selection, textview text:selected, .view text selection:focus, .view text selection,
textview text selection:focus, textview text selection:focus,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected,
entry selection, modelbutton.flat:selected, entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
color: #ffffff; } color: #ffffff; }
label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .view:disabled:selected,
textview text:disabled:selected:focus, textview text:disabled:selected:focus,
.view text:disabled:selected, .view text:disabled:selected,
textview text:disabled:selected, .view text selection:disabled, textview text:disabled:selected, .view text selection:disabled,
@ -4549,8 +4546,8 @@ entry selection, modelbutton.flat:selected,
entry selection:disabled, modelbutton.flat:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected,
.menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected {
color: #93bbff; } color: #93bbff; }
label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, filechooser placessidebar.sidebar row.sidebar-row:backdrop:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop,
.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop:selected, .view:backdrop:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop, label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected,
textview text:backdrop:selected:focus, textview text:backdrop:selected:focus,
.view text:backdrop:selected, .view text:backdrop:selected,
textview text:backdrop:selected, .view text selection:backdrop, textview text:backdrop:selected, .view text selection:backdrop,
@ -4559,8 +4556,8 @@ entry selection, modelbutton.flat:selected,
entry selection:backdrop, modelbutton.flat:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected,
.menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected {
color: #d4d5d7; } color: #d4d5d7; }
label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, filechooser placessidebar.sidebar row.sidebar-row:backdrop:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected:backdrop,
.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop:disabled:selected, .view:backdrop:disabled:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected:backdrop, label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected,
.view text:backdrop:disabled:selected, .view text:backdrop:disabled:selected,
textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled,
textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected,
@ -4708,7 +4705,7 @@ popover.emoji-completion contents row box {
padding: 2px 10px; } padding: 2px 10px; }
popover.emoji-completion .emoji:hover { popover.emoji-completion .emoji:hover {
background: #2a2e39; } background: #3b3e46; }
/*************************** /***************************
* Check and Radio buttons * * Check and Radio buttons *
@ -5246,18 +5243,18 @@ tabbar tab,
/********** /**********
* Button * * Button *
**********/ **********/
.titlebar stackswitcher button:active, .titlebar stackswitcher button:checked, .titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked,
.titlebar button.toggle:active, .titlebar:not(headerbar) button.toggle:active,
.titlebar button.toggle:checked, .titlebar:not(headerbar) button.toggle:checked,
headerbar stackswitcher button:active, headerbar stackswitcher button:active,
headerbar stackswitcher button:checked, headerbar stackswitcher button:checked,
headerbar button.toggle:active, headerbar button.toggle:active,
headerbar button.toggle:checked, button.flat:hover, button:active, button:checked { headerbar button.toggle:checked, button.flat:hover, button:active, button:checked {
background: #1b1d24; background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
.titlebar stackswitcher button:backdrop:active, .titlebar stackswitcher button:backdrop:checked, .titlebar:not(headerbar) stackswitcher button:backdrop:active, .titlebar:not(headerbar) stackswitcher button:backdrop:checked,
.titlebar button.toggle:backdrop:active, .titlebar:not(headerbar) button.toggle:backdrop:active,
.titlebar button.toggle:backdrop:checked, .titlebar:not(headerbar) button.toggle:backdrop:checked,
headerbar stackswitcher button:backdrop:active, headerbar stackswitcher button:backdrop:active,
headerbar stackswitcher button:backdrop:checked, headerbar stackswitcher button:backdrop:checked,
headerbar button.toggle:backdrop:active, headerbar button.toggle:backdrop:active,
@ -5277,6 +5274,96 @@ button.flat {
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
button.suggested-action {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #186eff;
border-bottom-color: #0054e4;
background-image: image(#4b8eff);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.suggested-action:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #005af3;
border-bottom-color: #0047c0;
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.suggested-action:active, button.suggested-action:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #005af3;
background-image: image(#005cf8);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
button.suggested-action:backdrop, button.suggested-action.flat:backdrop {
color: #d4e4ff;
border-color: #005af3;
background-image: image(#2777ff);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked {
color: #d2e0f7;
border-color: #005af3;
background-image: image(#1e62d6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked {
color: #6d99e4;
border-color: #005af3;
background-image: image(#1e62d6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
color: #a4bfeb;
border-color: #005af3;
background-image: image(#1c5ecd);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #991212;
border-bottom-color: #6b0d0d;
background-image: image(#c61717);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.destructive-action:hover {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #790e0e;
border-bottom-color: #4b0909;
background-image: linear-gradient(to top, #a21313, #ab1414 1px);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.destructive-action:active, button.destructive-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #790e0e;
background-image: image(#7d0f0f);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
button.destructive-action:backdrop, button.destructive-action.flat:backdrop {
color: #edd0d0;
border-color: #790e0e;
background-image: image(#a61414);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked {
color: #e6d0d0;
border-color: #790e0e;
background-image: image(#811415);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked {
color: #ad6667;
border-color: #790e0e;
background-image: image(#811415);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
color: #c9a1a1;
border-color: #790e0e;
background-image: image(#791314);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
/********** /**********
* Entry * * Entry *
**********/ **********/
@ -5364,7 +5451,6 @@ scale slider {
/*************** /***************
* Header bars * * Header bars *
***************/ ***************/
.titlebar,
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 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23);
@ -5372,41 +5458,52 @@ headerbar {
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; }
.titlebar:backdrop,
headerbar:backdrop { headerbar:backdrop {
background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")); 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; }
.titlebar viewswitcher button > stack > box.narrow,
.titlebar hdyviewswitcher > button box.narrow,
headerbar viewswitcher button > stack > box.narrow,
headerbar hdyviewswitcher > button box.narrow {
margin: -7px 0 -5px; }
.titlebar viewswitcher button > stack > box.wide,
.titlebar hdyviewswitcher > button box.wide,
headerbar viewswitcher button > stack > box.wide,
headerbar hdyviewswitcher > button box.wide {
margin: -8px 0; }
.titlebar.default-decoration,
headerbar.default-decoration {
min-height: 0;
padding: 6px; }
.titlebar.default-decoration button.titlebutton,
headerbar.default-decoration button.titlebutton {
min-height: 0;
min-width: 0;
margin: 0; }
dialog .titlebar, dialog .titlebar:backdrop, dialog headerbar, dialog headerbar:backdrop {
background: #23252e;
border: 0;
box-shadow: none; }
paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child { .titlebar:not(headerbar) viewswitcher button > stack > box.narrow,
.titlebar:not(headerbar) hdyviewswitcher > button box.narrow,
headerbar viewswitcher button > stack > box.narrow,
headerbar hdyviewswitcher > button box.narrow {
margin: -7px 0 -5px; }
.titlebar:not(headerbar) viewswitcher button > stack > box.wide,
.titlebar:not(headerbar) hdyviewswitcher > button box.wide,
headerbar viewswitcher button > stack > box.wide,
headerbar hdyviewswitcher > button box.wide {
margin: -8px 0; }
.default-decoration.titlebar:not(headerbar),
headerbar.default-decoration {
min-height: 0;
padding: 6px; }
.default-decoration.titlebar:not(headerbar) button.titlebutton,
headerbar.default-decoration button.titlebutton {
min-height: 0;
min-width: 0;
margin: 0; }
dialog .titlebar:not(headerbar), dialog headerbar, dialog headerbar:backdrop {
background: #23252e;
border: 0;
box-shadow: none; }
paned headerbar:first-child,
hdyleaflet headerbar:first-child,
headerbar.titlebar headerbar:first-child,
deck leaflet box:first-child headerbar:first-child,
leaflet > headerbar:first-child {
border-color: #0d0e11; border-color: #0d0e11;
background: #272a34; background: #272a34;
box-shadow: none; } box-shadow: none; }
paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop { paned headerbar:first-child:backdrop,
hdyleaflet headerbar:first-child:backdrop,
headerbar.titlebar headerbar:first-child:backdrop,
deck leaflet box:first-child headerbar:first-child:backdrop,
leaflet > headerbar:first-child:backdrop {
background: #292c37; } background: #292c37; }
/************** /**************
@ -5531,8 +5628,8 @@ infobar.info button.flat, infobar.info.action:hover button,
infobar.info.action:hover button.flat { infobar.info.action:hover button.flat {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #005af3; border-color: #186eff;
border-bottom-color: #0047c0; border-bottom-color: #0054e4;
background-image: image(#4b8eff); background-image: image(#4b8eff);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.info button:hover, infobar.info button:hover,
@ -5606,8 +5703,8 @@ infobar.question.action:hover button.flat, infobar.warning.action:hover button,
infobar.warning.action:hover button.flat { infobar.warning.action:hover button.flat {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ca6400; border-color: #ee7500;
border-bottom-color: #974b00; border-bottom-color: #bb5c00;
background-image: image(#ff8f22); background-image: image(#ff8f22);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.question button:hover, infobar.question button:hover,
@ -5700,8 +5797,8 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
infobar.error.action:hover > revealer > box button.flat { infobar.error.action:hover > revealer > box button.flat {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #911212; border-color: #b11515;
border-bottom-color: #640c0c; border-bottom-color: #841010;
background-image: image(#df1b1b); background-image: image(#df1b1b);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:hover,
@ -5785,6 +5882,15 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
infobar.error.action:hover > revealer > box button.flat { infobar.error.action:hover > revealer > box button.flat {
color: #ffffff; } color: #ffffff; }
/*********
* Lists *
*********/
row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active {
border-radius: 8px;
background-color: #23252e;
color: white;
box-shadow: inset 0 0 0 9999px #3b3e46, inset 0 0 0 3px #272a34; }
/********************* /*********************
* App Notifications * * App Notifications *
*********************/ *********************/
@ -5807,8 +5913,6 @@ calendar {
border-radius: 6px; border-radius: 6px;
border: 0; border: 0;
padding: 1px; } padding: 1px; }
calendar:selected {
border-radius: 999px; }
/*********** /***********
* Dialogs * * Dialogs *
@ -5822,6 +5926,9 @@ messagedialog .titlebar:backdrop {
.sidebar { .sidebar {
background-color: #23252e; } background-color: #23252e; }
stacksidebar row {
padding: 7px 3px; }
/**************** /****************
* File chooser * * File chooser *
****************/ ****************/
@ -5892,7 +5999,7 @@ filechooser placessidebar.sidebar:dir(rtl),
filechooser placessidebar.sidebar:backdrop, filechooser placessidebar.sidebar:backdrop,
.nautilus-window placessidebar.sidebar:backdrop { .nautilus-window placessidebar.sidebar:backdrop {
box-shadow: none; } background-image: none; }
filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected { .nautilus-window placessidebar.sidebar row.sidebar-row:selected {
@ -5900,10 +6007,8 @@ filechooser placessidebar.sidebar row.sidebar-row:selected,
margin-right: 6px; margin-right: 6px;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5);
transition: box-shadow 200ms ease-out; } transition: box-shadow 200ms ease-out;
filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, background-color: #2777ff; }
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop {
box-shadow: none; }
filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr),
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) {
background-image: linear-gradient(to right, #005af3 35px, transparent 0); } background-image: linear-gradient(to right, #005af3 35px, transparent 0); }
@ -5918,6 +6023,15 @@ filechooser placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label {
color: #ffffff; } color: #ffffff; }
filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop {
box-shadow: none;
background-image: none; }
filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-label,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-label {
color: #5b93f3; }
filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon {
@ -5941,6 +6055,10 @@ filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
.path-bar-box:backdrop { .path-bar-box:backdrop {
border-color: #0d0e11; } border-color: #0d0e11; }
/* GNOME TWEAKS */
list.tweak-categories separator {
background: transparent; }
/* XFCE4 PANEL */ /* XFCE4 PANEL */
.xfce4-panel.background { .xfce4-panel.background {
background: rgba(35, 37, 46, 0.8); } background: rgba(35, 37, 46, 0.8); }
@ -5961,9 +6079,15 @@ filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { .xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active {
box-shadow: inset 4px 0 0 #2777ff; } box-shadow: inset 4px 0 0 #2777ff; }
/* XFCE4 NOTIFICATIONS */ /* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */
#XfceNotifyWindow { #XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button {
background-color: #272a34; } border: 1px solid #0d0e11;
border-bottom-width: 2px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-gtk-icon-style: symbolic; }
.xfsm-logout-dialog > .vertical > .horizontal button {
margin: 8px; }
/* Whisker menu */ /* Whisker menu */
#whiskermenu-window entry { #whiskermenu-window entry {

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

@ -799,8 +799,8 @@ button.osd {
button.suggested-action { button.suggested-action {
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #005af3; border-color: #186eff;
border-bottom-color: #0047c0; border-bottom-color: #0054e4;
background-image: image(#4b8eff); background-image: image(#4b8eff);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
@ -945,8 +945,8 @@ button.suggested-action {
button.destructive-action { button.destructive-action {
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #a61414; border-color: #c61717;
border-bottom-color: #790e0e; border-bottom-color: #991212;
background-image: image(#e62b2b); background-image: image(#e62b2b);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
@ -1293,7 +1293,7 @@ modelbutton.flat,
outline-offset: -2px; } outline-offset: -2px; }
modelbutton.flat:hover, modelbutton.flat:hover,
.menuitem.button.flat:hover { .menuitem.button.flat:hover {
background-color: white; } background-color: #eaebec; }
modelbutton.flat arrow { modelbutton.flat arrow {
background: none; } background: none; }
@ -1722,8 +1722,8 @@ headerbar {
headerbar.selection-mode button { headerbar.selection-mode button {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #005af3; border-color: #186eff;
border-bottom-color: #0047c0; border-bottom-color: #0054e4;
background-image: image(#4b8eff); background-image: image(#4b8eff);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat,
@ -4539,30 +4539,27 @@ headerbar.selection-mode button.titlebutton,
.titlebar.selection-mode button.titlebutton:backdrop { .titlebar.selection-mode button.titlebutton:backdrop {
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
filechooser placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
.view text:selected:focus, .view text:selected:focus,
textview text:selected:focus, textview text:selected:focus,
.view text:selected, .view text:selected,
textview text:selected, .view text selection:focus, .view text selection, textview text:selected, .view text selection:focus, .view text selection,
textview text selection:focus, textview text selection:focus,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected,
entry selection, modelbutton.flat:selected, entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
background-color: #2777ff; } background-color: #2777ff; }
label:selected, .selection-mode button.titlebutton, filechooser placessidebar.sidebar row.sidebar-row:selected, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
.view text:selected:focus, .view text:selected:focus,
textview text:selected:focus, textview text:selected:focus,
.view text:selected, .view text:selected,
textview text:selected, .view text selection:focus, .view text selection, textview text:selected, .view text selection:focus, .view text selection,
textview text selection:focus, textview text selection:focus,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected,
entry selection, modelbutton.flat:selected, entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
color: #ffffff; } color: #ffffff; }
label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .view:disabled:selected,
textview text:disabled:selected:focus, textview text:disabled:selected:focus,
.view text:disabled:selected, .view text:disabled:selected,
textview text:disabled:selected, .view text selection:disabled, textview text:disabled:selected, .view text selection:disabled,
@ -4571,8 +4568,8 @@ entry selection, modelbutton.flat:selected,
entry selection:disabled, modelbutton.flat:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected,
.menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected {
color: #93bbff; } color: #93bbff; }
label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, filechooser placessidebar.sidebar row.sidebar-row:backdrop:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop,
.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop:selected, .view:backdrop:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop, label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected,
textview text:backdrop:selected:focus, textview text:backdrop:selected:focus,
.view text:backdrop:selected, .view text:backdrop:selected,
textview text:backdrop:selected, .view text selection:backdrop, textview text:backdrop:selected, .view text selection:backdrop,
@ -4581,8 +4578,8 @@ entry selection, modelbutton.flat:selected,
entry selection:backdrop, modelbutton.flat:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected,
.menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected {
color: #f7f7f7; } color: #f7f7f7; }
label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, filechooser placessidebar.sidebar row.sidebar-row:backdrop:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected:backdrop,
.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop:disabled:selected, .view:backdrop:disabled:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected:backdrop, label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected,
.view text:backdrop:disabled:selected, .view text:backdrop:disabled:selected,
textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled,
textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected,
@ -4730,7 +4727,7 @@ popover.emoji-completion contents row box {
padding: 2px 10px; } padding: 2px 10px; }
popover.emoji-completion .emoji:hover { popover.emoji-completion .emoji:hover {
background: white; } background: #eaebec; }
/*************************** /***************************
* Check and Radio buttons * * Check and Radio buttons *
@ -5268,18 +5265,18 @@ tabbar tab,
/********** /**********
* Button * * Button *
**********/ **********/
.titlebar stackswitcher button:active, .titlebar stackswitcher button:checked, .titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked,
.titlebar button.toggle:active, .titlebar:not(headerbar) button.toggle:active,
.titlebar button.toggle:checked, .titlebar:not(headerbar) button.toggle:checked,
headerbar stackswitcher button:active, headerbar stackswitcher button:active,
headerbar stackswitcher button:checked, headerbar stackswitcher button:checked,
headerbar button.toggle:active, headerbar button.toggle:active,
headerbar button.toggle:checked, button.flat:hover, button:active, button:checked { headerbar button.toggle:checked, button.flat:hover, button:active, button:checked {
background: #f2f2f2; background: #f2f2f2;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); }
.titlebar stackswitcher button:backdrop:active, .titlebar stackswitcher button:backdrop:checked, .titlebar:not(headerbar) stackswitcher button:backdrop:active, .titlebar:not(headerbar) stackswitcher button:backdrop:checked,
.titlebar button.toggle:backdrop:active, .titlebar:not(headerbar) button.toggle:backdrop:active,
.titlebar button.toggle:backdrop:checked, .titlebar:not(headerbar) button.toggle:backdrop:checked,
headerbar stackswitcher button:backdrop:active, headerbar stackswitcher button:backdrop:active,
headerbar stackswitcher button:backdrop:checked, headerbar stackswitcher button:backdrop:checked,
headerbar button.toggle:backdrop:active, headerbar button.toggle:backdrop:active,
@ -5299,6 +5296,96 @@ button.flat {
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
button.suggested-action {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #186eff;
border-bottom-color: #0054e4;
background-image: image(#4b8eff);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
button.suggested-action:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #005af3;
border-bottom-color: #0047c0;
background-image: image(#136aff);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
button.suggested-action:active, button.suggested-action:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #005af3;
background-image: image(#0053df);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
button.suggested-action:backdrop, button.suggested-action.flat:backdrop {
color: #d4e4ff;
border-color: #2777ff;
background-image: image(#2777ff);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked {
color: #d2e3ff;
border-color: #1e71fe;
background-image: image(#1e71fe);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked {
color: #6da3fe;
border-color: #1e71fe;
background-image: image(#1e71fe);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
color: #a5c6ff;
border-color: #005af3;
background-image: image(#1e71fe);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #c61717;
border-bottom-color: #991212;
background-image: image(#e62b2b);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
button.destructive-action:hover {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #a61414;
border-bottom-color: #790e0e;
background-image: image(#c21717);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
button.destructive-action:active, button.destructive-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #a61414;
background-image: image(#941111);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
button.destructive-action:backdrop, button.destructive-action.flat:backdrop {
color: #f6d1d1;
border-color: #d41919;
background-image: image(#d41919);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked {
color: #f4d4d4;
border-color: #c72626;
background-image: image(#c72626);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked {
color: #da7272;
border-color: #c72626;
background-image: image(#c72626);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
color: #e8a8a8;
border-color: #a61414;
background-image: image(#c72626);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
/********** /**********
* Entry * * Entry *
**********/ **********/
@ -5385,7 +5472,6 @@ scale slider {
/*************** /***************
* Header bars * * Header bars *
***************/ ***************/
.titlebar,
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: #f2f2f2 -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png")), linear-gradient(to top, #ededed, whitesmoke);
@ -5393,41 +5479,52 @@ headerbar {
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; }
.titlebar:backdrop,
headerbar:backdrop { headerbar:backdrop {
background-image: -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png")); 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; }
.titlebar viewswitcher button > stack > box.narrow,
.titlebar hdyviewswitcher > button box.narrow,
headerbar viewswitcher button > stack > box.narrow,
headerbar hdyviewswitcher > button box.narrow {
margin: -7px 0 -5px; }
.titlebar viewswitcher button > stack > box.wide,
.titlebar hdyviewswitcher > button box.wide,
headerbar viewswitcher button > stack > box.wide,
headerbar hdyviewswitcher > button box.wide {
margin: -8px 0; }
.titlebar.default-decoration,
headerbar.default-decoration {
min-height: 0;
padding: 6px; }
.titlebar.default-decoration button.titlebutton,
headerbar.default-decoration button.titlebutton {
min-height: 0;
min-width: 0;
margin: 0; }
dialog .titlebar, dialog .titlebar:backdrop, dialog headerbar, dialog headerbar:backdrop {
background: #ffffff;
border: 0;
box-shadow: none; }
paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child { .titlebar:not(headerbar) viewswitcher button > stack > box.narrow,
.titlebar:not(headerbar) hdyviewswitcher > button box.narrow,
headerbar viewswitcher button > stack > box.narrow,
headerbar hdyviewswitcher > button box.narrow {
margin: -7px 0 -5px; }
.titlebar:not(headerbar) viewswitcher button > stack > box.wide,
.titlebar:not(headerbar) hdyviewswitcher > button box.wide,
headerbar viewswitcher button > stack > box.wide,
headerbar hdyviewswitcher > button box.wide {
margin: -8px 0; }
.default-decoration.titlebar:not(headerbar),
headerbar.default-decoration {
min-height: 0;
padding: 6px; }
.default-decoration.titlebar:not(headerbar) button.titlebutton,
headerbar.default-decoration button.titlebutton {
min-height: 0;
min-width: 0;
margin: 0; }
dialog .titlebar:not(headerbar), dialog headerbar, dialog headerbar:backdrop {
background: #ffffff;
border: 0;
box-shadow: none; }
paned headerbar:first-child,
hdyleaflet headerbar:first-child,
headerbar.titlebar headerbar:first-child,
deck leaflet box:first-child headerbar:first-child,
leaflet > headerbar:first-child {
border-color: #d9d9d9; border-color: #d9d9d9;
background: #fafafa; background: #fafafa;
box-shadow: none; } box-shadow: none; }
paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop { paned headerbar:first-child:backdrop,
hdyleaflet headerbar:first-child:backdrop,
headerbar.titlebar headerbar:first-child:backdrop,
deck leaflet box:first-child headerbar:first-child:backdrop,
leaflet > headerbar:first-child:backdrop {
background: #f7f7f7; } background: #f7f7f7; }
/************** /**************
@ -5552,8 +5649,8 @@ infobar.info button.flat, infobar.info.action:hover button,
infobar.info.action:hover button.flat { infobar.info.action:hover button.flat {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #005af3; border-color: #186eff;
border-bottom-color: #0047c0; border-bottom-color: #0054e4;
background-image: image(#4b8eff); background-image: image(#4b8eff);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
infobar.info button:hover, infobar.info button:hover,
@ -5627,8 +5724,8 @@ infobar.question.action:hover button.flat, infobar.warning.action:hover button,
infobar.warning.action:hover button.flat { infobar.warning.action:hover button.flat {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #ca6400; border-color: #ee7500;
border-bottom-color: #974b00; border-bottom-color: #bb5c00;
background-image: image(#ff8f22); background-image: image(#ff8f22);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
infobar.question button:hover, infobar.question button:hover,
@ -5721,8 +5818,8 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
infobar.error.action:hover > revealer > box button.flat { infobar.error.action:hover > revealer > box button.flat {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #911212; border-color: #b11515;
border-bottom-color: #640c0c; border-bottom-color: #841010;
background-image: image(#df1b1b); background-image: image(#df1b1b);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:hover,
@ -5806,6 +5903,15 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
infobar.error.action:hover > revealer > box button.flat { infobar.error.action:hover > revealer > box button.flat {
color: #ffffff; } color: #ffffff; }
/*********
* Lists *
*********/
row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active {
border-radius: 8px;
background-color: #ffffff;
color: black;
box-shadow: inset 0 0 0 9999px #eaebec, inset 0 0 0 3px #fafafa; }
/********************* /*********************
* App Notifications * * App Notifications *
*********************/ *********************/
@ -5828,8 +5934,6 @@ calendar {
border-radius: 6px; border-radius: 6px;
border: 0; border: 0;
padding: 1px; } padding: 1px; }
calendar:selected {
border-radius: 999px; }
/*********** /***********
* Dialogs * * Dialogs *
@ -5843,6 +5947,9 @@ messagedialog .titlebar:backdrop {
.sidebar { .sidebar {
background-color: #ffffff; } background-color: #ffffff; }
stacksidebar row {
padding: 7px 3px; }
/**************** /****************
* File chooser * * File chooser *
****************/ ****************/
@ -5913,7 +6020,7 @@ filechooser placessidebar.sidebar:dir(rtl),
filechooser placessidebar.sidebar:backdrop, filechooser placessidebar.sidebar:backdrop,
.nautilus-window placessidebar.sidebar:backdrop { .nautilus-window placessidebar.sidebar:backdrop {
box-shadow: none; } background-image: none; }
filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected { .nautilus-window placessidebar.sidebar row.sidebar-row:selected {
@ -5921,10 +6028,8 @@ filechooser placessidebar.sidebar row.sidebar-row:selected,
margin-right: 6px; margin-right: 6px;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5);
transition: box-shadow 200ms ease-out; } transition: box-shadow 200ms ease-out;
filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, background-color: #2777ff; }
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop {
box-shadow: none; }
filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr),
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) {
background-image: linear-gradient(to right, #005af3 35px, transparent 0); } background-image: linear-gradient(to right, #005af3 35px, transparent 0); }
@ -5939,6 +6044,15 @@ filechooser placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label {
color: #ffffff; } color: #ffffff; }
filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop {
box-shadow: none;
background-image: none; }
filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-label,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-label {
color: #669efd; }
filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon {
@ -5962,6 +6076,10 @@ filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
.path-bar-box:backdrop { .path-bar-box:backdrop {
border-color: #d9d9d9; } border-color: #d9d9d9; }
/* GNOME TWEAKS */
list.tweak-categories separator {
background: transparent; }
/* XFCE4 PANEL */ /* XFCE4 PANEL */
.xfce4-panel.background { .xfce4-panel.background {
background: rgba(255, 255, 255, 0.9); } background: rgba(255, 255, 255, 0.9); }
@ -5982,9 +6100,15 @@ filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { .xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active {
box-shadow: inset 4px 0 0 #2777ff; } box-shadow: inset 4px 0 0 #2777ff; }
/* XFCE4 NOTIFICATIONS */ /* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */
#XfceNotifyWindow { #XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button {
background-color: #272a34; } border: 1px solid #d9d9d9;
border-bottom-width: 2px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-gtk-icon-style: symbolic; }
.xfsm-logout-dialog > .vertical > .horizontal button {
margin: 8px; }
/* Whisker menu */ /* Whisker menu */
#whiskermenu-window entry { #whiskermenu-window entry {