@function gtkalpha($c,$a) {
  @return unquote("alpha(#{$c},#{$a})");
}

// base options
@import 'theme-options-temp';
@import 'gtk-base-temp';

// colors palette
@import 'colors-palette';

// Base colors
$base_color:                        if($variant == 'light', #ffffff, if($darker == 'true', #1f1f1f, #242424));
$text_color:                        if($variant == 'light', #363636, #dadada);
$bg_color:                          if($variant == 'light', #f5f5f5, if($darker == 'true', #282828, #333333));
$fg_color:                          if($variant == 'light', #242424, #dedede);
$alt_fg_color:                      if($variant == 'light', #424242, #afafaf);
$hint_fg_color:                     if($variant == 'light', #565656, #999999);

@if $colorscheme == 'nord' {
  $base_color:                      if($variant == 'light', #fbfcfd, if($darker == 'true', #1d2025, #252932));
  $text_color:                      if($variant == 'light', #2b303b, #d3d7df);
  $bg_color:                        if($variant == 'light', #f8f9fc, if($darker == 'true', #23272f, #2b303b));
  $fg_color:                        if($variant == 'light', #1e222a, #d9dce3);
  $alt_fg_color:                    if($variant == 'light', #383f4d, #a2abbc);
  $hint_fg_color:                   if($variant == 'light', #495265, #8994a9);
}

$track_color:                       if($variant == 'light', rgba(black, 0.20), rgba(white, 0.16));
$visit_color:                       if($variant == 'light', rgba(black, 0.16), rgba(white, 0.12));
$divider_color:                     if($variant == 'light', rgba(black, 0.12), rgba(white, 0.1));
$fill_color:                        if($variant == 'light', rgba(black, 0.06), rgba(white, 0.05));

$light_fg_color:                    white;
$light_alt_fg_color:                rgba(white, 0.85);
$light_hint_fg_color:               rgba(white, 0.50);
$light_disabled_fg_color:           rgba(white, 0.45);
$light_alt_disabled_fg_color:       rgba(white, 0.35);
$light_track_color:                 rgba(white, 0.28);
$light_divider_color:               rgba(white, 0.15);

$selected_fg_color:                 $light_fg_color;
$selected_bg_color:                 if($colorscheme == 'nord', $nord_color_default, $theme_color_default);

@if $theme == 'blue' {
  $selected_bg_color:               if($colorscheme == 'nord', $nord_color_blue, $theme_color_blue);
}

@if $theme == 'purple' {
  $selected_bg_color:               if($colorscheme == 'nord', $nord_color_purple, $theme_color_purple);
}

@if $theme == 'pink' {
  $selected_bg_color:               if($colorscheme == 'nord', $nord_color_pink, $theme_color_pink);
}

@if $theme == 'red' {
  $selected_bg_color:               if($colorscheme == 'nord', $nord_color_red, $theme_color_red);
}

@if $theme == 'orange' {
  $selected_bg_color:               if($colorscheme == 'nord', $nord_color_orange, $theme_color_orange);
}

@if $theme == 'yellow' {
  $selected_bg_color:               if($colorscheme == 'nord', $nord_color_yellow, $theme_color_yellow);
}

@if $theme == 'green' {
  $selected_bg_color:               if($colorscheme == 'nord', $nord_color_green, $theme_color_green);
}

@if $theme == 'grey' {
  $selected_bg_color:               if($colorscheme == 'nord', $nord_color_grey, $theme_color_grey);
}

$primary_color:                     $selected_bg_color;

$selected_borders_color:            darken($selected_bg_color, 10%);
$borders_color:                     if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12));
$light_borders_color:               if($variant == 'light', rgba(black, 0.08), rgba(white, 0.10));
$dark_borders_color:                if($variant == 'light', rgba(black, 0.08), rgba(black, 0.15));
$solid_borders_color:               if($variant == 'light', darken($bg_color, 12%), lighten($bg_color, 8%));
$dark_solid_borders_color:          if($variant == 'light', darken($bg_color, 12%), darken($bg_color, 5%));
$highlight_color:                   if($variant == 'light', rgba(white, 0.15), rgba(white, 0.1));

// Gnome-shell background colors
$dark_bg_color:                     rgba(black, 0.6);
$alt_dark_bg_color:                 rgba(black, 0.3);

// for gnome-shell keyboard
$solid_bg_color:                    if($variant == 'light', #eeeeee, #555555);
$alt_solid_bg_color:                if($variant == 'light', #c0c0c0, #242424);

@if $colorscheme == 'nord' {
  $solid_bg_color:                  if($variant == 'light', #eaecf0, #464f62);
  $alt_solid_bg_color:              if($variant == 'light', #b6bdca, #1e222a);
}

// Link colors
$link_color:                        if($colorscheme == 'nord', #5e81ac, #3484e2);
$link_visited_color:                if($variant == 'light', lighten($text_color, 10%), darken($text_color, 15%));

// Theme colors
$selection_mode_bg:                 lighten($selected_bg_color, 15%);
$warning_color:                     if($colorscheme == 'nord', $nord_color_orange, $theme_color_orange);
$error_color:                       if($colorscheme == 'nord', $nord_color_red, $theme_color_red);
$success_color:                     if($colorscheme == 'nord', $nord_color_green, $theme_color_green);
$destructive_color:                 if($colorscheme == 'nord', $nord_color_red, $theme_color_red);
$suggested_color:                   if($colorscheme == 'nord', $nord_color_blue, $theme_color_blue);

$progress_color:                    $selected_bg_color;
$drop_target_color:                 if($colorscheme == 'nord', $nord_color_orange, $theme_color_orange);

//insensitive state derived colors
$disabled_fg_color:                 if($variant == 'light', transparentize($fg_color, 0.55), transparentize($fg_color, 0.65));
$alt_disabled_fg_color:             if($variant == 'light', transparentize($alt_fg_color, 0.55), transparentize($alt_fg_color, 0.65));
$disabled_bg_color:                 if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%));

// Headerbar colors
$header_bg:                         if($variant == 'light', #ffffff, if($darker == 'true', #1e1e1e, #373737));
$header_highlight:                  if($variant == 'dark', if($darker == 'true', #242424, #434343), #f5f5f5); // For metacity
$header_fg:                         if($variant == 'light', #575757, #FDFDFD);

@if $colorscheme == 'nord' {
  $header_bg:                       if($variant == 'light', #fbfcfd, if($darker == 'true', #191c23, #2e3440));
  $header_highlight:                if($variant == 'dark', if($darker == 'true', #1e222a, #383f4e), #f3f4f7); // For metacity
  $header_fg:                       if($variant == 'light', #57647f, #f8f9fc);
}

$dark_header_bg:                    if($trans == 'true', rgba($base_color, 0.96), $base_color);
$header_bg_backdrop:                if($variant == 'light', darken($header_bg, 0%), darken($header_bg, 0%));
$header_border:                     if($variant == 'light', mix(black, $header_bg, 12%), mix(black, $header_bg, 75%));

// Sidebar colors
$dark_sidebar_bg: white;

@if $trans=='true' and $variant=='light' {
  $dark_sidebar_bg:                 rgba(if($colorscheme == 'nord', #eeeff2, #f0f0f0), 0.96);
}

@if $trans=='false' and $variant=='light' {
  $dark_sidebar_bg:                 if($colorscheme == 'nord', #eeeff2, #f0f0f0);
}

@if $trans=='true' and $variant=='dark' {
  @if $colorscheme == 'nord' {
    $dark_sidebar_bg:               rgba(if($darker == 'true', #22262e, #2b303b), 0.96);
  } @else {
    $dark_sidebar_bg:               rgba(if($darker == 'true', #282828, #333333), 0.96);
  }
}

@if $trans=='false' and $variant=='dark' {
  @if $colorscheme == 'nord' {
    $dark_sidebar_bg:               if($darker == 'true', #22262e, #2b303b);
  } @else {
    $dark_sidebar_bg:               if($darker == 'true', #282828, #333333);
  }
}

$dark_sidebar_fg:                   $text_color;
$dark_sidebar_border:               if($variant == 'light', $solid_borders_color, $header_border);
$sidebar_theme_color:               if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12));

//OSD colors
$osd_fg_color:                      if($colorscheme == 'nord', #dadada, #d3d7df);
$osd_bg_color:                    if($trans == 'true', rgba(if($darker == 'true', #1a1a1a, #2a2a2a), 0.9), if($darker == 'true', #1a1a1a, #2a2a2a));
@if $colorscheme == 'nord' {
  $osd_bg_color:                    if($trans == 'true', rgba(if($darker == 'true', #16191e, #222730), 0.9), if($darker == 'true', #16191e, #222730));
}
$osd_button_bg:                     rgba(lighten($osd_bg_color, 22%), 0.96);
$osd_button_border:                 $dark_borders_color;
$osd_entry_bg:                      rgba(lighten($osd_bg_color, 22%), 0.96);
$osd_entry_border:                  $dark_borders_color;
$osd_disabled_bg_color:             darken($osd_bg_color, 3%);
$osd_disabled_fg_color:             rgba($osd_fg_color, 0.35);
$osd_borders_color:                 $dark_borders_color;

// Menu colors
$menu_bg:                           if($variant == 'light', $base_color, $bg_color);
$menu_bd:                           if($variant == 'light', rgba(black, 0.05), rgba(white, 0.08));

@if $trans == 'true' {
  $menu_bg:                         if($variant == 'light', rgba($base_color, 0.95), rgba($bg_color, 0.95));
}

$dialog_bg_color:                   if($variant == 'light', darken($bg_color, 5%), $base_color);

@if $trans=='true' {
  $dialog_bg_color:                 if($variant == 'light', rgba($bg_color, 0.95), rgba($base_color, 0.95));
}

$submenu_bg_color:                  if($variant == 'light', rgba(white, 1), rgba(white, 0.1));

@if $trans=='true' {
  $submenu_bg_color:                if($variant == 'light', rgba(white, 0.75), rgba(white, 0.15));
}

@if $colorscheme == 'nord' {
  $submenu_bg_color:                  if($variant == 'light', rgba(#fbfcfd, 1), rgba(#fbfcfd, 0.1));

  @if $trans=='true' {
    $submenu_bg_color:                if($variant == 'light', rgba(#fbfcfd, 0.75), rgba(#464f60, 0.75));
  }
}

// Panel colors
$panel_bg:                          if($variant == 'light', #f1f1f1, if($darker == 'true', #1f1f1f, #2a2a2a));

@if $colorscheme == 'nord' {
  $panel_bg:                        if($variant == 'light', #f0f1f4, if($darker == 'true', #1a1d24, #222730));
}

@if $trans == 'true' {
  $panel_bg:                        if($variant == 'light', rgba(white, $panel_opacity/2 + 0.08), rgba(black, $panel_opacity));

  @if $panel_font == 'black' {
    $panel_bg:                      if($variant == 'light', rgba(white, $panel_opacity/2 + 0.08), rgba(black, $panel_opacity/2));
  }
}

$panel_text:                        if($variant == 'light', #363636, white);

@if $colorscheme == 'nord' {
  $panel_text:                      if($variant == 'light', #2d333f, #fbfcfd);
}

$panel_fg:                          if($trans == 'true' and $panel_font == 'white', white, $panel_text);
$panel_track:                       if(($trans == 'false' or $panel_font == 'black') and $variant == 'light', rgba(black, 0.15), rgba(white, 0.28));
$panel_divider:                     if(($trans == 'false' or $panel_font == 'black') and $variant == 'light', rgba(black, 0.08), rgba(white, 0.15));

$dash_fg:                           if($variant == 'light', black, white);
$dash_bg:                           if($variant == 'light', rgba(#d1d1d1, $panel_opacity + 0.33), rgba(if($darker == 'true', #1f1f1f, #222222), $panel_opacity/2 + 0.6));

@if $trans == 'true' and $panel_font == 'black' {
  $dash_bg:                         if($variant == 'light', rgba(#d1d1d1, $panel_opacity/2 + 0.08), rgba(if($darker == 'true', #1f1f1f, #222222), $panel_opacity + 0.15));
}

@if $colorscheme == 'nord' {
  $dash_bg:                         if($variant == 'light', rgba(#cacfd8, $panel_opacity + 0.33), rgba(if($darker == 'true', #1a1d24, #1d2027), $panel_opacity/2 + 0.6));

  @if $trans == 'true' and $panel_font == 'black' {
    $dash_bg:                       if($variant == 'light', rgba(#cacfd8, $panel_opacity/2 + 0.08), rgba(if($darker == 'true', #1a1d24, #1d2027), $panel_opacity + 0.15));
  }
}

// Entry colors
$entry_bg:                          if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05));
$entry_shell_bg:                    if($variant == 'light', rgba(black, 0.1), rgba(white, 0.1));
$entry_border:                      $borders_color;
$entry_highlight:                   rgba($selection_mode_bg, 0.75);

// Button colors
$button_bg:                         if($variant == 'light', white, #656565);
@if $colorscheme == 'nord' {
  $button_bg:                       if($variant == 'light', #fbfcfd, #556075);
}
$button_border:                     $borders_color;

$header_button_bg:                  if($variant == 'dark', lighten($header_bg, 15%), $header_bg);
$header_button_hover_bg:            if($variant == 'dark', lighten($header_bg, 25%), lighten($header_bg, 15%));
$header_button_active_bg:           if($variant == 'dark', lighten($header_bg, 35%), lighten($header_bg, 25%));
$header_button_checked_bg:          if($variant == 'dark', lighten($header_bg, 45%), lighten($header_bg, 20%));

// Button borders and highlights colors
$button_highlight:                  if($variant == 'light', white, rgba(white, 0.1));
$button_borders:                    if($variant == 'light', $button_border, $dark_borders_color);

// WM colors
$wm_outline_light:                  0 0 0 2px rgba(black, 0.03), 0 0 0 1px rgba(black, 0.12);
$wm_outline_dark:                   0 0 0 2px rgba(black, 0.1), 0 0 0 1px rgba(black, 0.75);
$wm_shadow:                         if($variant=='light', rgba(black, 0.15), rgba(black, 0.35));
$wm_outline:                        if($variant=='light', $wm_outline_light, $wm_outline_dark);

// WM Buttons

// Close
$wm_button_close_bg:                if($variant == 'light', #fe6254, #e9524a);
$wm_button_close_hover_bg:          if($variant == 'light', #fe6254, #e9524a);
$wm_button_close_active_bg:         if($variant == 'light', #cb4e43, #ba423b);
$wm_button_close_border:            if($variant == 'light', #cb4e43, #ba423b);
$wm_icon_close_bg:                  if($variant == 'light', #7f312a, #742925);

// Minimize
$wm_button_minimize_bg:             if($variant == 'light', #fdc92d, #f1ae1b);
$wm_button_minimize_hover_bg:       if($variant == 'light', #fdc92d, #f1ae1b);
$wm_button_minimize_active_bg:      if($variant == 'light', #caa124, #c18b16);
$wm_button_minimize_border:         if($variant == 'light', #caa124, #c18b16);
$wm_icon_minimize_bg:               if($variant == 'light', #7e6416, #78570d);

// Maximize
$wm_button_maximize_bg:             if($variant == 'light', #28d33f, #59c837);
$wm_button_maximize_hover_bg:       if($variant == 'light', #28d33f, #59c837);
$wm_button_maximize_active_bg:      if($variant == 'light', #20a932, #47a02c);
$wm_button_maximize_border:         if($variant == 'light', #20a932, #47a02c);
$wm_icon_maximize_bg:               if($variant == 'light', #14691f, #2c641b);