| | |
|---|
| | | --color-black: #000000; |
|---|
| | | --color-border: #333335; |
|---|
| | | --color-bg-1: #17171a; |
|---|
| | | --color-bg-2: #1f2935; |
|---|
| | | --color-bg-3: #2a2a2b; |
|---|
| | | --color-bg-2: #0f2a58; |
|---|
| | | --color-bg-popup: #0f2a58; |
|---|
| | | --color-bg-3: rgba(255, 255, 255, 0.1); |
|---|
| | | --color-bg-4: #313132; |
|---|
| | | --color-bg-5: #373739; |
|---|
| | | --color-bg-5: #1057fd; |
|---|
| | | --color-bg-white: #f6f6f6; |
|---|
| | | --color-text-1: rgba(255, 255, 255, 0.9); |
|---|
| | | --color-text-2: rgba(255, 255, 255, 0.7); |
|---|
| | | --color-text-3: rgba(255, 255, 255, 0.5); |
|---|
| | | --color-text-4: rgba(255, 255, 255, 0.3); |
|---|
| | | --color-fill-1: rgba(255, 255, 255, 0.04); |
|---|
| | | --color-fill-2: rgba(255, 255, 255, 0.08); |
|---|
| | | --color-fill-2: #0d2448; |
|---|
| | | --color-fill-3: rgba(255, 255, 255, 0.12); |
|---|
| | | --color-fill-4: rgba(255, 255, 255, 0.16); |
|---|
| | | --color-border-1: #2e2e30; |
|---|
| | |
|---|
| | | --color-tooltip-bg: #373739; |
|---|
| | | --color-spin-layer-bg: rgba(51, 51, 51, 0.6); |
|---|
| | | --color-menu-dark-bg: #232324; |
|---|
| | | --color-menu-light-bg: linear-gradient(180deg, #1d4765 0%, #425365 100%); |
|---|
| | | --color-menu-light-bg: #0f2a58; |
|---|
| | | --color-menu-dark-hover: var(--color-fill-2); |
|---|
| | | --color-mask-bg: rgba(23, 23, 26, 0.6); |
|---|
| | | --red-1: 77, 0, 10; |
|---|
| | |
|---|
| | | --primary-3: var(--arcoblue-3); |
|---|
| | | --primary-4: var(--arcoblue-4); |
|---|
| | | --primary-5: var(--arcoblue-5); |
|---|
| | | --primary-6: var(--arcoblue-6); |
|---|
| | | --primary-6: #fff; |
|---|
| | | --primary-7: var(--arcoblue-7); |
|---|
| | | --primary-8: var(--arcoblue-8); |
|---|
| | | --primary-9: var(--arcoblue-9); |
|---|
| | |
|---|
| | | --warning-9: var(--orange-9); |
|---|
| | | --warning-10: var(--orange-10); |
|---|
| | | .arco-card { |
|---|
| | | background: rgba(0, 0, 10, 0.8); |
|---|
| | | border: 1px solid #0e9cff; |
|---|
| | | box-shadow: inset 0px 0px 87px 0px rgba(1, 194, 255, 0.4); |
|---|
| | | border: none; |
|---|
| | | } |
|---|
| | | .card-bg-1 { |
|---|
| | | background: #0d2448; |
|---|
| | | } |
|---|
| | | .arco-timepicker-container { |
|---|
| | | background-color: var(--color-bg-1); |
|---|
| | | } |
|---|
| | | .arco-btn-primary, |
|---|
| | | .arco-btn-primary[type="button"], |
|---|
| | | .arco-btn-primary[type="submit"] { |
|---|
| | | background-color: #1057fd; |
|---|
| | | &:hover { |
|---|
| | | opacity: 0.9; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
