{ lib, config, ... }:

let
	theme = "dark";
in
{
	home.file.".config/swayosd/style_dark.css".text = ''
window#osd {
  border-radius: 0px;
  border: 2px solid #EBDBB2;
  background: #32302F;

  #container {
    margin: 16px;
  }

  image,
  label {
    color: #EBDBB2;
  }

  progressbar:disabled,
  image:disabled {
    opacity: 1;
  }

  progressbar,
  segmentedprogress {
    min-height: 6px;
    border-radius: 0px;
    background: transparent;
    border: none;
  }
  trough,
  segment {
    min-height: inherit;
    border-radius: 0px;
    border: none;
    background: #{"alpha(@theme_fg_color, 0.5)"};
  }
  progress,
  segment.active {
    min-height: inherit;
    border-radius: 0px;
    border: none;
    background: #{"@theme_fg_color"};
  }

  segment {
    margin-left: 8px;
    &:first-child {
      margin-left: 0;
    }
  }
}
	'';

	home.file.".config/swayosd/style_light.css".text = ''
window#osd {
  border-radius: 0px;
  border: 2px solid #D5C4A1;
  background: #EBDBB2;

  #container {
    margin: 16px;
  }

  image,
  label {
    color: #EBDBB2;
  }

  progressbar:disabled,
  image:disabled {
    opacity: 1;
  }

  progressbar,
  segmentedprogress {
    min-height: 6px;
    border-radius: 0px;
    background: transparent;
    border: none;
  }
  trough,
  segment {
    min-height: inherit;
    border-radius: 0px;
    border: none;
    background: #{"alpha(@theme_fg_color, 0.5)"};
  }
  progress,
  segment.active {
    min-height: inherit;
    border-radius: 0px;
    border: none;
    background: #{"@theme_fg_color"};
  }

  segment {
    margin-left: 8px;
    &:first-child {
      margin-left: 0;
    }
  }
}
	'';

	home.file.".config/swayosd/style.css".source = config.home.file.".config/swayosd/style_${theme}.css".source;
}