You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
3.0 KiB
79 lines
3.0 KiB
1 year ago
|
:root {
|
||
|
--maintenance-background: repeating-linear-gradient(45deg, #f6ba52, #f6ba52 20px, #ffd180 20px, #ffd180 40px);
|
||
|
--gren-5: #6ccf8e;
|
||
|
--green-6: #73d13d;
|
||
|
--red-5: #ff4d4f;
|
||
|
--orange-5: #ffa940;
|
||
|
--blue-2: #bae7ff;
|
||
|
--gray-5: #d9d9d9;
|
||
|
--gray-8: #595959;
|
||
|
--gray-9: #434343;
|
||
|
--cyan-1: #e6fffb;
|
||
|
--purple-9: #22075e;
|
||
|
--border-radius: 2px;
|
||
|
--gradient-brandHorizontal: linear-gradient(90deg, #f83 0%, #f53e4c 100%);
|
||
|
--gradient-brandVertical: linear-gradient(0.01deg, #f53e4c -31.2%, #f83 113.07%);
|
||
|
--always-gray: #ccccdc;
|
||
|
--title-marginBottom: 16px;
|
||
|
}
|
||
|
|
||
|
.theme-light {
|
||
|
--cards-background: var(--blue-2);
|
||
|
--highlighted-row-bg: var(--cyan-1);
|
||
|
--disabled-button-color: #bdbdbd;
|
||
|
--primary-background: rgb(255, 255, 255);
|
||
|
--secondary-background: rgb(244, 245, 245);
|
||
|
--border: 1px solid rgba(36, 41, 46, 0.12);
|
||
|
--primary-text-color: rgb(36, 41, 46);
|
||
|
--secondary-text-color: rgba(36, 41, 46, 0.75);
|
||
|
--disabled-text-color: rgba(36, 41, 46, 0.5);
|
||
|
--warning-text-color: #8a6c00;
|
||
|
--success-text-color: rgb(10, 118, 78);
|
||
|
--error-text-color: rgb(207, 14, 91);
|
||
|
--primary-text-link: #1f62e0;
|
||
|
--timeline-icon-background: rgba(70, 76, 84, 0);
|
||
|
--timeline-icon-background-resolution-note: rgba(50, 116, 217, 0);
|
||
|
--oncall-icon-stroke-color: #fff;
|
||
|
--hover-selected: #f4f5f5;
|
||
|
--background-canvas: #f4f5f5;
|
||
|
--background-primary: #fff;
|
||
|
--background-secondary: #f4f5f5;
|
||
|
--border-medium: 1px solid rgba(36, 41, 46, 0.3);
|
||
|
--border-strong: 1px solid rgba(36, 41, 46, 0.4);
|
||
|
--border-weak: 1px solid rgba(36, 41, 46, 0.12);
|
||
|
--shadows-z1: 0 1px 2px rgba(24, 26, 27, 0.2);
|
||
|
--shadows-z2: 0 4px 8px rgba(24, 26, 27, 0.2);
|
||
|
--shadows-z3: 0 13px 20px 1px rgba(24, 26, 27, 0.18);
|
||
|
}
|
||
|
|
||
|
.theme-dark {
|
||
|
--cards-background: var(--gray-9);
|
||
|
--highlighted-row-bg: var(--gray-9);
|
||
|
--disabled-button-color: hsla(0, 0%, 100%, 0.08);
|
||
|
--primary-background: rgb(24, 27, 31);
|
||
|
--secondary-background: rgb(34, 37, 43);
|
||
|
--border: 1px solid rgba(204, 204, 220, 0.15);
|
||
|
--primary-text-color: rgb(204, 204, 220);
|
||
|
--secondary-text-color: rgba(204, 204, 220, 0.65);
|
||
|
--disabled-text-color: rgba(204, 204, 220, 0.4);
|
||
|
--warning-text-color: #f8d06b;
|
||
|
--success-text-color: rgb(108, 207, 142);
|
||
|
--error-text-color: rgb(255, 82, 134);
|
||
|
--primary-text-link: #6e9fff;
|
||
|
--timeline-icon-background: rgba(70, 76, 84, 1);
|
||
|
--timeline-icon-background-resolution-note: rgba(50, 116, 217, 1);
|
||
|
--focused-box-shadow: rgb(17 18 23) 0 0 0 2px, rgb(61 113 217) 0 0 0 4px;
|
||
|
--hover-selected: rgba(204, 204, 220, 0.12);
|
||
|
--hover-selected-hardcoded: #34363d;
|
||
|
--oncall-icon-stroke-color: #181b1f;
|
||
|
--background-canvas: #111217;
|
||
|
--background-primary: #181b1f;
|
||
|
--background-secondary: #22252b;
|
||
|
--border-medium: 1px solid rgba(204, 204, 220, 0.15);
|
||
|
--border-strong: 1px solid rgba(204, 204, 220, 0.25);
|
||
|
--border-weak: 1px solid rgba(204, 204, 220, 0.07);
|
||
|
--shadows-z1: 0 1px 2px rgba(24, 26, 27, 0.75);
|
||
|
--shadows-z2: 0 4px 8px rgba(24, 26, 27, 0.75);
|
||
|
--shadows-z3: 0 8px 24px rgb(1, 4, 9);
|
||
|
}
|