749 lines
14 KiB
CSS
749 lines
14 KiB
CSS
@define-color borders #1b2224;
|
|
*:selected {
|
|
color: #dadada;
|
|
background-color: #363d3f;
|
|
}
|
|
|
|
@define-color borders #22292b;
|
|
window,
|
|
dialog,
|
|
messagedialog {
|
|
background: #181f21;
|
|
color: #dadada;
|
|
}
|
|
|
|
dialog > box {
|
|
padding: 10px;
|
|
}
|
|
|
|
messagedialog box {
|
|
padding: 5px;
|
|
}
|
|
|
|
.background {
|
|
background: #181f21;
|
|
}
|
|
|
|
headerbar {
|
|
background: #22292b;
|
|
padding: 6px;
|
|
}
|
|
headerbar box.horizontal.right > button.titlebutton:last-child {
|
|
margin-right: -6px;
|
|
}
|
|
headerbar box.horizontal.left > button.titlebutton:first-child {
|
|
margin-left: -6px;
|
|
}
|
|
headerbar button.titlebutton:not(.appmenu) {
|
|
background: transparent;
|
|
margin: -6px 0;
|
|
padding: 15px 10px;
|
|
border-radius: 0;
|
|
}
|
|
headerbar button.titlebutton:not(.appmenu):nth-last-child(-n+2) {
|
|
margin-left: -6px;
|
|
}
|
|
headerbar button.titlebutton:not(.appmenu).minimize {
|
|
color: #8ccf7e;
|
|
}
|
|
headerbar button.titlebutton:not(.appmenu).minimize:hover {
|
|
background-color: #e06e6e;
|
|
}
|
|
headerbar button.titlebutton:not(.appmenu).maximize {
|
|
color: #67cbe7;
|
|
}
|
|
headerbar button.titlebutton:not(.appmenu).maximize:hover {
|
|
background-color: #67cbe7;
|
|
}
|
|
headerbar button.titlebutton:not(.appmenu).close {
|
|
color: #e06e6e;
|
|
}
|
|
headerbar button.titlebutton:not(.appmenu).close:hover {
|
|
background-color: #e06e6e;
|
|
}
|
|
headerbar button.titlebutton:not(.appmenu):hover {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
headerbar button.titlebutton.appmenu:not(:active):not(:checked) {
|
|
background: transparent;
|
|
}
|
|
|
|
entry {
|
|
transition: all 100ms ease-in-out;
|
|
background: rgba(24, 31, 33, 1);
|
|
border: 2px solid transparent;
|
|
padding: 6px;
|
|
border-radius: 0;
|
|
}
|
|
entry:focus {
|
|
border-color: #b3b9b8;
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
entry:disabled {
|
|
opacity: 0.3;
|
|
}
|
|
entry image.left {
|
|
margin-right: 8px;
|
|
}
|
|
entry image.right {
|
|
margin-left: 8px;
|
|
}
|
|
entry selection {
|
|
background: #b185db;
|
|
color: #1b2224;
|
|
}
|
|
|
|
button {
|
|
transition: background-color 100ms ease-in;
|
|
background: rgba(24, 31, 33, 1);
|
|
padding: 8px;
|
|
}
|
|
button:hover:not(:active) {
|
|
background: rgba(54, 61, 63, 1);
|
|
}
|
|
button:disabled {
|
|
opacity: 0.3;
|
|
}
|
|
button:checked, button.suggested-action {
|
|
background: #8ad8ef;
|
|
color: white;
|
|
}
|
|
button:checked:hover:not(:active), button.suggested-action:hover:not(:active) {
|
|
background: #5db7cb;
|
|
}
|
|
button.destructive-action {
|
|
background: #e06e6e;
|
|
color: white;
|
|
}
|
|
button.destructive-action:hover:not(:active) {
|
|
background: #ef7d7d;
|
|
}
|
|
button.circular {
|
|
border-radius: 100%;
|
|
padding: 8px;
|
|
}
|
|
button.flat {
|
|
background: transparent;
|
|
}
|
|
button.flat:hover {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
button.flat:checked {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
combobox box entry {
|
|
border-radius: 0;
|
|
}
|
|
combobox button.combo cellview {
|
|
margin: -2px;
|
|
}
|
|
combobox button.combo arrow {
|
|
margin: -6px -8px;
|
|
padding: 8px;
|
|
min-width: 16px;
|
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
|
}
|
|
|
|
placessidebar {
|
|
background: #22282b;
|
|
}
|
|
placessidebar list {
|
|
background: transparent;
|
|
}
|
|
placessidebar list row:hover {
|
|
background: rgba(0, 0, 0, 0.2);
|
|
}
|
|
placessidebar list row .sidebar-icon {
|
|
margin: 0 10px;
|
|
}
|
|
placessidebar.frame, placessidebar .frame {
|
|
border: 0;
|
|
}
|
|
|
|
popover {
|
|
background: #22292b;
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
|
|
}
|
|
popover box modelbutton {
|
|
padding: 5px 10px;
|
|
margin: 0 -10px;
|
|
}
|
|
popover box modelbutton:hover {
|
|
background: #22292b;
|
|
}
|
|
popover.menu:first-child {
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
notebook stack:only-child {
|
|
background: #181f21;
|
|
}
|
|
|
|
tabs {
|
|
background: #181f21;
|
|
}
|
|
.top > tabs {
|
|
border-bottom: 2px solid #22292b;
|
|
}
|
|
.top > tabs tab {
|
|
border-bottom: 2px solid transparent;
|
|
margin-bottom: -2px;
|
|
}
|
|
.right > tabs {
|
|
border-left: 2px solid #22292b;
|
|
}
|
|
.right > tabs tab {
|
|
border-left: 2px solid transparent;
|
|
margin-left: -2px;
|
|
}
|
|
.bottom > tabs {
|
|
border-top: 2px solid #22292b;
|
|
}
|
|
.bottom > tabs tab {
|
|
border-top: 2px solid transparent;
|
|
margin-top: -2px;
|
|
}
|
|
.left > tabs {
|
|
border-right: 2px solid #22292b;
|
|
}
|
|
.left > tabs tab {
|
|
border-right: 2px solid transparent;
|
|
margin-right: -2px;
|
|
}
|
|
tabs tab {
|
|
padding: 8px;
|
|
color: #dadada;
|
|
transition: color 200ms ease-in-out, border-color 200ms ease-in-out;
|
|
}
|
|
header tabs tab:checked {
|
|
border-color: #8ed8d1;
|
|
color: #dadada;
|
|
}
|
|
header tabs tab:hover:not(:checked) {
|
|
border-color: rgba(197, 201, 200, 0.2);
|
|
}
|
|
|
|
header tabs {
|
|
background: #22292b;
|
|
}
|
|
|
|
dialog header tabs > tab > label {
|
|
padding: 3px;
|
|
}
|
|
|
|
treeview {
|
|
-GtkTreeView-expander-size: 13;
|
|
-GtkTreeView-grid-line-pattern: "";
|
|
-GtkTreeView-tree-line-pattern: "";
|
|
-GtkTreeView-horizontal-separator: 8;
|
|
-GtkTreeView-vertical-separator: 8;
|
|
background: #22292b;
|
|
border-left-color: #363d3f;
|
|
border-top-color: #363d3f;
|
|
}
|
|
treeview:hover {
|
|
background: #363d3f;
|
|
}
|
|
treeview:selected {
|
|
background: #363d3f;
|
|
color: #dadada;
|
|
}
|
|
treeview.separator {
|
|
color: #22292b;
|
|
min-height: 2px;
|
|
}
|
|
treeview header button {
|
|
border-bottom: 1px solid #363d3f;
|
|
background: #22292b;
|
|
}
|
|
treeview header button:hover {
|
|
background: #363d3f;
|
|
}
|
|
treeview header button:not(:last-child) {
|
|
border-right: 1px solid #363d3f;
|
|
}
|
|
|
|
overshoot.top {
|
|
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(35, 42, 44, 0.2)), to(rgba(35, 42, 44, 0)));
|
|
background-size: 100% 60%;
|
|
background-repeat: no-repeat;
|
|
background-position: center top;
|
|
}
|
|
overshoot.bottom {
|
|
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(35, 42, 44, 0.2)), to(rgba(35, 42, 44, 0)));
|
|
background-size: 100% 60%;
|
|
background-repeat: no-repeat;
|
|
background-position: center bottom;
|
|
}
|
|
overshoot.left {
|
|
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(35, 42, 44, 0.2)), to(rgba(35, 42, 44, 0)));
|
|
background-size: 60% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
}
|
|
overshoot.right {
|
|
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(35, 42, 44, 0.2)), to(rgba(35, 42, 44, 0)));
|
|
background-size: 60% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: right center;
|
|
}
|
|
|
|
rubberband, .rubberband {
|
|
background-color: rgba(88, 172, 196, 0.1);
|
|
border: 1px solid rgba(88, 172, 196, 0.6);
|
|
}
|
|
|
|
progressbar trough {
|
|
background: #232a2c;
|
|
}
|
|
progressbar.horizontal progress {
|
|
background-image: linear-gradient(to right, #5dc1dd, #6da4cd);
|
|
}
|
|
progressbar.vertical progress {
|
|
background-image: linear-gradient(to bottom, #5dc1dd, #6da4cd);
|
|
}
|
|
|
|
levelbar trough block {
|
|
padding: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
levelbar trough block.filled {
|
|
background: #6da4cd;
|
|
}
|
|
levelbar trough block.empty {
|
|
background: #363d3f;
|
|
}
|
|
levelbar.discrete block:not(:first-child) {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
scale {
|
|
padding: 8px 0;
|
|
}
|
|
scale contents trough {
|
|
background: #363d3f;
|
|
}
|
|
scale contents trough slider {
|
|
background: #dadada;
|
|
padding: 8px;
|
|
margin: -5px;
|
|
border-radius: 100%;
|
|
}
|
|
scale marks mark {
|
|
padding-top: 5px;
|
|
}
|
|
scale marks mark indicator {
|
|
color: #363d3f;
|
|
min-height: 8px;
|
|
min-width: 1px;
|
|
}
|
|
scale.horizontal highlight {
|
|
background-image: linear-gradient(to right, #c47fd5, #5dc1dd);
|
|
}
|
|
scale.vertical highlight {
|
|
background-image: linear-gradient(to bottom, #c47fd5, #5dc1dd);
|
|
}
|
|
scale:disabled {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
spinbutton.horizontal entry {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
spinbutton.horizontal button.down {
|
|
border-radius: 0;
|
|
}
|
|
spinbutton.horizontal button.up {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
spinbutton.vertical button.up {
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
spinbutton.vertical entry {
|
|
border-radius: 0;
|
|
}
|
|
spinbutton.vertical button.down {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
textview {
|
|
transition: background 100ms ease-in-out;
|
|
padding: 8px;
|
|
}
|
|
textview:focus {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
textview:disabled {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
toolbar {
|
|
background: #181f21;
|
|
}
|
|
toolbar.osd {
|
|
background: rgba(35, 42, 44, 0.5);
|
|
padding: 10px;
|
|
}
|
|
|
|
frame.app-notification border {
|
|
background: #22292b;
|
|
border: 0;
|
|
}
|
|
frame > border {
|
|
border: none;
|
|
}
|
|
|
|
.frame {
|
|
border: 1px solid #22292b;
|
|
}
|
|
|
|
scrolledwindow viewport.frame {
|
|
border-style: none;
|
|
}
|
|
|
|
list {
|
|
background: #22292b;
|
|
}
|
|
list row {
|
|
padding: 6px;
|
|
}
|
|
list row:hover {
|
|
background: #363d3f;
|
|
}
|
|
|
|
checkbutton check {
|
|
-gtk-icon-source: -gtk-recolor(url("../assets/symbolic/check.symbolic.png"));
|
|
-gtk-icon-transform: scale(0);
|
|
color: rgba(189, 195, 194, 1);
|
|
border: 2px solid rgba(255, 255, 255, 0.05);
|
|
border-radius: 1px;
|
|
padding: 1px;
|
|
min-width: 12px;
|
|
min-height: 12px;
|
|
transition: -gtk-icon-transform 200ms;
|
|
}
|
|
checkbutton check:hover, checkbutton check:checked {
|
|
border-color: #ee9cdd;
|
|
}
|
|
checkbutton check:active, checkbutton check:checked {
|
|
background: #ee9cdd;
|
|
}
|
|
checkbutton check:checked {
|
|
-gtk-icon-transform: scale(1);
|
|
border-color: #ee9cdd;
|
|
}
|
|
checkbutton check:checked:active {
|
|
background: transparent;
|
|
}
|
|
checkbutton label {
|
|
padding-left: 5px;
|
|
}
|
|
checkbutton:disabled {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
radiobutton radio {
|
|
-gtk-icon-source: -gtk-recolor(url("../assets/symbolic/radio.symbolic.png"));
|
|
-gtk-icon-transform: scale(0);
|
|
color: rgba(255, 255, 255, 0.8);
|
|
border: 2px solid rgba(255, 255, 255, 0.05);
|
|
border-radius: 100%;
|
|
padding: 3px;
|
|
min-width: 8px;
|
|
min-height: 8px;
|
|
transition: -gtk-icon-transform 200ms;
|
|
}
|
|
radiobutton radio:hover {
|
|
border-color: rgba(54, 61, 63, 1);
|
|
}
|
|
radiobutton radio:active, radiobutton radio:checked {
|
|
background: rgba(54, 61, 63, 1);
|
|
}
|
|
radiobutton radio:checked {
|
|
-gtk-icon-transform: scale(1);
|
|
border-color: #ee9cdd;
|
|
}
|
|
radiobutton label {
|
|
padding-left: 5px;
|
|
}
|
|
radiobutton:disabled {
|
|
opacity: 0.38;
|
|
}
|
|
|
|
switch {
|
|
background: rgba(197, 201, 200, 0.2);
|
|
border-radius: 20px;
|
|
color: transparent;
|
|
min-width: 40px;
|
|
border: 5px solid transparent;
|
|
background-clip: padding-box;
|
|
}
|
|
switch slider {
|
|
background: #c5c9c8;
|
|
transition: background 100ms ease-in-out;
|
|
border-radius: 100%;
|
|
min-width: 5px;
|
|
min-height: 5px;
|
|
background-clip: padding-box;
|
|
margin: -4px -2px;
|
|
}
|
|
switch:checked {
|
|
background: rgba(177, 133, 219, 0.3);
|
|
background-clip: content-box;
|
|
}
|
|
switch:checked slider {
|
|
background: #b185db;
|
|
}
|
|
switch:disabled {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
separator {
|
|
background-image: image(rgba(255, 255, 255, 0.05));
|
|
background-size: 1px 1px;
|
|
background-position: center center;
|
|
min-width: 7px;
|
|
min-height: 7px;
|
|
background-repeat: repeat-x;
|
|
margin: -3px 0;
|
|
}
|
|
separator.vertical, .horizontal > separator {
|
|
background-repeat: repeat-y;
|
|
margin: 0 -3px;
|
|
}
|
|
|
|
menubar {
|
|
background: #1b2224;
|
|
padding: 5px;
|
|
}
|
|
menubar menuitem {
|
|
padding: 5px;
|
|
}
|
|
menubar menuitem:hover {
|
|
background: #1b2224;
|
|
}
|
|
|
|
menu {
|
|
background: #1b2224;
|
|
padding: 10px;
|
|
}
|
|
menu menuitem {
|
|
padding: 8px;
|
|
}
|
|
menu menuitem:hover {
|
|
background: #8ed8d1;
|
|
color: #181f21;
|
|
}
|
|
|
|
scrollbar {
|
|
-GtkScrollbar-has-backward-stepper: false;
|
|
-GtkScrollbar-has-forward-stepper: false;
|
|
background: transparent;
|
|
}
|
|
scrollbar slider {
|
|
padding: 3px;
|
|
background: rgba(255, 255, 255, 0.05);
|
|
}
|
|
scrollbar slider:hover {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
scrollbar slider:active {
|
|
background: rgba(177, 133, 219, 0.75);
|
|
}
|
|
scrollbar:hover {
|
|
background: rgba(255, 255, 255, 0.05);
|
|
}
|
|
scrollbar:hover.horizontal slider {
|
|
padding: 5px 3px;
|
|
}
|
|
scrollbar:hover.vertical slider {
|
|
padding: 3px 5px;
|
|
}
|
|
|
|
label.dim-label, label:disabled {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
calendar {
|
|
border: 1px solid #232a2c;
|
|
background: #1b2224;
|
|
}
|
|
calendar.button {
|
|
background: #232a2c;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
calendar.button:hover {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
calendar.button:disabled {
|
|
color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
calendar.header {
|
|
background: #232a2c;
|
|
}
|
|
calendar.highlight {
|
|
color: rgba(255, 255, 255, 0.2);
|
|
}
|
|
calendar:selected {
|
|
color: white;
|
|
background: #bab3e5;
|
|
}
|
|
calendar:indeterminate {
|
|
color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
actionbar {
|
|
background: #1b2224;
|
|
border-top: 1px solid #363d3f;
|
|
}
|
|
|
|
iconview {
|
|
background: #1b2224;
|
|
}
|
|
iconview:selected {
|
|
color: #363d3f;
|
|
background: #bab3e5;
|
|
}
|
|
|
|
@keyframes rotate {
|
|
to {
|
|
-gtk-icon-transform: rotate(1turn);
|
|
}
|
|
}
|
|
spinner {
|
|
-gtk-icon-source: none;
|
|
}
|
|
spinner:checked {
|
|
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
|
|
animation: rotate 1s linear infinite;
|
|
}
|
|
spinner:disabled {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
infobar {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
infobar.info {
|
|
background: #5dc1dd;
|
|
}
|
|
infobar.warning {
|
|
background: #e06e6e;
|
|
}
|
|
infobar.error {
|
|
background: ##e06e6e;
|
|
}
|
|
infobar.question {
|
|
background: #363d3f;
|
|
}
|
|
|
|
tooltip {
|
|
background: #363d3f;
|
|
opacity: 100%;
|
|
}
|
|
tooltip label {
|
|
padding: 2px;
|
|
}
|
|
|
|
@define-color borders #1b2224;
|
|
filechooser viewport,
|
|
filechooser placessidebar,
|
|
filechooser list {
|
|
background: none;
|
|
}
|
|
filechooser placessidebar list row {
|
|
margin: 5px;
|
|
}
|
|
filechooser treeview {
|
|
background: none;
|
|
}
|
|
filechooser treeview header box {
|
|
padding: 5px;
|
|
}
|
|
filechooser treeview:selected {
|
|
background: #bab3e5;
|
|
}
|
|
|
|
.pavucontrol-window {
|
|
background: #181f21;
|
|
}
|
|
.pavucontrol-window tabs {
|
|
background: #1b2224;
|
|
}
|
|
.pavucontrol-window tabs tab {
|
|
padding: 16px;
|
|
}
|
|
.pavucontrol-window .show-volume-meters-check-button {
|
|
padding: 8px;
|
|
}
|
|
|
|
window.thunar {
|
|
background: none;
|
|
/* hide separator */
|
|
}
|
|
window.thunar treeview {
|
|
background: none;
|
|
}
|
|
window.thunar grid *:selected,
|
|
window.thunar grid *:active {
|
|
background: #363d2f;
|
|
border-radius: 3px;
|
|
}
|
|
window.thunar .sidebar {
|
|
background: #131a1c;
|
|
padding: 1rem;
|
|
}
|
|
window.thunar treeview {
|
|
padding: 3px;
|
|
color: #dadada;
|
|
}
|
|
window.thunar treeview:selected {
|
|
background: #8ad8ef;
|
|
color: #181f21;
|
|
border-radius: 0.5em;
|
|
font-weight: bold;
|
|
}
|
|
window.thunar .frame {
|
|
border: 0;
|
|
}
|
|
window.thunar toolbar entry {
|
|
background: #22292b;
|
|
border-radius: 10px;
|
|
margin: 2px 2em 2px 1em;
|
|
padding: 0px 1rem;
|
|
}
|
|
window.thunar toolbar entry image {
|
|
background-image: image(rgba(54, 61, 63, 1)));
|
|
}
|
|
window.thunar paned grid {
|
|
background: #181f21;
|
|
}
|
|
window.thunar toolbar {
|
|
background: #22292b;
|
|
padding: 5px 0;
|
|
}
|
|
window.thunar toolbar * {
|
|
background: none;
|
|
}
|
|
window.thunar separator {
|
|
background-image: image(#131a1c);
|
|
background-size: 1px 1px;
|
|
background-position: center center;
|
|
}
|
|
|
|
.gimp-internal-dock-1 GtkLabel {
|
|
font-size: 12px;
|
|
}
|
|
|
|
@define-color borders #363d3f;
|
|
window widget {
|
|
background-color: #181f21;
|
|
}
|
|
|
|
/*# sourceMappingURL=gtk.css.map */
|