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.
78 lines
3.0 KiB
78 lines
3.0 KiB
: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); |
|
}
|
|
|