init
This commit is contained in:
77
monokai-pro-gtk/gtk-3.0/gtk.css
Normal file
77
monokai-pro-gtk/gtk-3.0/gtk.css
Normal file
@@ -0,0 +1,77 @@
|
||||
@define-color bg #2d2a2e;
|
||||
|
||||
|
||||
/* Scrollbars */
|
||||
scrollbar slider, scrollbar .slider {
|
||||
background-color: mix(@surface, @bg, 10%);
|
||||
border-radius: 8px;
|
||||
}
|
||||
scrollbar slider:hover, scrollbar .slider:hover {
|
||||
background-color: mix(@accent, @surface, 85%);
|
||||
}
|
||||
|
||||
|
||||
/* Notebook (tabs) */
|
||||
notebook tab {
|
||||
background-color: transparent;
|
||||
color: @dim_fg;
|
||||
padding: 8px 12px;
|
||||
border-radius: 6px 6px 0 0;
|
||||
}
|
||||
notebook tab:checked {
|
||||
background-color: mix(@surface, @bg, 6%);
|
||||
color: @fg;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
/* TreeView / ListView */
|
||||
.treeview, treeview row, .view, treeview column {
|
||||
background-color: transparent;
|
||||
color: @fg;
|
||||
}
|
||||
.treeview row:selected {
|
||||
background-color: mix(@highlight, @surface, 85%);
|
||||
color: @bg;
|
||||
}
|
||||
.treeview header {
|
||||
color: @dim_fg;
|
||||
}
|
||||
|
||||
|
||||
/* Progress bars */
|
||||
progressbar {
|
||||
background-color: mix(@surface, @bg, 8%);
|
||||
border: 1px solid @border;
|
||||
border-radius: 6px;
|
||||
min-height: 10px;
|
||||
}
|
||||
progressbar trough progress {
|
||||
background-color: @accent;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
|
||||
/* Dialogs & filechooser */
|
||||
dialog, .file-chooser, filechooser, .dialog {
|
||||
background-color: @bg;
|
||||
color: @fg;
|
||||
}
|
||||
.file-chooser .sidebar {
|
||||
background-color: mix(@surface, @bg, 6%);
|
||||
border-right: 1px solid @border;
|
||||
}
|
||||
|
||||
|
||||
/* Separator */
|
||||
separator, separator.vertical {
|
||||
background-color: @border;
|
||||
}
|
||||
|
||||
|
||||
/* CSS tweaks for high-DPI and spacing */
|
||||
* {
|
||||
background-clip: border-box;
|
||||
-GtkWidget-focus-on-click: 0;
|
||||
font-family: "Inter", "Noto Sans", "DejaVu Sans", sans-serif;
|
||||
}
|
||||
91
monokai-pro-gtk/gtk-4.0/gtk.css
Normal file
91
monokai-pro-gtk/gtk-4.0/gtk.css
Normal file
@@ -0,0 +1,91 @@
|
||||
:root {
|
||||
background-color: color-mix(in srgb, var(--surface) 25%, var(--bg) 75%);
|
||||
color: var(--fg);
|
||||
min-height: 44px;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
|
||||
button {
|
||||
background-color: color-mix(in srgb, var(--surface) 7%, var(--bg) 93%);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
padding: 6px 10px;
|
||||
color: var(--fg);
|
||||
}
|
||||
button:hover { background-color: color-mix(in srgb, var(--accent) 20%, var(--surface) 80%); color: var(--bg); }
|
||||
button:checked { background-color: var(--accent-strong); }
|
||||
button.primary, .suggested-action { background-color: var(--accent); color: var(--bg); border-color: color-mix(in srgb, var(--accent) 70%, transparent 30%); }
|
||||
|
||||
|
||||
entry, textview, textarea {
|
||||
background-color: var(--surface);
|
||||
color: var(--fg);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 6px;
|
||||
padding: 6px;
|
||||
}
|
||||
entry:focus, textview:focus, textarea:focus {
|
||||
border-color: var(--focus);
|
||||
box-shadow: 0 0 0 6px color-mix(in srgb, var(--focus) 6%, transparent 94%);
|
||||
}
|
||||
|
||||
|
||||
.menu, .popover {
|
||||
background-color: color-mix(in srgb, var(--surface) 12%, var(--bg) 88%);
|
||||
color: var(--fg);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
}
|
||||
.menuitem:hover { background-color: color-mix(in srgb, var(--accent) 10%, var(--surface) 90%); color: var(--bg); }
|
||||
|
||||
|
||||
.tooltip {
|
||||
background-color: var(--tooltip-bg);
|
||||
color: var(--tooltip-fg);
|
||||
border-radius: 6px;
|
||||
padding: 6px 8px;
|
||||
border: 1px solid color-mix(in srgb, var(--tooltip-bg) 90%, transparent 10%);
|
||||
}
|
||||
|
||||
|
||||
/* switches */
|
||||
.switch {
|
||||
min-width: 38px;
|
||||
}
|
||||
.switch:checked { background-color: var(--accent); }
|
||||
|
||||
|
||||
/* Check / Radio */
|
||||
.check, .toggle, .radiobutton { color: var(--fg); }
|
||||
.check:checked, .radiobutton:checked { background-color: var(--accent); border-color: var(--accent); }
|
||||
|
||||
|
||||
/* scrollbar */
|
||||
scrollbar slider {
|
||||
background-color: color-mix(in srgb, var(--surface) 10%, var(--bg) 90%);
|
||||
border-radius: 8px;
|
||||
}
|
||||
scrollbar slider:hover { background-color: color-mix(in srgb, var(--accent) 25%, var(--surface) 75%); }
|
||||
|
||||
|
||||
/* notebook */
|
||||
notebook tab { padding: 8px 12px; color: var(--dim-fg); }
|
||||
notebook tab:checked { color: var(--fg); background-color: color-mix(in srgb, var(--surface) 6%, var(--bg) 94%); }
|
||||
|
||||
|
||||
/* treeview */
|
||||
.treeview row:selected { background-color: color-mix(in srgb, var(--highlight) 18%, var(--surface) 82%); color: var(--bg); }
|
||||
|
||||
|
||||
/* progress */
|
||||
progressbar trough { background-color: color-mix(in srgb, var(--surface) 8%, var(--bg) 92%); border-radius: 6px; }
|
||||
progressbar trough progress { background-color: var(--accent); }
|
||||
|
||||
|
||||
/* file chooser */
|
||||
.file-chooser sidebar { background-color: color-mix(in srgb, var(--surface) 6%, var(--bg) 94%); border-right: 1px solid var(--border); }
|
||||
|
||||
|
||||
/* final tweaks */
|
||||
* { font-family: "Inter", "Noto Sans", "DejaVu Sans", sans-serif; }
|
||||
Reference in New Issue
Block a user