src/main.css

   1 body {
   2     background-color: black;
   3 }
   4
   5 .yuu-toast {
   6     background-color: hsla(276, 33%, 10%, 1.0);
   7     border: solid hsla(276, 33%, 48%, 1.0) 2px;
   8     color: hsla(276, 33%, 95%, 1.0);
   9 }
  10
  11 .yuu-overlay {
  12     background-color: hsla(276, 33%, 10%, 0.9);
  13     border: solid hsla(276, 33%, 48%, 1.0) 2px;
  14     color: hsla(276, 33%, 95%, 1.0);
  15 }
  16
  17 .yuu-overlay *:focus {
  18     box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
  19     -moz-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
  20     -webkit-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
  21     outline: none;
  22 }
  23
  24 input[type=range][data-yuu-command] {
  25     background-color: hsla(276, 33%, 25%, 1.0);
  26     border: solid hsla(276, 33%, 48%, 0.33) 1px;
  27 }
  28
  29 input[type=range][data-yuu-command]::-webkit-slider-thumb {
  30     background-color: hsla(276, 33%, 65%, 1.0);
  31 }
  32
  33 input[type=range][data-yuu-command]::-moz-range-track {
  34     background-color: hsla(276, 33%, 25%, 1.0);
  35 }
  36
  37 input[type=range][data-yuu-command]::-moz-range-thumb {
  38     background: hsla(276, 33%, 65%, 1.0);
  39 }
  40
  41 input[type=checkbox][data-yuu-command]:focus + label[for] {
  42     box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
  43     -moz-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
  44     -webkit-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
  45     outline: 0;
  46 }
  47
  48 input[data-yuu-command] + label[for]:before {
  49     color: hsla(276, 33%, 65%, 1.0);
  50 }
  51
  52 a[href], [data-yuu-command] {
  53     color: hsla(276, 33%, 65%, 1.0);
  54 }
  55
  56 hr {
  57     border: solid hsla(276, 33%, 48%, 0.75) 1px;
  58 }
  59
  60 .link-footer {
  61     list-style-type: none;
  62     text-align: center;
  63     margin-left: 0;
  64     padding-left: 0;
  65 }