adwaita-web/dist/adwaita/light-color-variables.js

A GTK inspired toolkit designed to build awesome web apps

var light_color_variables_default = `
:root {
  --alt-borders-color: #bfb8b1;
  --alt-focus-borders-color: rgba(255, 255, 255, 0.8);
  --backdrop-base-color: #fcfcfc;
  --backdrop-bg-color: #f6f5f4;
  --backdrop-borders-color: #d5d0cc;
  --backdrop-dark-fill: #eae8e6;
  --backdrop-fg-color: #929595;
  --backdrop-insensitive-color: #d4cfca;
  --backdrop-selected-fg-color: #fcfcfc;
  --backdrop-text-color: #323232;
  --background-default-color: #f6f5f4;
  --background-high-color: #e2dedb;
  --background-low-color: #ffffff;
  --background-medium-color: #f1f0ee;
  --base-color: #ffffff;
  --base-icon-color: #585d5e;
  --bg-color: #f6f5f4;
  --borders-color: #cdc7c2;
  --borders-edge-color: rgba(255, 255, 255, 0.8);
  --checkradio-bg-color: #3584e4;
  --checkradio-borders-color: #1b6acb;
  --checkradio-fg-color: #ffffff;
  --code-bg-color: #fff;
  --code-border-color: #ccc;
  --danger-color: #cc0000;
  --destructive-color: #e01b24;
  --dimmed-selected-bg-color: #1b6acb;
  --dimmed-transparent-selected-bg-color: rgba(27, 106, 203, 0.2);
  --drop-target-color: #2ec27e;
  --error-color: #cc0000;
  --fg-color: #2e3436;
  --fg-title-color: #979a9b;
  --focus-borders-color: rgba(53, 132, 228, 0.5);
  --header-bar-bg-color: #f1f0ee;
  --info-color: #3584e4;
  --insensitive-bg-color: #f7f6f5;
  --insensitive-borders-color: #d5d0cc;
  --insensitive-fg-color: #929595;
  --lighten-bg-color: white;
  --lighten-borders-color: #d6d1cd;
  --link-active-selected-color: #d1e1f5;
  --link-color: #1b6acb;
  --link-disabled-color: rgba(115, 115, 115, 0.8);
  --link-hover-color: #3584e4;
  --link-selected-color: #d1e1f5;
  --link-selected-hover-color: #ebf3fc;
  --link-selected-visited-color: #a1bad8;
  --link-visited-color: #15539e;
  --menu-color: #ffffff;
  --menu-selected-color: #efedec;
  --muted-color: #829095;
  --osd-bg-color: rgba(53, 53, 53, 0.7);
  --osd-borders-color: rgba(0, 0, 0, 0.7);
  --osd-fg-color: #eeeeec;
  --osd-insensitive-bg-color: rgba(72, 72, 71, 0.5);
  --osd-insensitive-fg-color: #929291;
  --osd-text-color: white;
  --panel-danger-color: #ebadad;
  --panel-default-color: #e2dedb;
  --panel-info-color: #c4d7ee;
  --panel-success-color: #b4d0c0;
  --panel-warning-color: #eed3ba;
  --popover-bg-color: #ffffff;
  --popover-fg-color: black;
  --popover-border-color: rgba(0, 0, 0, 0.23);
  --progress-bg-color: #3584e4;
  --progress-borders-color: #185fb4;
  --scrollbar-bg-color: #cecece;
  --scrollbar-slider-active-color: #1b6acb;
  --scrollbar-slider-color: #7e8182;
  --scrollbar-slider-hover-color: #565b5c;
  --selected-bg-color: #3584e4;
  --selected-borders-color: #185fb4;
  --selected-fg-color: #ffffff;
  --selected-text-shadow-color: 0 1px rgba(53, 132, 228, 0.5), 0 0 2px rgba(255, 255, 255, 0.6);
  --shadow-color: rgba(0, 0, 0, 0.1);
  --sidebar-bg-color: #fbfafa;
  --success-color: #33d17a;
  --suggested-bg-color: #3584e4;
  --suggested-border-color: #185fb4;
  --switch-bg-color: #3584e4;
  --switch-borders-color: #185fb4;
  --text-color: black;
  --text-view-bg-color: #ffffff;
  --tooltip-borders-color: rgba(255, 255, 255, 0.1);
  --top-highlight-color: rgba(255, 255, 255, 0.8);
  --treeview-backdrop-borders-color: #ddd9d6;
  --treeview-borders-color: #d7d2ce;
  --warning-color: #f57900;
  --window-keycap-box-shadow-color: inset 0 -3px #f8f7f6;
  --wm-highlight-color: rgba(255, 255, 255, 0.8);
  --fg-color-darken-5: #222728;
  --fg-color-lighten-5: #3a4144;
  --fg-color-desaturate-5: #313334;
  --fg-color-darken-10: #17191a;
  --fg-color-lighten-10: #454f52;
  --fg-color-desaturate-10: #323232;
  --fg-color-darken-15: #0b0c0d;
  --fg-color-lighten-15: #515c5f;
  --fg-color-desaturate-15: #323232;
  --fg-color-darken-20: black;
  --fg-color-lighten-20: #5d696d;
  --fg-color-desaturate-20: #323232;
  --fg-color-darken-25: black;
  --fg-color-lighten-25: #69767b;
  --fg-color-desaturate-25: #323232;
  --fg-color-darken-30: black;
  --fg-color-lighten-30: #748489;
  --fg-color-desaturate-30: #323232;
  --fg-color-darken-35: black;
  --fg-color-lighten-35: #829095;
  --fg-color-desaturate-35: #323232;
  --fg-color-darken-40: black;
  --fg-color-lighten-40: #909ca0;
  --fg-color-desaturate-40: #323232;
  --fg-color-darken-45: black;
  --fg-color-lighten-45: #9ea8ac;
  --fg-color-desaturate-45: #323232;
  --fg-color-darken-50: black;
  --fg-color-lighten-50: #abb5b8;
  --fg-color-desaturate-50: #323232;
  --fg-color-darken-55: black;
  --fg-color-lighten-55: #b9c1c3;
  --fg-color-desaturate-55: #323232;
  --fg-color-darken-60: black;
  --fg-color-lighten-60: #c7cdcf;
  --fg-color-desaturate-60: #323232;
  --fg-color-darken-65: black;
  --fg-color-lighten-65: #d5d9db;
  --fg-color-desaturate-65: #323232;
  --fg-color-darken-70: black;
  --fg-color-lighten-70: #e2e6e7;
  --fg-color-desaturate-70: #323232;
  --fg-color-darken-75: black;
  --fg-color-lighten-75: #f0f2f2;
  --fg-color-desaturate-75: #323232;
  --fg-color-darken-80: black;
  --fg-color-lighten-80: #fefefe;
  --fg-color-desaturate-80: #323232;
  --fg-color-darken-85: black;
  --fg-color-lighten-85: white;
  --fg-color-desaturate-85: #323232;
  --fg-color-darken-90: black;
  --fg-color-lighten-90: white;
  --fg-color-desaturate-90: #323232;
  --fg-color-darken-95: black;
  --fg-color-lighten-95: white;
  --fg-color-desaturate-95: #323232;
  --fg-color-transparentize-10: rgba(46, 52, 54, 0.9);
  --fg-color-transparentize-20: rgba(46, 52, 54, 0.8);
  --fg-color-transparentize-30: rgba(46, 52, 54, 0.7);
  --fg-color-transparentize-40: rgba(46, 52, 54, 0.6);
  --fg-color-transparentize-50: rgba(46, 52, 54, 0.5);
  --fg-color-transparentize-60: rgba(46, 52, 54, 0.4);
  --fg-color-transparentize-70: rgba(46, 52, 54, 0.3);
  --fg-color-transparentize-80: rgba(46, 52, 54, 0.2);
  --fg-color-transparentize-90: rgba(46, 52, 54, 0.1);
  --fg-color-transparentize-100: rgba(46, 52, 54, 0);
  --bg-color-darken-5: #ebe8e6;
  --bg-color-lighten-5: white;
  --bg-color-desaturate-5: #f6f5f5;
  --bg-color-darken-10: #dfdcd8;
  --bg-color-lighten-10: white;
  --bg-color-desaturate-10: whitesmoke;
  --bg-color-darken-15: #d4cfca;
  --bg-color-lighten-15: white;
  --bg-color-desaturate-15: whitesmoke;
  --bg-color-darken-20: #c8c2bc;
  --bg-color-lighten-20: white;
  --bg-color-desaturate-20: whitesmoke;
  --bg-color-darken-25: #bdb5ae;
  --bg-color-lighten-25: white;
  --bg-color-desaturate-25: whitesmoke;
  --bg-color-darken-30: #b1a9a0;
  --bg-color-lighten-30: white;
  --bg-color-desaturate-30: whitesmoke;
  --bg-color-darken-35: #a69c92;
  --bg-color-lighten-35: white;
  --bg-color-desaturate-35: whitesmoke;
  --bg-color-darken-40: #9a8f84;
  --bg-color-lighten-40: white;
  --bg-color-desaturate-40: whitesmoke;
  --bg-color-darken-45: #8f8276;
  --bg-color-lighten-45: white;
  --bg-color-desaturate-45: whitesmoke;
  --bg-color-darken-50: #81766a;
  --bg-color-lighten-50: white;
  --bg-color-desaturate-50: whitesmoke;
  --bg-color-darken-55: #73695e;
  --bg-color-lighten-55: white;
  --bg-color-desaturate-55: whitesmoke;
  --bg-color-darken-60: #655c53;
  --bg-color-lighten-60: white;
  --bg-color-desaturate-60: whitesmoke;
  --bg-color-darken-65: #574f47;
  --bg-color-lighten-65: white;
  --bg-color-desaturate-65: whitesmoke;
  --bg-color-darken-70: #49433c;
  --bg-color-lighten-70: white;
  --bg-color-desaturate-70: whitesmoke;
  --bg-color-darken-75: #3b3630;
  --bg-color-lighten-75: white;
  --bg-color-desaturate-75: whitesmoke;
  --bg-color-darken-80: #2d2925;
  --bg-color-lighten-80: white;
  --bg-color-desaturate-80: whitesmoke;
  --bg-color-darken-85: #1f1c19;
  --bg-color-lighten-85: white;
  --bg-color-desaturate-85: whitesmoke;
  --bg-color-darken-90: #11100e;
  --bg-color-lighten-90: white;
  --bg-color-desaturate-90: whitesmoke;
  --bg-color-darken-95: #030302;
  --bg-color-lighten-95: white;
  --bg-color-desaturate-95: whitesmoke;
  --bg-color-transparentize-10: rgba(246, 245, 244, 0.9);
  --bg-color-transparentize-20: rgba(246, 245, 244, 0.8);
  --bg-color-transparentize-30: rgba(246, 245, 244, 0.7);
  --bg-color-transparentize-40: rgba(246, 245, 244, 0.6);
  --bg-color-transparentize-50: rgba(246, 245, 244, 0.5);
  --bg-color-transparentize-60: rgba(246, 245, 244, 0.4);
  --bg-color-transparentize-70: rgba(246, 245, 244, 0.3);
  --bg-color-transparentize-80: rgba(246, 245, 244, 0.2);
  --bg-color-transparentize-90: rgba(246, 245, 244, 0.1);
  --bg-color-transparentize-100: rgba(246, 245, 244, 0);
  --osd-bg-color-darken-5: rgba(40, 40, 40, 0.7);
  --osd-bg-color-lighten-5: rgba(66, 66, 66, 0.7);
  --osd-bg-color-desaturate-5: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-10: rgba(27, 27, 27, 0.7);
  --osd-bg-color-lighten-10: rgba(78, 78, 78, 0.7);
  --osd-bg-color-desaturate-10: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-15: rgba(15, 15, 15, 0.7);
  --osd-bg-color-lighten-15: rgba(91, 91, 91, 0.7);
  --osd-bg-color-desaturate-15: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-20: rgba(2, 2, 2, 0.7);
  --osd-bg-color-lighten-20: rgba(104, 104, 104, 0.7);
  --osd-bg-color-desaturate-20: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-25: rgba(0, 0, 0, 0.7);
  --osd-bg-color-lighten-25: rgba(117, 117, 117, 0.7);
  --osd-bg-color-desaturate-25: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-30: rgba(0, 0, 0, 0.7);
  --osd-bg-color-lighten-30: rgba(129, 129, 129, 0.7);
  --osd-bg-color-desaturate-30: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-35: rgba(0, 0, 0, 0.7);
  --osd-bg-color-lighten-35: rgba(142, 142, 142, 0.7);
  --osd-bg-color-desaturate-35: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-40: rgba(0, 0, 0, 0.7);
  --osd-bg-color-lighten-40: rgba(155, 155, 155, 0.7);
  --osd-bg-color-desaturate-40: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-45: rgba(0, 0, 0, 0.7);
  --osd-bg-color-lighten-45: rgba(168, 168, 168, 0.7);
  --osd-bg-color-desaturate-45: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-50: rgba(0, 0, 0, 0.7);
  --osd-bg-color-lighten-50: rgba(180, 180, 180, 0.7);
  --osd-bg-color-desaturate-50: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-55: rgba(0, 0, 0, 0.7);
  --osd-bg-color-lighten-55: rgba(193, 193, 193, 0.7);
  --osd-bg-color-desaturate-55: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-60: rgba(0, 0, 0, 0.7);
  --osd-bg-color-lighten-60: rgba(206, 206, 206, 0.7);
  --osd-bg-color-desaturate-60: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-65: rgba(0, 0, 0, 0.7);
  --osd-bg-color-lighten-65: rgba(219, 219, 219, 0.7);
  --osd-bg-color-desaturate-65: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-70: rgba(0, 0, 0, 0.7);
  --osd-bg-color-lighten-70: rgba(231, 231, 231, 0.7);
  --osd-bg-color-desaturate-70: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-75: rgba(0, 0, 0, 0.7);
  --osd-bg-color-lighten-75: rgba(244, 244, 244, 0.7);
  --osd-bg-color-desaturate-75: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-80: rgba(0, 0, 0, 0.7);
  --osd-bg-color-lighten-80: rgba(255, 255, 255, 0.7);
  --osd-bg-color-desaturate-80: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-85: rgba(0, 0, 0, 0.7);
  --osd-bg-color-lighten-85: rgba(255, 255, 255, 0.7);
  --osd-bg-color-desaturate-85: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-90: rgba(0, 0, 0, 0.7);
  --osd-bg-color-lighten-90: rgba(255, 255, 255, 0.7);
  --osd-bg-color-desaturate-90: rgba(53, 53, 53, 0.7);
  --osd-bg-color-darken-95: rgba(0, 0, 0, 0.7);
  --osd-bg-color-lighten-95: rgba(255, 255, 255, 0.7);
  --osd-bg-color-desaturate-95: rgba(53, 53, 53, 0.7);
  --osd-bg-color-transparentize-10: rgba(53, 53, 53, 0.6);
  --osd-bg-color-transparentize-20: rgba(53, 53, 53, 0.5);
  --osd-bg-color-transparentize-30: rgba(53, 53, 53, 0.4);
  --osd-bg-color-transparentize-40: rgba(53, 53, 53, 0.3);
  --osd-bg-color-transparentize-50: rgba(53, 53, 53, 0.2);
  --osd-bg-color-transparentize-60: rgba(53, 53, 53, 0.1);
  --osd-bg-color-transparentize-70: rgba(53, 53, 53, 0);
  --osd-bg-color-transparentize-80: rgba(53, 53, 53, 0);
  --osd-bg-color-transparentize-90: rgba(53, 53, 53, 0);
  --osd-bg-color-transparentize-100: rgba(53, 53, 53, 0);
  --osd-borders-color-darken-5: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-5: rgba(13, 13, 13, 0.7);
  --osd-borders-color-desaturate-5: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-10: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-10: rgba(26, 26, 26, 0.7);
  --osd-borders-color-desaturate-10: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-15: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-15: rgba(38, 38, 38, 0.7);
  --osd-borders-color-desaturate-15: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-20: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-20: rgba(51, 51, 51, 0.7);
  --osd-borders-color-desaturate-20: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-25: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-25: rgba(64, 64, 64, 0.7);
  --osd-borders-color-desaturate-25: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-30: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-30: rgba(77, 77, 77, 0.7);
  --osd-borders-color-desaturate-30: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-35: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-35: rgba(89, 89, 89, 0.7);
  --osd-borders-color-desaturate-35: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-40: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-40: rgba(102, 102, 102, 0.7);
  --osd-borders-color-desaturate-40: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-45: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-45: rgba(115, 115, 115, 0.7);
  --osd-borders-color-desaturate-45: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-50: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-50: rgba(128, 128, 128, 0.7);
  --osd-borders-color-desaturate-50: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-55: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-55: rgba(140, 140, 140, 0.7);
  --osd-borders-color-desaturate-55: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-60: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-60: rgba(153, 153, 153, 0.7);
  --osd-borders-color-desaturate-60: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-65: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-65: rgba(166, 166, 166, 0.7);
  --osd-borders-color-desaturate-65: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-70: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-70: rgba(179, 179, 179, 0.7);
  --osd-borders-color-desaturate-70: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-75: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-75: rgba(191, 191, 191, 0.7);
  --osd-borders-color-desaturate-75: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-80: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-80: rgba(204, 204, 204, 0.7);
  --osd-borders-color-desaturate-80: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-85: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-85: rgba(217, 217, 217, 0.7);
  --osd-borders-color-desaturate-85: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-90: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-90: rgba(230, 230, 230, 0.7);
  --osd-borders-color-desaturate-90: rgba(0, 0, 0, 0.7);
  --osd-borders-color-darken-95: rgba(0, 0, 0, 0.7);
  --osd-borders-color-lighten-95: rgba(242, 242, 242, 0.7);
  --osd-borders-color-desaturate-95: rgba(0, 0, 0, 0.7);
  --osd-borders-color-transparentize-10: rgba(0, 0, 0, 0.6);
  --osd-borders-color-transparentize-20: rgba(0, 0, 0, 0.5);
  --osd-borders-color-transparentize-30: rgba(0, 0, 0, 0.4);
  --osd-borders-color-transparentize-40: rgba(0, 0, 0, 0.3);
  --osd-borders-color-transparentize-50: rgba(0, 0, 0, 0.2);
  --osd-borders-color-transparentize-60: rgba(0, 0, 0, 0.1);
  --osd-borders-color-transparentize-70: rgba(0, 0, 0, 0);
  --osd-borders-color-transparentize-80: rgba(0, 0, 0, 0);
  --osd-borders-color-transparentize-90: rgba(0, 0, 0, 0);
  --osd-borders-color-transparentize-100: rgba(0, 0, 0, 0);
  --header-bar-bg-color-darken-5: #e6e3e0;
  --header-bar-bg-color-lighten-5: #fdfdfc;
  --header-bar-bg-color-desaturate-5: #f1f0ef;
  --header-bar-bg-color-darken-10: #dad6d2;
  --header-bar-bg-color-lighten-10: white;
  --header-bar-bg-color-desaturate-10: #f0f0f0;
  --header-bar-bg-color-darken-15: #cfcac4;
  --header-bar-bg-color-lighten-15: white;
  --header-bar-bg-color-desaturate-15: #f0f0f0;
  --header-bar-bg-color-darken-20: #c4bdb6;
  --header-bar-bg-color-lighten-20: white;
  --header-bar-bg-color-desaturate-20: #f0f0f0;
  --header-bar-bg-color-darken-25: #b8b0a8;
  --header-bar-bg-color-lighten-25: white;
  --header-bar-bg-color-desaturate-25: #f0f0f0;
  --header-bar-bg-color-darken-30: #ada39a;
  --header-bar-bg-color-lighten-30: white;
  --header-bar-bg-color-desaturate-30: #f0f0f0;
  --header-bar-bg-color-darken-35: #a1978c;
  --header-bar-bg-color-lighten-35: white;
  --header-bar-bg-color-desaturate-35: #f0f0f0;
  --header-bar-bg-color-darken-40: #968a7e;
  --header-bar-bg-color-lighten-40: white;
  --header-bar-bg-color-desaturate-40: #f0f0f0;
  --header-bar-bg-color-darken-45: #8a7d71;
  --header-bar-bg-color-lighten-45: white;
  --header-bar-bg-color-desaturate-45: #f0f0f0;
  --header-bar-bg-color-darken-50: #7c7065;
  --header-bar-bg-color-lighten-50: white;
  --header-bar-bg-color-desaturate-50: #f0f0f0;
  --header-bar-bg-color-darken-55: #6e645a;
  --header-bar-bg-color-lighten-55: white;
  --header-bar-bg-color-desaturate-55: #f0f0f0;
  --header-bar-bg-color-darken-60: #60574e;
  --header-bar-bg-color-lighten-60: white;
  --header-bar-bg-color-desaturate-60: #f0f0f0;
  --header-bar-bg-color-darken-65: #524a43;
  --header-bar-bg-color-lighten-65: white;
  --header-bar-bg-color-desaturate-65: #f0f0f0;
  --header-bar-bg-color-darken-70: #443d37;
  --header-bar-bg-color-lighten-70: white;
  --header-bar-bg-color-desaturate-70: #f0f0f0;
  --header-bar-bg-color-darken-75: #36312c;
  --header-bar-bg-color-lighten-75: white;
  --header-bar-bg-color-desaturate-75: #f0f0f0;
  --header-bar-bg-color-darken-80: #272420;
  --header-bar-bg-color-lighten-80: white;
  --header-bar-bg-color-desaturate-80: #f0f0f0;
  --header-bar-bg-color-darken-85: #191715;
  --header-bar-bg-color-lighten-85: white;
  --header-bar-bg-color-desaturate-85: #f0f0f0;
  --header-bar-bg-color-darken-90: #0b0a09;
  --header-bar-bg-color-lighten-90: white;
  --header-bar-bg-color-desaturate-90: #f0f0f0;
  --header-bar-bg-color-darken-95: black;
  --header-bar-bg-color-lighten-95: white;
  --header-bar-bg-color-desaturate-95: #f0f0f0;
  --header-bar-bg-color-transparentize-10: rgba(241, 240, 238, 0.9);
  --header-bar-bg-color-transparentize-20: rgba(241, 240, 238, 0.8);
  --header-bar-bg-color-transparentize-30: rgba(241, 240, 238, 0.7);
  --header-bar-bg-color-transparentize-40: rgba(241, 240, 238, 0.6);
  --header-bar-bg-color-transparentize-50: rgba(241, 240, 238, 0.5);
  --header-bar-bg-color-transparentize-60: rgba(241, 240, 238, 0.4);
  --header-bar-bg-color-transparentize-70: rgba(241, 240, 238, 0.3);
  --header-bar-bg-color-transparentize-80: rgba(241, 240, 238, 0.2);
  --header-bar-bg-color-transparentize-90: rgba(241, 240, 238, 0.1);
  --header-bar-bg-color-transparentize-100: rgba(241, 240, 238, 0);
  --borders-color-darken-5: #c1bab3;
  --borders-color-lighten-5: #d8d4d0;
  --borders-color-desaturate-5: #cac7c4;
  --borders-color-darken-10: #b6aea5;
  --borders-color-lighten-10: #e4e1de;
  --borders-color-desaturate-10: #c7c7c7;
  --borders-color-darken-15: #aaa197;
  --borders-color-lighten-15: #efedec;
  --borders-color-desaturate-15: #c7c7c7;
  --borders-color-darken-20: #9f9489;
  --borders-color-lighten-20: #fbfafa;
  --borders-color-desaturate-20: #c7c7c7;
  --borders-color-darken-25: #93877b;
  --borders-color-lighten-25: white;
  --borders-color-desaturate-25: #c7c7c7;
  --borders-color-darken-30: #877b6e;
  --borders-color-lighten-30: white;
  --borders-color-desaturate-30: #c7c7c7;
  --borders-color-darken-35: #796e63;
  --borders-color-lighten-35: white;
  --borders-color-desaturate-35: #c7c7c7;
  --borders-color-darken-40: #6b6157;
  --borders-color-lighten-40: white;
  --borders-color-desaturate-40: #c7c7c7;
  --borders-color-darken-45: #5d544c;
  --borders-color-lighten-45: white;
  --borders-color-desaturate-45: #c7c7c7;
  --borders-color-darken-50: #4f4840;
  --borders-color-lighten-50: white;
  --borders-color-desaturate-50: #c7c7c7;
  --borders-color-darken-55: #413b35;
  --borders-color-lighten-55: white;
  --borders-color-desaturate-55: #c7c7c7;
  --borders-color-darken-60: #332e29;
  --borders-color-lighten-60: white;
  --borders-color-desaturate-60: #c7c7c7;
  --borders-color-darken-65: #25211e;
  --borders-color-lighten-65: white;
  --borders-color-desaturate-65: #c7c7c7;
  --borders-color-darken-70: #171513;
  --borders-color-lighten-70: white;
  --borders-color-desaturate-70: #c7c7c7;
  --borders-color-darken-75: #090807;
  --borders-color-lighten-75: white;
  --borders-color-desaturate-75: #c7c7c7;
  --borders-color-darken-80: black;
  --borders-color-lighten-80: white;
  --borders-color-desaturate-80: #c7c7c7;
  --borders-color-darken-85: black;
  --borders-color-lighten-85: white;
  --borders-color-desaturate-85: #c7c7c7;
  --borders-color-darken-90: black;
  --borders-color-lighten-90: white;
  --borders-color-desaturate-90: #c7c7c7;
  --borders-color-darken-95: black;
  --borders-color-lighten-95: white;
  --borders-color-desaturate-95: #c7c7c7;
  --borders-color-transparentize-10: rgba(205, 199, 194, 0.9);
  --borders-color-transparentize-20: rgba(205, 199, 194, 0.8);
  --borders-color-transparentize-30: rgba(205, 199, 194, 0.7);
  --borders-color-transparentize-40: rgba(205, 199, 194, 0.6);
  --borders-color-transparentize-50: rgba(205, 199, 194, 0.5);
  --borders-color-transparentize-60: rgba(205, 199, 194, 0.4);
  --borders-color-transparentize-70: rgba(205, 199, 194, 0.3);
  --borders-color-transparentize-80: rgba(205, 199, 194, 0.2);
  --borders-color-transparentize-90: rgba(205, 199, 194, 0.1);
  --borders-color-transparentize-100: rgba(205, 199, 194, 0);
  --selected-bg-color-darken-5: #1f76e1;
  --selected-bg-color-lighten-5: #4b92e7;
  --selected-bg-color-desaturate-5: #3b85de;
  --selected-bg-color-darken-10: #1b6acb;
  --selected-bg-color-lighten-10: #629fea;
  --selected-bg-color-desaturate-10: #4085d9;
  --selected-bg-color-darken-15: #185fb4;
  --selected-bg-color-lighten-15: #78aded;
  --selected-bg-color-desaturate-15: #4686d3;
  --selected-bg-color-darken-20: #15539e;
  --selected-bg-color-lighten-20: #8fbbf0;
  --selected-bg-color-desaturate-20: #4c86cd;
  --selected-bg-color-darken-25: #124787;
  --selected-bg-color-lighten-25: #a5c8f3;
  --selected-bg-color-desaturate-25: #5287c7;
  --selected-bg-color-darken-30: #0f3b71;
  --selected-bg-color-lighten-30: #bcd6f6;
  --selected-bg-color-desaturate-30: #5787c2;
  --selected-bg-color-darken-35: #0c2f5a;
  --selected-bg-color-lighten-35: #d2e4f9;
  --selected-bg-color-desaturate-35: #5d88bc;
  --selected-bg-color-darken-40: #092444;
  --selected-bg-color-lighten-40: #e9f2fc;
  --selected-bg-color-desaturate-40: #6388b6;
  --selected-bg-color-darken-45: #06182d;
  --selected-bg-color-lighten-45: white;
  --selected-bg-color-desaturate-45: #6989b0;
  --selected-bg-color-darken-50: #030c17;
  --selected-bg-color-lighten-50: white;
  --selected-bg-color-desaturate-50: #6e8aab;
  --selected-bg-color-darken-55: black;
  --selected-bg-color-lighten-55: white;
  --selected-bg-color-desaturate-55: #748aa5;
  --selected-bg-color-darken-60: black;
  --selected-bg-color-lighten-60: white;
  --selected-bg-color-desaturate-60: #7a8b9f;
  --selected-bg-color-darken-65: black;
  --selected-bg-color-lighten-65: white;
  --selected-bg-color-desaturate-65: #7f8b9a;
  --selected-bg-color-darken-70: black;
  --selected-bg-color-lighten-70: white;
  --selected-bg-color-desaturate-70: #858c94;
  --selected-bg-color-darken-75: black;
  --selected-bg-color-lighten-75: white;
  --selected-bg-color-desaturate-75: #8b8c8e;
  --selected-bg-color-darken-80: black;
  --selected-bg-color-lighten-80: white;
  --selected-bg-color-desaturate-80: #8d8d8d;
  --selected-bg-color-darken-85: black;
  --selected-bg-color-lighten-85: white;
  --selected-bg-color-desaturate-85: #8d8d8d;
  --selected-bg-color-darken-90: black;
  --selected-bg-color-lighten-90: white;
  --selected-bg-color-desaturate-90: #8d8d8d;
  --selected-bg-color-darken-95: black;
  --selected-bg-color-lighten-95: white;
  --selected-bg-color-desaturate-95: #8d8d8d;
  --selected-bg-color-transparentize-10: rgba(53, 132, 228, 0.9);
  --selected-bg-color-transparentize-20: rgba(53, 132, 228, 0.8);
  --selected-bg-color-transparentize-30: rgba(53, 132, 228, 0.7);
  --selected-bg-color-transparentize-40: rgba(53, 132, 228, 0.6);
  --selected-bg-color-transparentize-50: rgba(53, 132, 228, 0.5);
  --selected-bg-color-transparentize-60: rgba(53, 132, 228, 0.4);
  --selected-bg-color-transparentize-70: rgba(53, 132, 228, 0.3);
  --selected-bg-color-transparentize-80: rgba(53, 132, 228, 0.2);
  --selected-bg-color-transparentize-90: rgba(53, 132, 228, 0.1);
  --selected-bg-color-transparentize-100: rgba(53, 132, 228, 0);
  --selected-fg-color-darken-5: #f2f2f2;
  --selected-fg-color-lighten-5: white;
  --selected-fg-color-desaturate-5: white;
  --selected-fg-color-darken-10: #e6e6e6;
  --selected-fg-color-lighten-10: white;
  --selected-fg-color-desaturate-10: white;
  --selected-fg-color-darken-15: #d9d9d9;
  --selected-fg-color-lighten-15: white;
  --selected-fg-color-desaturate-15: white;
  --selected-fg-color-darken-20: #cccccc;
  --selected-fg-color-lighten-20: white;
  --selected-fg-color-desaturate-20: white;
  --selected-fg-color-darken-25: #bfbfbf;
  --selected-fg-color-lighten-25: white;
  --selected-fg-color-desaturate-25: white;
  --selected-fg-color-darken-30: #b3b3b3;
  --selected-fg-color-lighten-30: white;
  --selected-fg-color-desaturate-30: white;
  --selected-fg-color-darken-35: #a6a6a6;
  --selected-fg-color-lighten-35: white;
  --selected-fg-color-desaturate-35: white;
  --selected-fg-color-darken-40: #999999;
  --selected-fg-color-lighten-40: white;
  --selected-fg-color-desaturate-40: white;
  --selected-fg-color-darken-45: #8c8c8c;
  --selected-fg-color-lighten-45: white;
  --selected-fg-color-desaturate-45: white;
  --selected-fg-color-darken-50: gray;
  --selected-fg-color-lighten-50: white;
  --selected-fg-color-desaturate-50: white;
  --selected-fg-color-darken-55: #737373;
  --selected-fg-color-lighten-55: white;
  --selected-fg-color-desaturate-55: white;
  --selected-fg-color-darken-60: #666666;
  --selected-fg-color-lighten-60: white;
  --selected-fg-color-desaturate-60: white;
  --selected-fg-color-darken-65: #595959;
  --selected-fg-color-lighten-65: white;
  --selected-fg-color-desaturate-65: white;
  --selected-fg-color-darken-70: #4d4d4d;
  --selected-fg-color-lighten-70: white;
  --selected-fg-color-desaturate-70: white;
  --selected-fg-color-darken-75: #404040;
  --selected-fg-color-lighten-75: white;
  --selected-fg-color-desaturate-75: white;
  --selected-fg-color-darken-80: #333333;
  --selected-fg-color-lighten-80: white;
  --selected-fg-color-desaturate-80: white;
  --selected-fg-color-darken-85: #262626;
  --selected-fg-color-lighten-85: white;
  --selected-fg-color-desaturate-85: white;
  --selected-fg-color-darken-90: #1a1a1a;
  --selected-fg-color-lighten-90: white;
  --selected-fg-color-desaturate-90: white;
  --selected-fg-color-darken-95: #0d0d0d;
  --selected-fg-color-lighten-95: white;
  --selected-fg-color-desaturate-95: white;
  --selected-fg-color-transparentize-10: rgba(255, 255, 255, 0.9);
  --selected-fg-color-transparentize-20: rgba(255, 255, 255, 0.8);
  --selected-fg-color-transparentize-30: rgba(255, 255, 255, 0.7);
  --selected-fg-color-transparentize-40: rgba(255, 255, 255, 0.6);
  --selected-fg-color-transparentize-50: rgba(255, 255, 255, 0.5);
  --selected-fg-color-transparentize-60: rgba(255, 255, 255, 0.4);
  --selected-fg-color-transparentize-70: rgba(255, 255, 255, 0.3);
  --selected-fg-color-transparentize-80: rgba(255, 255, 255, 0.2);
  --selected-fg-color-transparentize-90: rgba(255, 255, 255, 0.1);
  --selected-fg-color-transparentize-100: rgba(255, 255, 255, 0);
  --background-default-color-darken-5: #ebe8e6;
  --background-default-color-lighten-5: white;
  --background-default-color-desaturate-5: #f6f5f5;
  --background-default-color-darken-10: #dfdcd8;
  --background-default-color-lighten-10: white;
  --background-default-color-desaturate-10: whitesmoke;
  --background-default-color-darken-15: #d4cfca;
  --background-default-color-lighten-15: white;
  --background-default-color-desaturate-15: whitesmoke;
  --background-default-color-darken-20: #c8c2bc;
  --background-default-color-lighten-20: white;
  --background-default-color-desaturate-20: whitesmoke;
  --background-default-color-darken-25: #bdb5ae;
  --background-default-color-lighten-25: white;
  --background-default-color-desaturate-25: whitesmoke;
  --background-default-color-darken-30: #b1a9a0;
  --background-default-color-lighten-30: white;
  --background-default-color-desaturate-30: whitesmoke;
  --background-default-color-darken-35: #a69c92;
  --background-default-color-lighten-35: white;
  --background-default-color-desaturate-35: whitesmoke;
  --background-default-color-darken-40: #9a8f84;
  --background-default-color-lighten-40: white;
  --background-default-color-desaturate-40: whitesmoke;
  --background-default-color-darken-45: #8f8276;
  --background-default-color-lighten-45: white;
  --background-default-color-desaturate-45: whitesmoke;
  --background-default-color-darken-50: #81766a;
  --background-default-color-lighten-50: white;
  --background-default-color-desaturate-50: whitesmoke;
  --background-default-color-darken-55: #73695e;
  --background-default-color-lighten-55: white;
  --background-default-color-desaturate-55: whitesmoke;
  --background-default-color-darken-60: #655c53;
  --background-default-color-lighten-60: white;
  --background-default-color-desaturate-60: whitesmoke;
  --background-default-color-darken-65: #574f47;
  --background-default-color-lighten-65: white;
  --background-default-color-desaturate-65: whitesmoke;
  --background-default-color-darken-70: #49433c;
  --background-default-color-lighten-70: white;
  --background-default-color-desaturate-70: whitesmoke;
  --background-default-color-darken-75: #3b3630;
  --background-default-color-lighten-75: white;
  --background-default-color-desaturate-75: whitesmoke;
  --background-default-color-darken-80: #2d2925;
  --background-default-color-lighten-80: white;
  --background-default-color-desaturate-80: whitesmoke;
  --background-default-color-darken-85: #1f1c19;
  --background-default-color-lighten-85: white;
  --background-default-color-desaturate-85: whitesmoke;
  --background-default-color-darken-90: #11100e;
  --background-default-color-lighten-90: white;
  --background-default-color-desaturate-90: whitesmoke;
  --background-default-color-darken-95: #030302;
  --background-default-color-lighten-95: white;
  --background-default-color-desaturate-95: whitesmoke;
  --background-default-color-transparentize-10: rgba(246, 245, 244, 0.9);
  --background-default-color-transparentize-20: rgba(246, 245, 244, 0.8);
  --background-default-color-transparentize-30: rgba(246, 245, 244, 0.7);
  --background-default-color-transparentize-40: rgba(246, 245, 244, 0.6);
  --background-default-color-transparentize-50: rgba(246, 245, 244, 0.5);
  --background-default-color-transparentize-60: rgba(246, 245, 244, 0.4);
  --background-default-color-transparentize-70: rgba(246, 245, 244, 0.3);
  --background-default-color-transparentize-80: rgba(246, 245, 244, 0.2);
  --background-default-color-transparentize-90: rgba(246, 245, 244, 0.1);
  --background-default-color-transparentize-100: rgba(246, 245, 244, 0);
  --background-high-color-darken-5: #d7d1cd;
  --background-high-color-lighten-5: #edebe9;
  --background-high-color-desaturate-5: #e0dedd;
  --background-high-color-darken-10: #cbc4bf;
  --background-high-color-lighten-10: #f9f8f7;
  --background-high-color-desaturate-10: #dfdede;
  --background-high-color-darken-15: #c0b7b1;
  --background-high-color-lighten-15: white;
  --background-high-color-desaturate-15: #dfdfdf;
  --background-high-color-darken-20: #b4aaa3;
  --background-high-color-lighten-20: white;
  --background-high-color-desaturate-20: #dfdfdf;
  --background-high-color-darken-25: #a99d94;
  --background-high-color-lighten-25: white;
  --background-high-color-desaturate-25: #dfdfdf;
  --background-high-color-darken-30: #9e9086;
  --background-high-color-lighten-30: white;
  --background-high-color-desaturate-30: #dfdfdf;
  --background-high-color-darken-35: #928378;
  --background-high-color-lighten-35: white;
  --background-high-color-desaturate-35: #dfdfdf;
  --background-high-color-darken-40: #85776c;
  --background-high-color-lighten-40: white;
  --background-high-color-desaturate-40: #dfdfdf;
  --background-high-color-darken-45: #776a60;
  --background-high-color-lighten-45: white;
  --background-high-color-desaturate-45: #dfdfdf;
  --background-high-color-darken-50: #695e55;
  --background-high-color-lighten-50: white;
  --background-high-color-desaturate-50: #dfdfdf;
  --background-high-color-darken-55: #5b5149;
  --background-high-color-lighten-55: white;
  --background-high-color-desaturate-55: #dfdfdf;
  --background-high-color-darken-60: #4d443e;
  --background-high-color-lighten-60: white;
  --background-high-color-desaturate-60: #dfdfdf;
  --background-high-color-darken-65: #3f3833;
  --background-high-color-lighten-65: white;
  --background-high-color-desaturate-65: #dfdfdf;
  --background-high-color-darken-70: #312b27;
  --background-high-color-lighten-70: white;
  --background-high-color-desaturate-70: #dfdfdf;
  --background-high-color-darken-75: #231f1c;
  --background-high-color-lighten-75: white;
  --background-high-color-desaturate-75: #dfdfdf;
  --background-high-color-darken-80: #141211;
  --background-high-color-lighten-80: white;
  --background-high-color-desaturate-80: #dfdfdf;
  --background-high-color-darken-85: #060605;
  --background-high-color-lighten-85: white;
  --background-high-color-desaturate-85: #dfdfdf;
  --background-high-color-darken-90: black;
  --background-high-color-lighten-90: white;
  --background-high-color-desaturate-90: #dfdfdf;
  --background-high-color-darken-95: black;
  --background-high-color-lighten-95: white;
  --background-high-color-desaturate-95: #dfdfdf;
  --background-high-color-transparentize-10: rgba(226, 222, 219, 0.9);
  --background-high-color-transparentize-20: rgba(226, 222, 219, 0.8);
  --background-high-color-transparentize-30: rgba(226, 222, 219, 0.7);
  --background-high-color-transparentize-40: rgba(226, 222, 219, 0.6);
  --background-high-color-transparentize-50: rgba(226, 222, 219, 0.5);
  --background-high-color-transparentize-60: rgba(226, 222, 219, 0.4);
  --background-high-color-transparentize-70: rgba(226, 222, 219, 0.3);
  --background-high-color-transparentize-80: rgba(226, 222, 219, 0.2);
  --background-high-color-transparentize-90: rgba(226, 222, 219, 0.1);
  --background-high-color-transparentize-100: rgba(226, 222, 219, 0);
  --background-low-color-darken-5: #f2f2f2;
  --background-low-color-lighten-5: white;
  --background-low-color-desaturate-5: white;
  --background-low-color-darken-10: #e6e6e6;
  --background-low-color-lighten-10: white;
  --background-low-color-desaturate-10: white;
  --background-low-color-darken-15: #d9d9d9;
  --background-low-color-lighten-15: white;
  --background-low-color-desaturate-15: white;
  --background-low-color-darken-20: #cccccc;
  --background-low-color-lighten-20: white;
  --background-low-color-desaturate-20: white;
  --background-low-color-darken-25: #bfbfbf;
  --background-low-color-lighten-25: white;
  --background-low-color-desaturate-25: white;
  --background-low-color-darken-30: #b3b3b3;
  --background-low-color-lighten-30: white;
  --background-low-color-desaturate-30: white;
  --background-low-color-darken-35: #a6a6a6;
  --background-low-color-lighten-35: white;
  --background-low-color-desaturate-35: white;
  --background-low-color-darken-40: #999999;
  --background-low-color-lighten-40: white;
  --background-low-color-desaturate-40: white;
  --background-low-color-darken-45: #8c8c8c;
  --background-low-color-lighten-45: white;
  --background-low-color-desaturate-45: white;
  --background-low-color-darken-50: gray;
  --background-low-color-lighten-50: white;
  --background-low-color-desaturate-50: white;
  --background-low-color-darken-55: #737373;
  --background-low-color-lighten-55: white;
  --background-low-color-desaturate-55: white;
  --background-low-color-darken-60: #666666;
  --background-low-color-lighten-60: white;
  --background-low-color-desaturate-60: white;
  --background-low-color-darken-65: #595959;
  --background-low-color-lighten-65: white;
  --background-low-color-desaturate-65: white;
  --background-low-color-darken-70: #4d4d4d;
  --background-low-color-lighten-70: white;
  --background-low-color-desaturate-70: white;
  --background-low-color-darken-75: #404040;
  --background-low-color-lighten-75: white;
  --background-low-color-desaturate-75: white;
  --background-low-color-darken-80: #333333;
  --background-low-color-lighten-80: white;
  --background-low-color-desaturate-80: white;
  --background-low-color-darken-85: #262626;
  --background-low-color-lighten-85: white;
  --background-low-color-desaturate-85: white;
  --background-low-color-darken-90: #1a1a1a;
  --background-low-color-lighten-90: white;
  --background-low-color-desaturate-90: white;
  --background-low-color-darken-95: #0d0d0d;
  --background-low-color-lighten-95: white;
  --background-low-color-desaturate-95: white;
  --background-low-color-transparentize-10: rgba(255, 255, 255, 0.9);
  --background-low-color-transparentize-20: rgba(255, 255, 255, 0.8);
  --background-low-color-transparentize-30: rgba(255, 255, 255, 0.7);
  --background-low-color-transparentize-40: rgba(255, 255, 255, 0.6);
  --background-low-color-transparentize-50: rgba(255, 255, 255, 0.5);
  --background-low-color-transparentize-60: rgba(255, 255, 255, 0.4);
  --background-low-color-transparentize-70: rgba(255, 255, 255, 0.3);
  --background-low-color-transparentize-80: rgba(255, 255, 255, 0.2);
  --background-low-color-transparentize-90: rgba(255, 255, 255, 0.1);
  --background-low-color-transparentize-100: rgba(255, 255, 255, 0);
  --background-medium-color-darken-5: #e6e3e0;
  --background-medium-color-lighten-5: #fdfdfc;
  --background-medium-color-desaturate-5: #f1f0ef;
  --background-medium-color-darken-10: #dad6d2;
  --background-medium-color-lighten-10: white;
  --background-medium-color-desaturate-10: #f0f0f0;
  --background-medium-color-darken-15: #cfcac4;
  --background-medium-color-lighten-15: white;
  --background-medium-color-desaturate-15: #f0f0f0;
  --background-medium-color-darken-20: #c4bdb6;
  --background-medium-color-lighten-20: white;
  --background-medium-color-desaturate-20: #f0f0f0;
  --background-medium-color-darken-25: #b8b0a8;
  --background-medium-color-lighten-25: white;
  --background-medium-color-desaturate-25: #f0f0f0;
  --background-medium-color-darken-30: #ada39a;
  --background-medium-color-lighten-30: white;
  --background-medium-color-desaturate-30: #f0f0f0;
  --background-medium-color-darken-35: #a1978c;
  --background-medium-color-lighten-35: white;
  --background-medium-color-desaturate-35: #f0f0f0;
  --background-medium-color-darken-40: #968a7e;
  --background-medium-color-lighten-40: white;
  --background-medium-color-desaturate-40: #f0f0f0;
  --background-medium-color-darken-45: #8a7d71;
  --background-medium-color-lighten-45: white;
  --background-medium-color-desaturate-45: #f0f0f0;
  --background-medium-color-darken-50: #7c7065;
  --background-medium-color-lighten-50: white;
  --background-medium-color-desaturate-50: #f0f0f0;
  --background-medium-color-darken-55: #6e645a;
  --background-medium-color-lighten-55: white;
  --background-medium-color-desaturate-55: #f0f0f0;
  --background-medium-color-darken-60: #60574e;
  --background-medium-color-lighten-60: white;
  --background-medium-color-desaturate-60: #f0f0f0;
  --background-medium-color-darken-65: #524a43;
  --background-medium-color-lighten-65: white;
  --background-medium-color-desaturate-65: #f0f0f0;
  --background-medium-color-darken-70: #443d37;
  --background-medium-color-lighten-70: white;
  --background-medium-color-desaturate-70: #f0f0f0;
  --background-medium-color-darken-75: #36312c;
  --background-medium-color-lighten-75: white;
  --background-medium-color-desaturate-75: #f0f0f0;
  --background-medium-color-darken-80: #272420;
  --background-medium-color-lighten-80: white;
  --background-medium-color-desaturate-80: #f0f0f0;
  --background-medium-color-darken-85: #191715;
  --background-medium-color-lighten-85: white;
  --background-medium-color-desaturate-85: #f0f0f0;
  --background-medium-color-darken-90: #0b0a09;
  --background-medium-color-lighten-90: white;
  --background-medium-color-desaturate-90: #f0f0f0;
  --background-medium-color-darken-95: black;
  --background-medium-color-lighten-95: white;
  --background-medium-color-desaturate-95: #f0f0f0;
  --background-medium-color-transparentize-10: rgba(241, 240, 238, 0.9);
  --background-medium-color-transparentize-20: rgba(241, 240, 238, 0.8);
  --background-medium-color-transparentize-30: rgba(241, 240, 238, 0.7);
  --background-medium-color-transparentize-40: rgba(241, 240, 238, 0.6);
  --background-medium-color-transparentize-50: rgba(241, 240, 238, 0.5);
  --background-medium-color-transparentize-60: rgba(241, 240, 238, 0.4);
  --background-medium-color-transparentize-70: rgba(241, 240, 238, 0.3);
  --background-medium-color-transparentize-80: rgba(241, 240, 238, 0.2);
  --background-medium-color-transparentize-90: rgba(241, 240, 238, 0.1);
  --background-medium-color-transparentize-100: rgba(241, 240, 238, 0);
  --drop-target-color-darken-5: #29ad71;
  --drop-target-color-lighten-5: #39d08b;
  --drop-target-color-desaturate-5: #34bc7e;
  --drop-target-color-darken-10: #249963;
  --drop-target-color-lighten-10: #4ed597;
  --drop-target-color-desaturate-10: #3ab67d;
  --drop-target-color-darken-15: #1f8456;
  --drop-target-color-lighten-15: #63daa3;
  --drop-target-color-desaturate-15: #40b07d;
  --drop-target-color-darken-20: #1a7048;
  --drop-target-color-lighten-20: #77dfaf;
  --drop-target-color-desaturate-20: #46aa7c;
  --drop-target-color-darken-25: #165b3b;
  --drop-target-color-lighten-25: #8ce4bb;
  --drop-target-color-desaturate-25: #4ca47c;
  --drop-target-color-darken-30: #11462e;
  --drop-target-color-lighten-30: #a0e9c7;
  --drop-target-color-desaturate-30: #529e7b;
  --drop-target-color-darken-35: #0c3220;
  --drop-target-color-lighten-35: #b5edd4;
  --drop-target-color-desaturate-35: #58987b;
  --drop-target-color-darken-40: #071d13;
  --drop-target-color-lighten-40: #caf2e0;
  --drop-target-color-desaturate-40: #5e927a;
  --drop-target-color-darken-45: #020806;
  --drop-target-color-lighten-45: #def7ec;
  --drop-target-color-desaturate-45: #648c7a;
  --drop-target-color-darken-50: black;
  --drop-target-color-lighten-50: #f3fcf8;
  --drop-target-color-desaturate-50: #6a8679;
  --drop-target-color-darken-55: black;
  --drop-target-color-lighten-55: white;
  --drop-target-color-desaturate-55: #708079;
  --drop-target-color-darken-60: black;
  --drop-target-color-lighten-60: white;
  --drop-target-color-desaturate-60: #767a78;
  --drop-target-color-darken-65: black;
  --drop-target-color-lighten-65: white;
  --drop-target-color-desaturate-65: #787878;
  --drop-target-color-darken-70: black;
  --drop-target-color-lighten-70: white;
  --drop-target-color-desaturate-70: #787878;
  --drop-target-color-darken-75: black;
  --drop-target-color-lighten-75: white;
  --drop-target-color-desaturate-75: #787878;
  --drop-target-color-darken-80: black;
  --drop-target-color-lighten-80: white;
  --drop-target-color-desaturate-80: #787878;
  --drop-target-color-darken-85: black;
  --drop-target-color-lighten-85: white;
  --drop-target-color-desaturate-85: #787878;
  --drop-target-color-darken-90: black;
  --drop-target-color-lighten-90: white;
  --drop-target-color-desaturate-90: #787878;
  --drop-target-color-darken-95: black;
  --drop-target-color-lighten-95: white;
  --drop-target-color-desaturate-95: #787878;
  --drop-target-color-transparentize-10: rgba(46, 194, 126, 0.9);
  --drop-target-color-transparentize-20: rgba(46, 194, 126, 0.8);
  --drop-target-color-transparentize-30: rgba(46, 194, 126, 0.7);
  --drop-target-color-transparentize-40: rgba(46, 194, 126, 0.6);
  --drop-target-color-transparentize-50: rgba(46, 194, 126, 0.5);
  --drop-target-color-transparentize-60: rgba(46, 194, 126, 0.4);
  --drop-target-color-transparentize-70: rgba(46, 194, 126, 0.3);
  --drop-target-color-transparentize-80: rgba(46, 194, 126, 0.2);
  --drop-target-color-transparentize-90: rgba(46, 194, 126, 0.1);
  --drop-target-color-transparentize-100: rgba(46, 194, 126, 0);
  --insensitive-fg-color-darken-5: #858888;
  --insensitive-fg-color-lighten-5: #9fa2a2;
  --insensitive-fg-color-desaturate-5: #949494;
  --insensitive-fg-color-darken-10: #787c7c;
  --insensitive-fg-color-lighten-10: #acaeae;
  --insensitive-fg-color-desaturate-10: #949494;
  --insensitive-fg-color-darken-15: #6c6f6f;
  --insensitive-fg-color-lighten-15: #b9bbbb;
  --insensitive-fg-color-desaturate-15: #949494;
  --insensitive-fg-color-darken-20: #5f6262;
  --insensitive-fg-color-lighten-20: #c6c7c7;
  --insensitive-fg-color-desaturate-20: #949494;
  --insensitive-fg-color-darken-25: #535555;
  --insensitive-fg-color-lighten-25: #d3d4d4;
  --insensitive-fg-color-desaturate-25: #949494;
  --insensitive-fg-color-darken-30: #464848;
  --insensitive-fg-color-lighten-30: #e0e0e0;
  --insensitive-fg-color-desaturate-30: #949494;
  --insensitive-fg-color-darken-35: #393b3b;
  --insensitive-fg-color-lighten-35: #eceded;
  --insensitive-fg-color-desaturate-35: #949494;
  --insensitive-fg-color-darken-40: #2d2e2e;
  --insensitive-fg-color-lighten-40: #f9fafa;
  --insensitive-fg-color-desaturate-40: #949494;
  --insensitive-fg-color-darken-45: #202121;
  --insensitive-fg-color-lighten-45: white;
  --insensitive-fg-color-desaturate-45: #949494;
  --insensitive-fg-color-darken-50: #141414;
  --insensitive-fg-color-lighten-50: white;
  --insensitive-fg-color-desaturate-50: #949494;
  --insensitive-fg-color-darken-55: #070707;
  --insensitive-fg-color-lighten-55: white;
  --insensitive-fg-color-desaturate-55: #949494;
  --insensitive-fg-color-darken-60: black;
  --insensitive-fg-color-lighten-60: white;
  --insensitive-fg-color-desaturate-60: #949494;
  --insensitive-fg-color-darken-65: black;
  --insensitive-fg-color-lighten-65: white;
  --insensitive-fg-color-desaturate-65: #949494;
  --insensitive-fg-color-darken-70: black;
  --insensitive-fg-color-lighten-70: white;
  --insensitive-fg-color-desaturate-70: #949494;
  --insensitive-fg-color-darken-75: black;
  --insensitive-fg-color-lighten-75: white;
  --insensitive-fg-color-desaturate-75: #949494;
  --insensitive-fg-color-darken-80: black;
  --insensitive-fg-color-lighten-80: white;
  --insensitive-fg-color-desaturate-80: #949494;
  --insensitive-fg-color-darken-85: black;
  --insensitive-fg-color-lighten-85: white;
  --insensitive-fg-color-desaturate-85: #949494;
  --insensitive-fg-color-darken-90: black;
  --insensitive-fg-color-lighten-90: white;
  --insensitive-fg-color-desaturate-90: #949494;
  --insensitive-fg-color-darken-95: black;
  --insensitive-fg-color-lighten-95: white;
  --insensitive-fg-color-desaturate-95: #949494;
  --insensitive-fg-color-transparentize-10: rgba(146, 149, 149, 0.9);
  --insensitive-fg-color-transparentize-20: rgba(146, 149, 149, 0.8);
  --insensitive-fg-color-transparentize-30: rgba(146, 149, 149, 0.7);
  --insensitive-fg-color-transparentize-40: rgba(146, 149, 149, 0.6);
  --insensitive-fg-color-transparentize-50: rgba(146, 149, 149, 0.5);
  --insensitive-fg-color-transparentize-60: rgba(146, 149, 149, 0.4);
  --insensitive-fg-color-transparentize-70: rgba(146, 149, 149, 0.3);
  --insensitive-fg-color-transparentize-80: rgba(146, 149, 149, 0.2);
  --insensitive-fg-color-transparentize-90: rgba(146, 149, 149, 0.1);
  --insensitive-fg-color-transparentize-100: rgba(146, 149, 149, 0);
  --panel-default-color-darken-5: #d7d1cd;
  --panel-default-color-lighten-5: #edebe9;
  --panel-default-color-desaturate-5: #e0dedd;
  --panel-default-color-darken-10: #cbc4bf;
  --panel-default-color-lighten-10: #f9f8f7;
  --panel-default-color-desaturate-10: #dfdede;
  --panel-default-color-darken-15: #c0b7b1;
  --panel-default-color-lighten-15: white;
  --panel-default-color-desaturate-15: #dfdfdf;
  --panel-default-color-darken-20: #b4aaa3;
  --panel-default-color-lighten-20: white;
  --panel-default-color-desaturate-20: #dfdfdf;
  --panel-default-color-darken-25: #a99d94;
  --panel-default-color-lighten-25: white;
  --panel-default-color-desaturate-25: #dfdfdf;
  --panel-default-color-darken-30: #9e9086;
  --panel-default-color-lighten-30: white;
  --panel-default-color-desaturate-30: #dfdfdf;
  --panel-default-color-darken-35: #928378;
  --panel-default-color-lighten-35: white;
  --panel-default-color-desaturate-35: #dfdfdf;
  --panel-default-color-darken-40: #85776c;
  --panel-default-color-lighten-40: white;
  --panel-default-color-desaturate-40: #dfdfdf;
  --panel-default-color-darken-45: #776a60;
  --panel-default-color-lighten-45: white;
  --panel-default-color-desaturate-45: #dfdfdf;
  --panel-default-color-darken-50: #695e55;
  --panel-default-color-lighten-50: white;
  --panel-default-color-desaturate-50: #dfdfdf;
  --panel-default-color-darken-55: #5b5149;
  --panel-default-color-lighten-55: white;
  --panel-default-color-desaturate-55: #dfdfdf;
  --panel-default-color-darken-60: #4d443e;
  --panel-default-color-lighten-60: white;
  --panel-default-color-desaturate-60: #dfdfdf;
  --panel-default-color-darken-65: #3f3833;
  --