he4et/Desolate-GTK
1
0
Fork 0
mirror of https://github.com/He4eT/Desolate-GTK.git synced 2026-05-05 01:47:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

general: switches and sliders

Browse source
This commit is contained in:
He4eT 2024-08-11 15:53:26 +02:00
commit eaa903c489
2 changed files with 62 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

2
general/dark.css
View file

@ -58,7 +58,7 @@ levelbar block,
scale highlight, scale highlight,
button.suggested-action, button.suggested-action,
button.destructive-action { button.destructive-action {
background-clip: border-box; background-clip: padding-box;
} }
.window-frame, .window-frame:backdrop { .window-frame, .window-frame:backdrop {

98
general/widgets.css
View file

@ -130,8 +130,10 @@ scale trough,
levelbar trough, levelbar trough,
/* menu, */ /* menu, */
/* .menu, */ /* .menu, */
editablelabel > stack > text editablelabel > stack > text {
{ border-width: 1px; border-style: solid; } /* widget borders */ border-width: 1px;
border-style: solid;
} /* widget borders */
scale:hover slider, scale:hover slider,
scale.marks-after slider:hover, scale.marks-after slider:hover,
@ -181,8 +183,9 @@ levelbar block.high,
scale highlight, scale highlight,
switch, switch,
switch slider, switch slider,
menu menu {
{border-color: @gtk_transparent_borders;} border-color: @gtk_transparent_borders;
}
/* use this if gtk4 doesnt respond to the background-clip of widgets */ /* use this if gtk4 doesnt respond to the background-clip of widgets */
@ -194,8 +197,9 @@ progress trough,
scale highlight, scale highlight,
scale trough, scale trough,
levelbar trough, levelbar trough,
levelbar block levelbar block {
{box-shadow: inset 0 0 0 1px alpha(black,0.01);} box-shadow: inset 0 0 0 1px alpha(black,0.01);
}
button, button,
.inline-toolbar button.flat, .inline-toolbar button.flat,
@ -216,8 +220,7 @@ switch slider,
progressbar progress, progressbar progress,
levelbar block:not(.empty), levelbar block:not(.empty),
levelbar block.high, levelbar block.high,
scale highlight scale highlight,
,
/**/ /**/
spinbutton:not(.vertical), spinbutton:not(.vertical),
spinbutton.vertical, spinbutton.vertical,
@ -231,8 +234,8 @@ iconview.content-view.check:not(list),
.view check:not(:checked):selected, .view check:not(:checked):selected,
.view radio:not(:checked):selected , .view radio:not(:checked):selected ,
check.view:not(treeview):not(:checked):selected, check.view:not(treeview):not(:checked):selected,
radio.view:not(treeview):not(:checked):selected radio.view:not(treeview):not(:checked):selected,
, /**/
button:checked, button:checked,
.titlebar .linked button:not(.suggested-action):not(.destructive-action):checked, .titlebar .linked button:not(.suggested-action):not(.destructive-action):checked,
.titlebar button:not(.suggested-action):not(.destructive-action).text-button:checked, .titlebar button:not(.suggested-action):not(.destructive-action).text-button:checked,
@ -485,16 +488,21 @@ headerbar.toolbar button:not(.suggested-action):not(.destructive-action).text-b
button, button,
.inline-toolbar button.flat, .inline-toolbar button.flat,
.inline-toolbar button .inline-toolbar button {
{background-color: @gtk_button_color;} background-color: @gtk_button_color;
}
.osd spinbutton:not(.vertical) button, .osd spinbutton:not(.vertical) button,
.osd spinbutton:not(.vertical) entry, .osd spinbutton:not(.vertical) entry,
spinbutton:not(.vertical) button, spinbutton:not(.vertical) button,
spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry,
spinbutton.vertical button, spinbutton.vertical button,
spinbutton.vertical entry spinbutton.vertical entry {
{background-color: transparent; border: none; box-shadow: none; background-image: none;} background-color: transparent;
border: none;
box-shadow: none;
background-image: none;
}
/* TitleButton */ /* TitleButton */
@ -598,8 +606,9 @@ spinbutton.vertical button:hover,
calendar header button:hover, calendar header button:hover,
.osd button.flat:hover, .osd button.flat:hover,
.sidebar actionbar.inline-toolbar button:hover, .sidebar actionbar.inline-toolbar button:hover,
actionbar.flat button:hover actionbar.flat button:hover {
{background-color: alpha(@gtk_selected_bg_color, 0.4);} background-color: alpha(@gtk_selected_bg_color, 0.4);
}
/* Checked State */ /* Checked State */
@ -650,8 +659,9 @@ calendar header button:checked,
.sidebar actionbar.inline-toolbar button:checked, .sidebar actionbar.inline-toolbar button:checked,
actionbar.flat button:checked, actionbar.flat button:checked,
headerbar.toolbar .linked button:not(.suggested-action):not(.destructive-action):checked, headerbar.toolbar .linked button:not(.suggested-action):not(.destructive-action):checked,
headerbar.toolbar button:not(.suggested-action):not(.destructive-action).text-button:checked headerbar.toolbar button:not(.suggested-action):not(.destructive-action).text-button:checked {
{background-image: image(alpha(@gtk_selected_bg_color,0.60));} background-image: image(alpha(@gtk_selected_bg_color,0.60));
}
/* Disabled State */ /* Disabled State */
button:disabled, button:disabled,
@ -911,8 +921,10 @@ treeview.view radio:checked,
treeview.view radio:indeterminate, treeview.view radio:indeterminate,
treeview.view.content-view.check:not(list):checked, treeview.view.content-view.check:not(list):checked,
iconview.content-view.check:not(list):checked, iconview.content-view.check:not(list):checked,
.content-view:not(list) check:checked .content-view:not(list) check:checked {
{color: @gtk_selected_fg_color; background-color: shade(@gtk_selected_bg_color,1.9);} /* color: @gtk_selected_fg_color; */
/* border-color: @gtk_transparent_borders; */
}
/* Sizes of check and radio */ /* Sizes of check and radio */
check, check,
@ -1029,42 +1041,55 @@ scale trough,
levelbar trough, levelbar trough,
levelbar block{border-color: @gtk_transparent_borders;} levelbar block{border-color: @gtk_transparent_borders;}
progressbar progress, /* progressbar progress, */
scale highlight{margin: -1px;} /* scale highlight{margin: -1px;} */
switch:checked, switch:checked,
progressbar progress, progressbar progress,
levelbar block:not(.empty), levelbar block:not(.empty),
levelbar block.high, levelbar block.high,
scale highlight scale highlight {
{color: @gtk_selected_fg_color; background-color: @gtk_selected_bg_color;} color: @gtk_selected_fg_color;
background-color: @gtk_selected_bg_color;
}
switch image, switch image,
switch image:backdrop, switch image:backdrop,
.titlebar switch image, .titlebar switch image,
.titlebar switch image:backdrop, .titlebar switch image:backdrop,
switch:disabled image, switch:disabled image,
.titlebar switch image:disabled {color:transparent;} .titlebar switch image:disabled {
color:transparent;
}
switch, switch, switch slider{border-radius: 0.0px;}
switch slider{border-radius: 0.0px;}
switch{color: currentcolor; background-color: shade(@gtk_bg_color, 0.8);} switch{
color: currentcolor;
background-color: @gtk_bg_color;
}
switch slider { switch slider {
margin: -1px; min-height: 20px;
background-color: mix(@gtk_bg_color, @gtk_fg_color, 0.1); min-width: 20px;
min-height: 22px; border-width: 2px;
min-width: 22px; background-color: @gtk_button_color;
border-color: @gtk_selected_bg_color;
} }
switch:disabled, switch:disabled,
switch slider:disabled, switch slider:disabled,
switch slider:checked:disabled { background-color: alpha(currentcolor,1.15); box-shadow: none; background: none;} switch slider:checked:disabled {
box-shadow: none;
background: none;
border-color: @gtk_transparent_borders;
}
switch:checked:disabled, switch:checked:disabled,
scale highlight:disabled, scale highlight:disabled,
scale > highlight:disabled{ background-color: alpha(@gtk_selected_bg_color,0.5);} scale > highlight:disabled{
background-color: alpha(@gtk_selected_bg_color,0.5);
}
/* Scale slider */ /* Scale slider */
@ -1073,12 +1098,12 @@ scale trough{
} }
scale slider{ scale slider{
background-color: shade(@gtk_selected_bg_color,1.2);
box-shadow: none; box-shadow: none;
border-radius: 0.0px; border-radius: 0.0px;
border-width: 1px; border-width: inherit;
border-style: solid; border-style: solid;
border-color: @gtk_selected_bg_color; border-color: @gtk_selected_bg_color;
background-color: @gtk_button_color;
} }
scale.horizontal slider{ padding: 11px 5px; margin: -10px 0;} scale.horizontal slider{ padding: 11px 5px; margin: -10px 0;}
@ -1087,7 +1112,6 @@ scale.vertical slider{ padding: 5px 11px; margin: 0 -10px;}
scale:hover slider, scale:hover slider,
scale.marks-after slider, scale.marks-after slider,
scale.marks-before slider{ scale.marks-before slider{
background-color: shade(@gtk_selected_bg_color, 1.5);
border-color: @gtk_selected_bg_color; border-color: @gtk_selected_bg_color;
} }