/* GTK 3.0 Theme - Generated by pywal */
/* This theme uses colors extracted from wallpapers */

/* Define color variables */
@define-color theme_bg_color {background};
@define-color theme_fg_color {foreground};
@define-color theme_base_color {background};
@define-color theme_text_color {foreground};
@define-color theme_selected_bg_color {color4};
@define-color theme_selected_fg_color {background};
@define-color insensitive_bg_color shade({background}, 0.95);
@define-color insensitive_fg_color shade({foreground}, 0.7);
@define-color insensitive_base_color {background};
@define-color theme_unfocused_bg_color {background};
@define-color theme_unfocused_fg_color {foreground};
@define-color theme_unfocused_base_color {background};
@define-color theme_unfocused_text_color {foreground};
@define-color theme_unfocused_selected_bg_color {color4};
@define-color theme_unfocused_selected_fg_color {background};
@define-color borders shade({background}, 0.8);
@define-color unfocused_borders shade({background}, 0.85);

/* Additional accent colors */
@define-color accent_bg_color {color4};
@define-color accent_fg_color {background};
@define-color accent_color {color4};
@define-color destructive_bg_color {color1};
@define-color destructive_fg_color {background};
@define-color destructive_color {color1};
@define-color success_bg_color {color2};
@define-color success_fg_color {background};
@define-color success_color {color2};
@define-color warning_bg_color {color3};
@define-color warning_fg_color {background};
@define-color warning_color {color3};
@define-color error_bg_color {color1};
@define-color error_fg_color {background};
@define-color error_color {color1};

/* Window styling */
window {
  background-color: {background};
  color: {foreground};
}

/* Widget styling */
* {{
  background-color: {background};
  color: {foreground};
}}

button {
  background-color: {color0};
  color: {foreground};
  border: 1px solid {color8};
  border-radius: 4px;
  padding: 6px 12px;
}

button:hover {
  background-color: {color8};
  border-color: {color4};
}

button:active,
button:checked {
  background-color: {color4};
  color: {background};
}

button:disabled {
  background-color: shade({background}, 0.95);
  color: shade({foreground}, 0.7);
}

/* Entry/Input fields */
entry {
  background-color: {color0};
  color: {foreground};
  border: 1px solid {color8};
  border-radius: 4px;
  padding: 6px;
}

entry:focus {
  border-color: {color4};
}

entry:disabled {
  background-color: shade({background}, 0.95);
  color: shade({foreground}, 0.7);
}

/* Selections */
selection,
*:selected {
  background-color: {color4};
  color: {background};
}

/* Headerbar */
headerbar {
  background-color: {color0};
  color: {foreground};
  border-bottom: 1px solid {color8};
}

headerbar button {
  background-color: transparent;
  border: none;
}

headerbar button:hover {
  background-color: {color8};
}

/* Sidebar */
.sidebar {
  background-color: {color0};
  border-right: 1px solid {color8};
}

/* Notebook/Tabs */
notebook > header {
  background-color: {color0};
  border-bottom: 1px solid {color8};
}

notebook > header > tabs > tab {
  background-color: transparent;
  color: {foreground};
  padding: 6px 12px;
}

notebook > header > tabs > tab:checked {
  background-color: {background};
  border-bottom: 2px solid {color4};
}

/* Menu */
menu,
.menu {
  background-color: {color0};
  color: {foreground};
  border: 1px solid {color8};
}

menuitem {
  padding: 6px 12px;
}

menuitem:hover {
  background-color: {color4};
  color: {background};
}

/* Scrollbar */
scrollbar {
  background-color: {background};
}

scrollbar slider {
  background-color: {color8};
  border-radius: 8px;
  min-width: 8px;
  min-height: 8px;
}

scrollbar slider:hover {
  background-color: {color4};
}

/* Progressbar */
progressbar {
  background-color: {color0};
  border-radius: 4px;
}

progressbar progress {
  background-color: {color4};
  border-radius: 4px;
}

/* Switch */
switch {
  background-color: {color0};
  border: 1px solid {color8};
  border-radius: 12px;
}

switch:checked {
  background-color: {color4};
}

switch slider {
  background-color: {foreground};
  border-radius: 50%;
}

/* Checkbutton & Radiobutton */
checkbutton check,
radiobutton radio {
  background-color: {color0};
  border: 1px solid {color8};
}

checkbutton check:checked,
radiobutton radio:checked {
  background-color: {color4};
  border-color: {color4};
}

/* Tooltip */
tooltip {
  background-color: {color0};
  color: {foreground};
  border: 1px solid {color8};
  border-radius: 4px;
  padding: 6px;
}

/* Popover */
popover {
  background-color: {color0};
  color: {foreground};
  border: 1px solid {color8};
  border-radius: 8px;
  padding: 6px;
}

/* Frame */
frame {
  border: 1px solid {color8};
  border-radius: 4px;
}

/* List */
list,
.view {
  background-color: {background};
  color: {foreground};
}

list row {
  padding: 6px;
}

list row:hover {
  background-color: {color8};
}

list row:selected {
  background-color: {color4};
  color: {background};
}