_variables.scss

:root {
  --ultra-bg-darker: #f9f9f9;
  --ultra-bg-main: #ffffff;
  --ultra-black-hover: #858585;
  --ultra-black-keep: #0d0d0d;
  --ultra-black-like: #0d0d0d;
  --ultra-black-text: #0d0d0d;
  --ultra-black: #5a5a5a;
  --ultra-blue-disabled: #67b1e0;
  --ultra-blue-focus: #0061f9;
  --ultra-blue-hover: #178fe3;
  --ultra-blue-text: #2d64de;
  --ultra-blue: #2d64de;
  --ultra-border-light: #d9d9d9;
  --ultra-border: #d6d6d6;
  --ultra-box-shadow-border: rgba(0, 0, 0, 0.1);
  --ultra-box-shadow: rgba(0, 0, 0, 0.1);
  --ultra-brown-text: #b6772e;
  --ultra-brown: #ffe8c5;
  --ultra-gray-hover: #ebebeb;
  --ultra-gray-icon: #adadad;
  --ultra-gray: #f5f5f5;
  --ultra-green-disabled: #68c28d;
  --ultra-green-hover: #35ad67;
  --ultra-green-light: #e6f5ec;
  --ultra-green: #039941;
  --ultra-highlight-0-hover: #e4e7ec;
  --ultra-highlight-1-hover: #e9d7fe;
  --ultra-highlight-1: #f4ebff;
  --ultra-highlight-2-hover: #fecdca;
  --ultra-highlight-2: #fee4e2;
  --ultra-highlight-3-hover: #fedf89;
  --ultra-highlight-3: #fef0c7;
  --ultra-highlight-4-hover: #a6f4c5;
  --ultra-highlight-4: #d1fadf;
  --ultra-highlight-5-hover: #c8cce5;
  --ultra-highlight-5: #eaecf5;
  --ultra-highlight-6-hover: #b9e6fe;
  --ultra-highlight-6: #e0f2fe;
  --ultra-highlight-0: #f2f4f7;
  --ultra-light-blue-disabled: #f9fbfe;
  --ultra-light-blue-hover: #d5e0f8;
  --ultra-light-blue: #eaf0fc;
  --ultra-light-red-hover: #fbe2e3;
  --ultra-light-red: #fdedee;
  --ultra-red: #dc2727;
  --ultra-selection: rgba(179, 212, 252, 0.6);
  --ultra-text-dark: #ffffff;
  --ultra-text-light-gray: #c2c2c2;
  --ultra-text: #858585;
  --ultra-warning: #dcb93c;
  --ultra-white: #ffffff;
}

.dark {
  --ultra-bg-darker: #171717;
  --ultra-bg-main: #212121;
  --ultra-black-hover: #52525b;
  --ultra-black-keep: #0d0d0d;
  --ultra-black-like: #ececec;
  --ultra-black-text: #ececf1;
  --ultra-black: #a5a5a5;
  --ultra-blue-disabled: #4d639a;
  --ultra-blue-focus: #004bb5;
  --ultra-blue-hover: #0065a4;
  --ultra-blue-text: #6090ff;
  --ultra-blue: #0c47a1;
  --ultra-border-light: rgba(255, 255, 255, 0.15);
  --ultra-border: #464646;
  --ultra-box-shadow-border: rgba(255, 255, 255, 0.1);
  --ultra-box-shadow: rgba(0, 0, 0, 0.1);
  --ultra-brown-text: #daa06f;
  --ultra-brown: #5d4b42;
  --ultra-gray-hover: #2f2f2f;
  --ultra-gray-icon: #9fa1ac;
  --ultra-gray: #292929;
  --ultra-green-disabled: #356e5a;
  --ultra-green-hover: #02633c;
  --ultra-green-light: #163127;
  --ultra-green: #005c2e;
  --ultra-highlight-0-hover: #464a50;
  --ultra-highlight-1-hover: #4a3d56;
  --ultra-highlight-1: #322b40;
  --ultra-highlight-2-hover: #6a291f;
  --ultra-highlight-2: #5d221f;
  --ultra-highlight-3-hover: #756c34;
  --ultra-highlight-3: #615b30;
  --ultra-highlight-4-hover: #214a27;
  --ultra-highlight-4: #1d3a23;
  --ultra-highlight-5-hover: #474959;
  --ultra-highlight-5: #2f3140;
  --ultra-highlight-6-hover: #275269;
  --ultra-highlight-6: #204254;
  --ultra-highlight-0: #36393f;
  --ultra-light-blue-disabled: #272830;
  --ultra-light-blue-hover: #24273a;
  --ultra-light-blue: #232530;
  --ultra-light-red-hover: #603232;
  --ultra-light-red: #633333;
  --ultra-red: #e55a5a;
  --ultra-selection: rgba(88, 108, 138, 0.6);
  --ultra-text-dark: #ececf1;
  --ultra-text-light-gray: #555555;
  --ultra-text: #858585;
  --ultra-warning: #b89e56;
  --ultra-white: #ffffff;
}