dotfiles/.themes/gtk-3.0/gtk.css

/* Terminal-Dark GTK3 Theme */
/* Based on kitty terminal colors */

/* Color Definitions */
@define-color theme_bg_color #141414;
@define-color theme_fg_color #feffd3;
@define-color theme_base_color #1a1a1a;
@define-color theme_text_color #feffd3;
@define-color theme_selected_bg_color #e1c47d;
@define-color theme_selected_fg_color #141414;
@define-color insensitive_bg_color #262626;
@define-color insensitive_fg_color #778284;
@define-color borders #5a5d61;
@define-color warning_color #dd7c4c;
@define-color error_color #c06c43;
@define-color success_color #cbd88c;

/* Additional semantic colors */
@define-color accent_color #e1c47d;
@define-color accent_bg_color #e1c47d;
@define-color accent_fg_color #141414;
@define-color destructive_color #dd7c4c;
@define-color destructive_bg_color #dd7c4c;
@define-color destructive_fg_color #141414;

/* Base styling */
* {
  outline-style: none;
  font-family: "Courier New", "Consolas", "Monaco", monospace;
  -gtk-outline-radius: 0;
}

/* Windows */
window,
.background {
  background-color: @theme_bg_color;
  color: @theme_fg_color;
}

/* Views (file lists, text areas, etc) */
.view,
textview text,
iconview,
.nautilus-window .view,
.nemo-window .view {
  background-color: @theme_base_color;
  color: @theme_text_color;
}

.view:selected,
.view:selected:focus,
iconview:selected,
iconview:selected:focus {
  background-color: @theme_selected_bg_color;
  color: @theme_selected_fg_color;
}

/* Sidebars */
.sidebar,
sidebar,
.nemo-window .sidebar {
  background-color: #262626;
  border-right: 1px solid @borders;
}

.sidebar row,
sidebar row {
  padding: 8px;
  border-left: 3px solid transparent;
}

.sidebar row:hover,
sidebar row:hover {
  background-color: #303030;
  border-left-color: @accent_color;
}

.sidebar row:selected,
sidebar row:selected {
  background-color: #303030;
  color: @theme_fg_color;
  border-left-color: @theme_fg_color;
}

/* Headerbars and Toolbars */
headerbar,
toolbar,
.toolbar {
  background-color: #262626;
  color: @theme_fg_color;
  border-bottom: 2px solid @borders;
  padding: 8px;
}

headerbar button,
toolbar button {
  background-color: transparent;
  color: @theme_fg_color;
  border: 2px solid @borders;
  border-radius: 0;
  padding: 6px 12px;
  min-height: 24px;
}

headerbar button:hover,
toolbar button:hover {
  background-color: #303030;
  border-color: @accent_color;
  color: @accent_color;
}

headerbar button:active,
toolbar button:active,
headerbar button:checked,
toolbar button:checked {
  background-color: @accent_color;
  color: @accent_bg_color;
}

/* Regular Buttons */
button {
  background-color: #262626;
  color: @theme_fg_color;
  border: 2px solid @borders;
  border-radius: 0;
  padding: 6px 16px;
  font-weight: bold;
  text-transform: uppercase;
}

button:hover {
  background-color: #303030;
  border-color: @accent_color;
  color: @accent_color;
  box-shadow: 0 0 8px rgba(225, 196, 125, 0.3);
}

button:active,
button:checked {
  background-color: @accent_color;
  color: #141414;
}

button:disabled {
  background-color: @insensitive_bg_color;
  color: @insensitive_fg_color;
  border-color: @borders;
}

button.suggested-action {
  background-color: @accent_color;
  color: #141414;
  border-color: @accent_color;
}

button.destructive-action {
  background-color: @destructive_color;
  color: #141414;
  border-color: @destructive_color;
}

/* Entries (text inputs) */
entry {
  background-color: @theme_base_color;
  color: @theme_text_color;
  border: 2px solid @borders;
  border-radius: 0;
  padding: 8px;
}

entry:focus {
  border-color: @accent_color;
  box-shadow: 0 0 8px rgba(225, 196, 125, 0.3);
}

entry:disabled {
  background-color: @insensitive_bg_color;
  color: @insensitive_fg_color;
}

/* Scrollbars */
scrollbar {
  background-color: @theme_bg_color;
  border-left: 1px solid @borders;
}

scrollbar slider {
  background-color: @borders;
  border: 2px solid @theme_bg_color;
  min-width: 12px;
  min-height: 12px;
}

scrollbar slider:hover {
  background-color: #c2a86c;
}

scrollbar.vertical slider {
  min-width: 12px;
}

scrollbar.horizontal slider {
  min-height: 12px;
}

/* Menus and Context Menus */
menu,
.menu,
.context-menu {
  background-color: #262626;
  color: @theme_fg_color;
  border: 2px solid @borders;
  padding: 4px 0;
}

menuitem,
.menuitem {
  padding: 8px 16px;
}

menuitem:hover,
.menuitem:hover {
  background-color: #303030;
  color: @accent_color;
}

menuitem:disabled,
.menuitem:disabled {
  color: @insensitive_fg_color;
}

menubar {
  background-color: #262626;
  border-bottom: 1px solid @borders;
}

menubar>menuitem {
  padding: 8px 12px;
}

menubar>menuitem:hover {
  background-color: #303030;
}

/* Popover */
popover {
  background-color: #262626;
  border: 2px solid @borders;
  border-radius: 0;
}

popover>contents {
  padding: 8px;
}

/* Notebook/Tabs */
notebook {
  background-color: @theme_bg_color;
}

notebook>header {
  background-color: #262626;
  border-bottom: 2px solid @borders;
}

notebook>header>tabs>tab {
  background-color: transparent;
  color: #c2a86c;
  border-bottom: 2px solid transparent;
  padding: 12px 24px;
}

notebook>header>tabs>tab:hover {
  color: @accent_color;
}

notebook>header>tabs>tab:checked {
  color: @theme_fg_color;
  border-bottom-color: @accent_color;
}

/* Treeview/Lists */
treeview {
  background-color: @theme_base_color;
  color: @theme_text_color;
}

treeview:selected {
  background-color: @theme_selected_bg_color;
  color: @theme_selected_fg_color;
}

treeview.separator {
  min-height: 1px;
  color: @borders;
}

treeview entry {
  background-color: @theme_base_color;
  border-radius: 0;
}

/* Pathbar (breadcrumbs in file manager) */
.path-bar button {
  background-color: transparent;
  border: none;
  padding: 4px 8px;
}

.path-bar button:hover {
  background-color: #303030;
  color: @accent_color;
}

.path-bar button.slider-button {
  border: 2px solid @borders;
}

/* Selection mode (batch operations) */
.selection-mode headerbar {
  background-color: @accent_color;
  color: #141414;
}

.selection-mode button {
  color: #141414;
}

/* Tooltips */
tooltip {
  background-color: #262626;
  color: @theme_fg_color;
  border: 1px solid @borders;
  border-radius: 0;
  padding: 6px 10px;
}

tooltip * {
  background-color: transparent;
}

/* Progress bars */
progressbar {
  background-color: @theme_base_color;
  border: 1px solid @borders;
}

progressbar progress {
  background-color: @accent_color;
  box-shadow: 0 0 8px rgba(225, 196, 125, 0.5);
}

/* Checkboxes and Radio buttons */
checkbutton,
radiobutton {
  color: @theme_fg_color;
}

checkbutton check,
radiobutton radio {
  background-color: @theme_base_color;
  border: 2px solid @borders;
  border-radius: 0;
  min-width: 16px;
  min-height: 16px;
}

checkbutton:hover check,
radiobutton:hover radio {
  border-color: @accent_color;
}

checkbutton:checked check,
radiobutton:checked radio {
  background-color: @accent_color;
  border-color: @accent_color;
  -gtk-icon-source: -gtk-recolor(url("assets/check.svg"));
}

/* Switches */
switch {
  background-color: @borders;
  border: 2px solid @borders;
  border-radius: 0;
}

switch:checked {
  background-color: @accent_color;
  border-color: @accent_color;
}

switch slider {
  background-color: @theme_fg_color;
  border: 2px solid @theme_bg_color;
  border-radius: 0;
}

/* Scales/Sliders */
scale {
  min-height: 12px;
}

scale trough {
  background-color: @borders;
  border: 1px solid @borders;
  border-radius: 0;
}

scale highlight {
  background-color: @accent_color;
}

scale slider {
  background-color: @theme_fg_color;
  border: 2px solid @accent_color;
  border-radius: 0;
  min-width: 16px;
  min-height: 16px;
}

/* Spinbuttons */
spinbutton {
  background-color: @theme_base_color;
  border: 2px solid @borders;
  border-radius: 0;
}

spinbutton button {
  background-color: transparent;
  border: none;
  border-left: 1px solid @borders;
}

/* Comboboxes */
combobox button {
  padding: 6px 12px;
}

combobox arrow {
  min-width: 16px;
  min-height: 16px;
}

/* Level bars */
levelbar block {
  border-radius: 0;
}

levelbar block.filled {
  background-color: @accent_color;
}

levelbar block.empty {
  background-color: @borders;
}

/* Nemo-specific styling */
.nemo-window .floating-bar {
  background-color: #262626;
  border: 2px solid @borders;
  border-radius: 0;
  padding: 6px;
}

.nemo-desktop {
  color: @theme_fg_color;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

/* Statusbar */
statusbar {
  background-color: #262626;
  color: @theme_fg_color;
  border-top: 1px solid @borders;
  padding: 4px 8px;
}

/* Infobar */
infobar {
  border-radius: 0;
}

infobar.info {
  background-color: @accent_color;
  color: #141414;
}

infobar.warning {
  background-color: @warning_color;
  color: #141414;
}

infobar.error {
  background-color: @error_color;
  color: #feffd3;
}

/* Selection in text */
selection {
  background-color: #303030;
  color: @theme_fg_color;
}