2022-04-18 07:32:57 +02:00
|
|
|
// See theme.less for specific Ant Design overrides.
|
2021-02-14 09:41:20 +01:00
|
|
|
:root {
|
2022-04-19 00:32:19 +02:00
|
|
|
// old colors
|
2021-07-20 07:02:02 +02:00
|
|
|
--white: rgba(255, 255, 255, 1);
|
|
|
|
--white-15: rgba(255, 255, 255, 0.15);
|
|
|
|
--white-25: rgba(255, 255, 255, 0.25);
|
|
|
|
--white-35: rgba(255, 255, 255, 0.35);
|
|
|
|
--white-50: rgba(255, 255, 255, 0.5);
|
|
|
|
--white-75: rgba(255, 255, 255, 0.75);
|
|
|
|
--white-88: rgba(255, 255, 255, 0.88);
|
|
|
|
|
|
|
|
--black: rgba(0, 0, 0, 1);
|
|
|
|
--black-35: rgba(0, 0, 0, 0.35);
|
|
|
|
--black-50: rgba(0, 0, 0, 0.5);
|
|
|
|
--black-75: rgba(0, 0, 0, 0.75);
|
2021-02-14 09:41:20 +01:00
|
|
|
|
2022-04-19 00:32:19 +02:00
|
|
|
// New colors
|
|
|
|
--purple-100: #F4EBFF;
|
|
|
|
--purple-300: #D6BBFB;
|
|
|
|
--purple-500: #9E77ED;
|
|
|
|
--purple-700: #6941C6;
|
|
|
|
--purple-900: #42307D;
|
|
|
|
|
|
|
|
--green-100: #D15AD5;
|
|
|
|
--green-300: #6CE9A6;
|
|
|
|
--green-500: #12B76A;
|
|
|
|
--green-700: #027A48;
|
|
|
|
--green-900: #054F31;
|
|
|
|
|
|
|
|
--red-100: #FEE4E2;
|
|
|
|
--red-300: #FDA29B;
|
|
|
|
--red-500: #F04438;
|
|
|
|
--red-700: #B42318;
|
|
|
|
--red-900: #7A271A;
|
|
|
|
|
|
|
|
--orange-100: #FEF0C7;
|
|
|
|
--orange-300: #FEC84B;
|
|
|
|
--orange-500: #F79009;
|
|
|
|
--orange-700: #B54708;
|
|
|
|
--orange-900: #93370D;
|
|
|
|
|
|
|
|
--gray-100: #F2F4F7;
|
|
|
|
--gray-300: #D0D5DD;
|
|
|
|
--gray-500: #667085;
|
|
|
|
--gray-700: #344054;
|
|
|
|
--gray-900: #101828;
|
|
|
|
|
2021-02-14 09:41:20 +01:00
|
|
|
// owncast logo color family
|
2022-04-19 00:32:19 +02:00
|
|
|
--owncast-purple: rgba(120, 113, 255, 1);
|
|
|
|
--purple-dark: rgba(28, 26, 59, 1); // #1c1a3b;
|
2021-07-20 07:02:02 +02:00
|
|
|
--pink: rgba(201, 139, 254, 1); // #D18BFE;
|
|
|
|
--blue: rgba(32, 134, 225, 1); // #2086E1;
|
2021-02-14 09:41:20 +01:00
|
|
|
|
2021-02-20 03:27:24 +01:00
|
|
|
// owncast purple variations
|
2021-07-20 07:02:02 +02:00
|
|
|
--owncast-purple-25: rgba(120, 113, 255, 0.25);
|
|
|
|
--owncast-purple-50: rgba(120, 113, 255, 0.5);
|
2021-02-14 09:41:20 +01:00
|
|
|
|
2021-07-20 07:02:02 +02:00
|
|
|
--gray-light: rgba(168, 175, 197, 1);
|
|
|
|
--gray-medium: rgba(102, 107, 120, 1);
|
|
|
|
--gray: rgba(51, 53, 60, 1);
|
|
|
|
--gray-dark: rgba(23, 24, 27, 1); // #17181b;
|
2021-02-14 09:41:20 +01:00
|
|
|
|
|
|
|
--online-color: #73dd3f;
|
|
|
|
--offline-color: #999;
|
|
|
|
|
|
|
|
|
|
|
|
// ////////////////////////////////
|
|
|
|
--default-text-color: var(--white-88);
|
|
|
|
--default-bg-color: var(--black);
|
|
|
|
--default-link-color: var(--owncast-purple);
|
|
|
|
|
|
|
|
--container-bg-color: var(--gray-dark);
|
2021-07-20 07:02:02 +02:00
|
|
|
--container-bg-color-alt: var(--purple-dark);
|
2021-02-14 09:41:20 +01:00
|
|
|
--container-border-radius: 4px;
|
|
|
|
|
|
|
|
--code-color: #9cdcfe;
|
|
|
|
--code-bg-color: var(--owncast-purple-25);
|
|
|
|
|
|
|
|
--nav-bg-color: var(--gray-dark);
|
|
|
|
--nav-text: #aaa;
|
|
|
|
--nav-selected-text: var(--pink); //#cd7cff;
|
|
|
|
|
|
|
|
--button-focused: var(--owncast-purple-50);
|
|
|
|
|
2021-07-20 07:02:02 +02:00
|
|
|
--textfield-border: var(--white-25);
|
2021-02-14 09:41:20 +01:00
|
|
|
--textfield-bg: var(--black);
|
2021-07-20 07:02:02 +02:00
|
|
|
|
|
|
|
//
|
|
|
|
--popover-base-color: var(--gray);
|
|
|
|
--tooltip-base-color: var(--gray-medium);
|
2021-02-14 09:41:20 +01:00
|
|
|
}
|