@define-color theme_bg_color #{{base00}};
@define-color theme_fg_color #{{base05}};
@define-color theme_base_color #{{base00}};
@define-color theme_text_color #{{base05}};
@define-color theme_selected_bg_color #{{base0D}};
@define-color theme_selected_fg_color #{{base00}};
@define-color theme_unfocused_bg_color #{{base01}};
@define-color theme_unfocused_fg_color #{{base04}};
@define-color theme_unfocused_base_color #{{base00}};
@define-color theme_unfocused_text_color #{{base04}};
@define-color theme_unfocused_selected_bg_color #{{base0D}};
@define-color theme_unfocused_selected_fg_color #{{base00}};
@define-color theme_tooltip_bg_color #{{base00}};
@define-color theme_tooltip_fg_color #{{base06}};
@define-color borders #{{base03}};
@define-color unfocused_borders #{{base02}};
@define-color accent_color #{{base0D}};
@define-color warning_color #{{base0A}};
@define-color error_color #{{base08}};
@define-color success_color #{{base0B}};
@define-color placeholder_text_color #{{base03}};
@define-color insensitive_bg_color #{{base01}};
@define-color insensitive_fg_color #{{base03}};

window, dialog, .background {
  background-color: @theme_bg_color;
  color: @theme_fg_color;
}

headerbar, titlebar, .titlebar, .headerbar, toolbar, .toolbar, menubar,
actionbar, .sidebar, .nav-bar {
  background-color: @theme_unfocused_bg_color;
  color: @theme_fg_color;
  border-color: @borders;
}

menu, .menu, popover, .popover, menupopover {
  background-color: @theme_unfocused_bg_color;
  color: @theme_fg_color;
  border-color: @borders;
}

button, entry, spinbutton, combobox button, textview, .view, list, row,
listview, .list, flowbox, treeview, calendar, notebook > stack, scrolledwindow {
  background-color: @theme_base_color;
  color: @theme_text_color;
  border-color: @borders;
  border-radius: 0;
  box-shadow: none;
  caret-color: @theme_text_color;
}

button:hover, entry:hover, row:hover {
  border-color: #{{base04}};
}

button:active, button:checked, button:default, entry:focus,
spinbutton:focus, switch:checked, check:checked, radio:checked {
  border-color: @theme_selected_bg_color;
}

button.suggested-action, button.destructive-action, .suggested-action,
.destructive-action {
  border-color: @theme_selected_bg_color;
}

button.destructive-action, .destructive-action {
  border-color: @error_color;
}

selection, entry selection, textview selection, row:selected, .selected,
flowboxchild:selected, menu menuitem:hover, menu menuitem:selected,
popover row:hover, popover row:selected {
  background-color: @theme_selected_bg_color;
  color: @theme_selected_fg_color;
}

headerbar button, toolbar button, menubar button {
  background-color: transparent;
}

treeview header button {
  background-color: #{{base01}};
  color: @theme_text_color;
  border-color: @borders;
}

switch, scale trough, progressbar trough, scrollbar slider {
  background-color: #{{base02}};
  border-color: @borders;
}

switch slider, scale slider {
  background-color: #{{base06}};
  border-color: #{{base02}};
}

scale highlight, scale fill, progressbar progress {
  background-color: @theme_selected_bg_color;
}

scrollbar {
  background-color: #{{base01}};
}

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

notebook tab, notebook > header tabs tab {
  background-color: #{{base01}};
  border-color: @borders;
}

notebook tab:checked, notebook > header tabs tab:checked {
  background-color: @theme_base_color;
  border-bottom-color: @theme_selected_bg_color;
}

separator, paned > separator {
  background-color: #{{base02}};
}

tooltip, .tooltip {
  background-color: @theme_tooltip_bg_color;
  color: @theme_tooltip_fg_color;
  border-color: @borders;
}

statusbar, .statusbar {
  background-color: @theme_bg_color;
  color: #{{base04}};
}

link, .link {
  color: #{{base0D}};
}

expander, arrow {
  color: #{{base04}};
}

label:disabled, button:disabled {
  color: @insensitive_fg_color;
  background-color: @insensitive_bg_color;
}

.dim-label {
  color: #{{base04}};
}