summaryrefslogtreecommitdiff
path: root/themes/vimix-vski
diff options
context:
space:
mode:
authordavidovski <david@davidovski.xyz>2024-05-04 01:15:19 +0100
committerdavidovski <david@davidovski.xyz>2024-05-04 01:15:19 +0100
commit416cb1a8dd5bf3ed6f426048843c95c2e2550f27 (patch)
tree023a75cf0b5926fa25c62f6be923e589bfab0d57 /themes/vimix-vski
parent2596f818e085ed724597ecb0028ec2536392203b (diff)
add more transparency
Diffstat (limited to 'themes/vimix-vski')
-rw-r--r--themes/vimix-vski/gtk-3.0/gtk.css280
1 files changed, 140 insertions, 140 deletions
diff --git a/themes/vimix-vski/gtk-3.0/gtk.css b/themes/vimix-vski/gtk-3.0/gtk.css
index 5d94fbf..7d8b75f 100644
--- a/themes/vimix-vski/gtk-3.0/gtk.css
+++ b/themes/vimix-vski/gtk-3.0/gtk.css
@@ -39,7 +39,7 @@
}
.background {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
@@ -48,22 +48,22 @@
}
.gtkstyle-fallback {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
.gtkstyle-fallback:hover {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
.gtkstyle-fallback:active {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
.gtkstyle-fallback:disabled {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
@@ -73,7 +73,7 @@
}
iconview, .view {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
@@ -87,7 +87,7 @@ iconview:disabled, .view:disabled {
}
textview text {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
@@ -96,7 +96,7 @@ textview text:disabled {
}
textview border {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.45);
}
@@ -272,11 +272,11 @@ notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), popover.ba
}
spinbutton:not(.vertical), entry {
- border: 1px solid #191919;
+ border: 1px solid rgba(25, 25, 25, 192);
box-shadow: none;
border-image: none;
border-radius: 3px;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.7);
}
@@ -285,15 +285,15 @@ spinbutton:focus:not(.vertical), entry:focus {
box-shadow: none;
border-image: none;
border-radius: 3px;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
spinbutton:disabled:not(.vertical), entry:disabled {
- border: 1px solid #191919;
+ border: 1px solid rgba(25, 25, 25, 192);
box-shadow: none;
border-image: none;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.45);
}
@@ -302,7 +302,7 @@ spinbutton:disabled:not(.vertical), entry:disabled {
border: none;
border-image: none;
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.7);
}
@@ -315,7 +315,7 @@ spinbutton:disabled:not(.vertical), entry:disabled {
.background .gedit-search-slider > .linked:not(.vertical) > entry:disabled, .background entry:disabled {
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.45);
}
@@ -348,7 +348,7 @@ entry image.right {
entry undershoot.left {
background-color: transparent;
- background-image: linear-gradient(to top, alpha(#191919, 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
+ background-image: linear-gradient(to top, alpha(rgba(25, 25, 25, 192), 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
padding-left: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
@@ -358,7 +358,7 @@ entry undershoot.left {
entry undershoot.right {
background-color: transparent;
- background-image: linear-gradient(to top, alpha(#191919, 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
+ background-image: linear-gradient(to top, alpha(rgba(25, 25, 25, 192), 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
padding-right: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
@@ -384,7 +384,7 @@ entry undershoot.right {
.background entry.error:disabled, .background entry.search.error:disabled {
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.45);
}
@@ -429,7 +429,7 @@ entry undershoot.right {
.background entry.warning:disabled, .background entry.search.warning:disabled {
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.45);
}
@@ -512,7 +512,7 @@ treeview entry.flat, treeview entry {
min-height: 0;
padding: 2px;
border-radius: 3px;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
@@ -678,7 +678,7 @@ button {
font-weight: 500;
border: 1px solid #707880;
box-shadow: none;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.7);
}
@@ -710,7 +710,7 @@ button:checked:disabled {
.background button {
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12), inset 0 0 0 9999px transparent;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
background-image: radial-gradient(circle farthest-corner at center, transparent 100%, transparent 0%);
background-repeat: no-repeat;
background-position: center;
@@ -1301,7 +1301,7 @@ combobox entry.combo {
box-shadow: none;
border-image: none;
border-radius: 3px;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.7);
}
@@ -1310,7 +1310,7 @@ combobox entry.combo:focus {
box-shadow: none;
border-image: none;
border-radius: 3px;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
@@ -1318,7 +1318,7 @@ combobox entry.combo:disabled {
border: 1px solid #707880;
box-shadow: none;
border-image: none;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.45);
}
@@ -1409,7 +1409,7 @@ combobox:drop(active) {
toolbar {
-GtkWidget-window-dragging: true;
padding: 3px;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
.osd toolbar {
@@ -1420,7 +1420,7 @@ frame.documents-dropdown, .app-notification, toolbar.osd {
padding: 6px;
border-radius: 2px;
box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.2), 0 2px 3px -1px rgba(0, 0, 0, 0.14), 0 3px 4px -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
@@ -1493,7 +1493,7 @@ window.background stack scrolledwindow :not(stackswitcher).linked button:checked
border-style: solid;
border-width: 0 1px 1px;
border-color: rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
searchbar > revealer > box,
@@ -1502,7 +1502,7 @@ searchbar > revealer > box,
border-style: solid;
border-width: 0 0 1px;
border-color: rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
background-clip: border-box;
}
@@ -1603,7 +1603,7 @@ headerbar {
min-height: 36px;
padding: 0 12px;
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
@@ -1785,7 +1785,7 @@ headerbar .linked:not(.vertical).path-bar > button:checked:hover {
headerbar separator, headerbar separator.titlebutton {
min-width: 0;
min-height: 0;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
border: none;
}
@@ -1900,8 +1900,8 @@ window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerb
.titlebar:not(headerbar) > separator {
min-width: 1px;
min-height: 1px;
- background-color: #191919;
- background-image: image(#191919);
+ background-color: rgba(25, 25, 25, 192);
+ background-image: image(rgba(25, 25, 25, 192));
border: none;
}
@@ -1918,7 +1918,7 @@ window.background > box.vertical > headerbar:not(.titlebar) {
}
window.background > box.vertical > headerbar:not(.titlebar), window.background > box.vertical > headerbar:not(.titlebar):backdrop {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop {
@@ -2096,7 +2096,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
}
treeview.view header button, treeview.view header button:disabled {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
treeview.view header button:last-child {
@@ -2111,7 +2111,7 @@ treeview.view header.button.dnd {
border-color: rgba(255, 255, 255, 0.12);
border-radius: 0;
box-shadow: none;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
background-clip: border-box;
color: #707880;
}
@@ -2125,7 +2125,7 @@ menubar,
-GtkWidget-window-dragging: true;
padding: 0;
color: rgba(255, 255, 255, 0.7);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
menubar:backdrop,
@@ -2390,7 +2390,7 @@ popover.background list separator {
notebook > header {
border-width: 1px;
border-color: rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
background-clip: border-box;
}
@@ -2532,7 +2532,7 @@ notebook > header tab:hover {
notebook > header tab:hover.reorderable-page {
border-color: rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
notebook > header tab:disabled {
@@ -2552,7 +2552,7 @@ notebook > header tab:checked:disabled {
notebook > header tab:checked.reorderable-page {
border-color: rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
notebook > header tab button.flat {
@@ -2600,7 +2600,7 @@ notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs t
}
notebook > stack:not(:only-child) {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
notebook button.toggle {
@@ -2613,7 +2613,7 @@ notebook button.toggle {
scrollbar {
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
background-clip: border-box;
}
@@ -2683,14 +2683,14 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
min-width: 4px;
min-height: 4px;
margin: 3px;
- border: 1px solid alpha(#191919, 0.3);
+ border: 1px solid alpha(rgba(25, 25, 25, 192), 0.3);
}
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
min-width: 4px;
min-height: 4px;
margin: 3px;
- border: 1px solid alpha(#191919, 0.3);
+ border: 1px solid alpha(rgba(25, 25, 25, 192), 0.3);
border-radius: 9999px;
background-color: rgba(255, 255, 255, 0.45);
background-clip: padding-box;
@@ -2718,7 +2718,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
}
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
- background-color: alpha(#191919, 0.9);
+ background-color: alpha(rgba(25, 25, 25, 192), 0.9);
}
scrollbar.horizontal slider {
@@ -3395,13 +3395,13 @@ levelbar trough {
border: none;
border-image: none;
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.7);
}
levelbar trough:disabled {
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.45);
}
@@ -3441,7 +3441,7 @@ levelbar block.empty {
printdialog paper {
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
@@ -3547,7 +3547,7 @@ overshoot.right {
undershoot.top {
background-color: transparent;
- background-image: linear-gradient(to left, alpha(#191919, 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
+ background-image: linear-gradient(to left, alpha(rgba(25, 25, 25, 192), 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
padding-top: 1px;
background-size: 12px 1px;
background-repeat: repeat-x;
@@ -3557,7 +3557,7 @@ undershoot.top {
undershoot.bottom {
background-color: transparent;
- background-image: linear-gradient(to left, alpha(#191919, 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
+ background-image: linear-gradient(to left, alpha(rgba(25, 25, 25, 192), 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
padding-bottom: 1px;
background-size: 12px 1px;
background-repeat: repeat-x;
@@ -3567,7 +3567,7 @@ undershoot.bottom {
undershoot.left {
background-color: transparent;
- background-image: linear-gradient(to top, alpha(#191919, 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
+ background-image: linear-gradient(to top, alpha(rgba(25, 25, 25, 192), 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
padding-left: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
@@ -3577,7 +3577,7 @@ undershoot.left {
undershoot.right {
background-color: transparent;
- background-image: linear-gradient(to top, alpha(#191919, 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
+ background-image: linear-gradient(to top, alpha(rgba(25, 25, 25, 192), 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
padding-right: 1px;
background-size: 1px 12px;
background-repeat: repeat-y;
@@ -3589,7 +3589,7 @@ junction {
border-style: solid none none solid;
border-width: 1px;
border-color: rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
junction:dir(rtl) {
@@ -3609,7 +3609,7 @@ separator.selection-mode.sidebar {
list {
border-color: rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
list.content:not(.conversation-listbox) {
@@ -3830,7 +3830,7 @@ filechooser .dialog-action-box {
filechooser #pathbarbox {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
filechooserbutton:drop(active) {
@@ -3896,7 +3896,7 @@ stacksidebar row > label {
}
placessidebar {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
placessidebar > viewport.frame {
@@ -4004,7 +4004,7 @@ paned > separator {
paned > separator.wide {
min-width: 6px;
min-height: 6px;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
background-image: image(#707880), image(#707880);
background-size: 1px 1px, 1px 1px;
}
@@ -4133,7 +4133,7 @@ tooltip {
tooltip.background {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
- background-color: alpha(#191919, 0.9);
+ background-color: alpha(rgba(25, 25, 25, 192), 0.9);
}
tooltip:not(.csd) {
@@ -4262,7 +4262,7 @@ colorchooser .popover.osd {
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 2px;
box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.2), 0 2px 3px -1px rgba(0, 0, 0, 0.14), 0 3px 4px -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
colorchooser .popover.osd:backdrop {
@@ -4270,7 +4270,7 @@ colorchooser .popover.osd:backdrop {
}
.content-view {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
decoration {
@@ -4316,7 +4316,7 @@ messagedialog.csd decoration {
padding: 1px 2px 2px;
border: 1px solid #1e1f21;
border-radius: 0;
- box-shadow: inset 0 0 0 2px #191919, inset 0 1px rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 0 0 2px rgba(25, 25, 25, 192), inset 0 1px rgba(255, 255, 255, 0.1);
background-color: #707880;
}
@@ -4615,7 +4615,7 @@ row button.circular {
border: solid 1px rgba(255, 255, 255, 0.12);
border-radius: 3px;
box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
font-size: smaller;
}
@@ -4849,7 +4849,7 @@ window.background stack scrolledwindow stackswitcher.stack-switcher button:check
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
- background: #191919;
+ background: rgba(25, 25, 25, 192);
}
.nautilus-window notebook > header.top tabs,
@@ -4960,7 +4960,7 @@ filechooser placessidebar.sidebar row.sidebar-row:selected:hover,
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 0;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
background-clip: border-box;
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
}
@@ -5147,7 +5147,7 @@ paned.titlebar.horizontal > separator {
.background .gedit-search-slider > .linked:not(.vertical) > entry.search.error:disabled {
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.45);
}
@@ -5192,7 +5192,7 @@ paned.titlebar.horizontal > separator {
.background .gedit-search-slider > .linked:not(.vertical) > entry.search.warning:disabled {
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.45);
}
@@ -5225,7 +5225,7 @@ notebook > stack:not(:only-child) revealer .gedit-search-slider .linked:not(.ver
}
window.background > box.vertical > overlay > stack > widget > stack > box.vertical > scrolledwindow > viewport.frame > widget > list {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
window.background > box.vertical > overlay > stack > widget > stack > box.vertical > scrolledwindow > viewport.frame > widget > list > separator {
@@ -5234,11 +5234,11 @@ window.background > box.vertical > overlay > stack > widget > stack > box.vertic
}
window.background > box.vertical > overlay > stack > widget > stack widget > box.vertical.app-list {
- background-image: image(#191919);
+ background-image: image(rgba(25, 25, 25, 192));
}
window.background > box.vertical > overlay > stack > widget > stack widget > box.vertical.app-list > box.vertical > list {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
window.background > box.vertical > overlay > stack > widget > stack widget > box.vertical.app-list separator {
@@ -5247,13 +5247,13 @@ window.background > box.vertical > overlay > stack > widget > stack widget > box
}
.category_page_header_filter_box {
- background-image: image(#191919);
+ background-image: image(rgba(25, 25, 25, 192));
border-image: linear-gradient(to bottom, #707880, #707880) 0 0 1 0/0 0 1px 0 stretch;
}
.category_page_header_filter_box button {
color: rgba(255, 255, 255, 0.7);
- background-image: image(#191919);
+ background-image: image(rgba(25, 25, 25, 192));
}
.category_page_header_filter_box button:hover {
@@ -5269,7 +5269,7 @@ window.background > box.vertical > overlay > stack > widget > stack widget > box
}
.application-details-infobar {
- background-image: image(#191919);
+ background-image: image(rgba(25, 25, 25, 192));
border-image: linear-gradient(to bottom, #707880, #707880) 1 1 1 1/1px 1px 1px 1px stretch;
}
@@ -5311,8 +5311,8 @@ window.background > box.vertical box.horizontal > box.vertical > scrolledwindow
}
window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header {
- background-image: image(#191919);
- background-color: #191919;
+ background-image: image(rgba(25, 25, 25, 192));
+ background-color: rgba(25, 25, 25, 192);
color: #707880;
}
@@ -5343,7 +5343,7 @@ popover.background.dzlmenubutton button.dzlmenubuttonitem:active label, popover.
}
perspectiveswitcher {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
perspectiveswitcher button:checked {
@@ -5352,7 +5352,7 @@ perspectiveswitcher button:checked {
layouttabbar {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
layouttabbar > box > button {
@@ -5365,7 +5365,7 @@ layouttab {
border-width: 1px;
border-color: rgba(255, 255, 255, 0.12);
box-shadow: inset 0 -2px #707880;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
layouttab separator.vertical {
@@ -5416,13 +5416,13 @@ dockpaned {
eggsearchbar box.search-bar {
padding: 0 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
docktabstrip {
padding: 0 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
docktab {
@@ -5450,7 +5450,7 @@ docktab:checked {
}
dockoverlayedge {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
dockoverlayedge docktabstrip {
@@ -5475,7 +5475,7 @@ dockoverlayedge.right-edge docktab:checked {
}
pillbox {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
border-radius: 2px;
}
@@ -5485,7 +5485,7 @@ buildperspective row {
layoutpane entry.search {
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
editortweak entry.search {
@@ -5765,7 +5765,7 @@ button.title label {
}
.tweak-categories {
- background-image: image(#191919);
+ background-image: image(rgba(25, 25, 25, 192));
}
.tweak-categories separator {
@@ -5785,16 +5785,16 @@ button.title label {
.tweak-group-#c5c8c6,
.tweak-#c5c8c6,
.tweak-#c5c8c6:hover {
- background-image: image(#191919);
+ background-image: image(rgba(25, 25, 25, 192));
}
.tweak-startup,
.tweak-startup:hover {
- background-image: image(#191919);
+ background-image: image(rgba(25, 25, 25, 192));
}
.tweak-group-startup {
- background-image: image(#191919);
+ background-image: image(rgba(25, 25, 25, 192));
border: 1px solid rgba(255, 255, 255, 0.12);
}
@@ -5943,7 +5943,7 @@ window.background:not(.csd) > widget > entry {
box-shadow: none;
border-image: none;
border-radius: 3px;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.7);
}
@@ -5952,7 +5952,7 @@ window.background:not(.csd) > widget > entry:focus {
box-shadow: none;
border-image: none;
border-radius: 3px;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
@@ -5960,14 +5960,14 @@ window.background:not(.csd) > widget > entry:disabled {
border: 1px solid #707880;
box-shadow: none;
border-image: none;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.45);
}
window.background:not(.csd) > widget > button > button, window.background:not(.csd) > widget > button.combo > button {
border: 1px solid #707880;
box-shadow: none;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.7);
}
@@ -6014,7 +6014,7 @@ window.background:not(.csd) > widget > frame {
window.background:not(.csd) > menu,
window.background:not(.csd) > menu > menu {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
window.background:not(.csd) > menu menuitem,
@@ -6066,7 +6066,7 @@ window.background:not(.csd) > menu > separator {
}
#MozillaGtkWidget.background {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
#MozillaGtkWidget.background, #MozillaGtkWidget.background decoration {
@@ -6081,7 +6081,7 @@ window.background:not(.csd) > menu > separator {
#MozillaGtkWidget.background frame,
#MozillaGtkWidget.background separator,
#MozillaGtkWidget.background scrolledwindow {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
#MozillaGtkWidget.background scrollbar {
@@ -6089,7 +6089,7 @@ window.background:not(.csd) > menu > separator {
}
#MozillaGtkWidget.background > window.background > menu {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
#MozillaGtkWidget.background > window.background > menu > separator {
@@ -6179,7 +6179,7 @@ window.background:not(.csd) > menu > separator {
}
#MozillaGtkWidget.background > widget > scrolledwindow > textview {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
#MozillaGtkWidget.background > widget > scrolledwindow > textview text {
@@ -6190,7 +6190,7 @@ window.background:not(.csd) > menu > separator {
#MozillaGtkWidget.background > widget > button > button, #MozillaGtkWidget.background > widget > button.combo > button {
border: 1px solid #707880;
box-shadow: none;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.7);
}
@@ -6224,7 +6224,7 @@ window.background:not(.csd) > menu > separator {
box-shadow: none;
border-image: none;
border-radius: 3px;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.7);
}
@@ -6233,7 +6233,7 @@ window.background:not(.csd) > menu > separator {
box-shadow: none;
border-image: none;
border-radius: 3px;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
@@ -6241,7 +6241,7 @@ window.background:not(.csd) > menu > separator {
border: 1px solid #707880;
box-shadow: none;
border-image: none;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.45);
}
@@ -6256,7 +6256,7 @@ window.background:not(.csd) > menu > separator {
}
window.background.chromium {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
@@ -6297,12 +6297,12 @@ window.background.chromium entry.chromium:focus {
}
window.background.chromium > menubar {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
window.background.chromium > menu {
border: 1px solid #707880;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
border-radius: 0;
}
@@ -6326,17 +6326,17 @@ window.background.chromium > menu > menuitem label:disabled, window.background.c
window.background.chromium > textview.view {
color: #c5c8c6;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
window.background.chromium > textview {
color: #c5c8c6;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
window.background.chromium > textview text {
color: #c5c8c6;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
window.background > box.vertical > widget > widget:selected {
@@ -6344,12 +6344,12 @@ window.background > box.vertical > widget > widget:selected {
}
window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
window.background:not(.solid-csd) > notebook:not(.frame) {
border: 0 none transparent;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
window.background:not(.solid-csd) > notebook:not(.frame) > stack {
@@ -6413,7 +6413,7 @@ window#GearyMainWindow.background.csd statusbar frame {
}
.geary-main-window.background.csd.unified > deck > overlay > .geary-main-layout {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
.geary-main-window.background.csd.unified > deck > overlay > .geary-main-layout headerbar {
@@ -6427,7 +6427,7 @@ window#GearyMainWindow.background.csd statusbar frame {
.geary-main-window.background.csd.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar,
.geary-main-window.background.csd.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar {
border-right: none;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
}
@@ -6445,7 +6445,7 @@ window#GearyMainWindow.background.csd statusbar frame {
}
.geary-main-window.background.csd.unified > deck > overlay > .geary-main-layout geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:not(:hover):not(:selected) {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
.geary-main-window.background.csd.unified > deck > overlay > .geary-main-layout geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child {
@@ -6600,7 +6600,7 @@ widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titl
.XfceHeading {
border: 0 none transparent;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
@@ -6665,7 +6665,7 @@ XfdesktopIconView.view:active, XfdesktopIconView.view:checked {
}
window#whiskermenu-window {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
window#whiskermenu-window > frame > border {
@@ -6753,17 +6753,17 @@ menubar.-vala-panel-background > menuitem:disabled {
}
.nemo-window notebook {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
.nemo-window notebook .primary-toolbar {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
.nemo-window notebook .primary-toolbar button {
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12), inset 0 0 0 9999px transparent;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
background-image: radial-gradient(circle farthest-corner at center, transparent 100%, transparent 0%);
background-repeat: no-repeat;
background-position: center;
@@ -6808,7 +6808,7 @@ menubar.-vala-panel-background > menuitem:disabled {
border: none;
border-image: none;
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.7);
}
@@ -6821,7 +6821,7 @@ menubar.-vala-panel-background > menuitem:disabled {
.nemo-window notebook .primary-toolbar entry:disabled {
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.45);
}
@@ -6834,7 +6834,7 @@ menubar.-vala-panel-background > menuitem:disabled {
.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry {
color: #c5c8c6;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
border-radius: 3px;
}
@@ -6848,7 +6848,7 @@ menubar.-vala-panel-background > menuitem:disabled {
padding-bottom: 6px;
border: none;
color: #c5c8c6;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
}
@@ -6992,7 +6992,7 @@ UnityDecoration .top {
padding: 3px 8px 3px 8px;
border-radius: 2px 2px 0px 0px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: #c5c8c6;
}
@@ -7003,7 +7003,7 @@ UnityDecoration .top:backdrop {
UnityDecoration .left,
UnityDecoration .right,
UnityDecoration .bottom {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
UnityDecoration.menuitem,
@@ -7090,7 +7090,7 @@ headerbar.flat button:not(.close):not(.maximize):not(.minimize):not(:hover):not(
#PanelPlug,
PanelToplevel.background {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
color: rgba(255, 255, 255, 0.7);
font-weight: 500;
}
@@ -7172,7 +7172,7 @@ na-tray-applet {
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
.mate-panel-applet-slider frame frame {
@@ -7198,7 +7198,7 @@ na-tray-applet {
.caja-side-pane notebook viewport.frame,
.caja-side-pane notebook widget .vertical {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
.caja-side-pane notebook .frame,
@@ -7223,7 +7223,7 @@ na-tray-applet {
#caja-extra-view-widget {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
#caja-extra-view-widget > box > box > label {
@@ -7680,7 +7680,7 @@ window.budgie-popover:not(.csd) > frame.container > border {
.budgie-menu.background {
padding: 0;
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
.budgie-menu scrollbar,
@@ -8151,7 +8151,7 @@ frame.raven-frame > border {
border-style: solid none;
border-width: 1px;
border-color: rgba(255, 255, 255, 0.12);
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
.background .raven .raven-background.frame {
@@ -8433,7 +8433,7 @@ box.vertical > stack > box.vertical > .raven-background > viewport.frame > list
}
.budgie-run-dialog {
- background-color: #191919;
+ background-color: rgba(25, 25, 25, 192);
}
.budgie-run-dialog entry.search {
@@ -8572,27 +8572,27 @@ box.vertical > stack > box.vertical > .raven-background > viewport.frame > list
/* text color for entries, views and content in general */
@define-color theme_text_color currentColor;
/* widget base background color */
-@define-color theme_bg_color #191919;
+@define-color theme_bg_color rgba(25, 25, 25, 192);
/* text widgets and the like base background color */
-@define-color theme_base_color #191919;
+@define-color theme_base_color rgba(25, 25, 25, 192);
/* base background color of selections */
@define-color theme_selected_bg_color #707880;
/* text/foreground color of selections */
@define-color theme_selected_fg_color #c5c8c6;
/* base background color of insensitive widgets */
-@define-color insensitive_bg_color #191919;
+@define-color insensitive_bg_color rgba(25, 25, 25, 192);
/* text foreground color of insensitive widgets */
@define-color insensitive_fg_color rgba(255, 255, 255, 0.45);
/* insensitive text widgets and the like base background color */
-@define-color insensitive_base_color #191919;
+@define-color insensitive_base_color rgba(25, 25, 25, 192);
/* widget text/foreground color on backdrop windows */
@define-color theme_unfocused_fg_color #c5c8c6;
/* text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color currentColor;
/* widget base background color on backdrop windows */
-@define-color theme_unfocused_bg_color #191919;
+@define-color theme_unfocused_bg_color rgba(25, 25, 25, 192);
/* text widgets and the like base background color on backdrop windows */
-@define-color theme_unfocused_base_color #191919;
+@define-color theme_unfocused_base_color rgba(25, 25, 25, 192);
/* base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #707880;
/* text/foreground color of selections on backdrop windows */
@@ -8606,19 +8606,19 @@ box.vertical > stack > box.vertical > .raven-background > viewport.frame > list
/* widgets */
@define-color fg_color #c5c8c6;
@define-color text_color currentColor;
-@define-color bg_color #191919;
-@define-color base_color #191919;
+@define-color bg_color rgba(25, 25, 25, 192);
+@define-color base_color rgba(25, 25, 25, 192);
/* WM */
@define-color wm_title alpha(#c5c8c6, 0.8);
@define-color wm_unfocused_title alpha(#c5c8c6, 0.5);
-@define-color wm_bg #191919;
-@define-color wm_bg_unfocused #191919;
-@define-color wm_highlight #191919;
+@define-color wm_bg rgba(25, 25, 25, 192);
+@define-color wm_bg_unfocused rgba(25, 25, 25, 192);
+@define-color wm_highlight rgba(25, 25, 25, 192);
/* these are pretty self explicative */
@define-color warning_color #f0c674;
@define-color error_color #a54242;
@define-color success_color #81C995;
-@define-color content_view_bg #191919;
+@define-color content_view_bg rgba(25, 25, 25, 192);
@define-color placeholder_text_color #707880;
/* Very contrasty background for text views (@theme_text foreground) */
@define-color text_view_bg #252629;