|
43 | 43 | /* Raw palette colors, for use with rgba() */ |
44 | 44 | --mistica-o2-new-raw-darkModeBlack: 0, 0, 28; |
45 | 45 | --mistica-o2-new-raw-black: 0, 0, 30; |
| 46 | + --mistica-o2-new-raw-beyondBlue: 0, 80, 255; |
46 | 47 | --mistica-o2-new-raw-beyondBlue90: 0, 16, 51; |
47 | 48 | --mistica-o2-new-raw-white: 255, 255, 255; |
48 | 49 | --mistica-o2-new-raw-darkModeGrey: 8, 19, 43; |
|
83 | 84 | --mistica-color-backgroundBrandBottom: var(--mistica-o2-new-beyondBlue45); |
84 | 85 | --mistica-color-appBarBackground: var(--mistica-o2-new-white); |
85 | 86 | --mistica-color-navigationBarBackground: var(--mistica-o2-new-darkBlue); |
86 | | - --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-new-raw-black), 0.05); |
87 | | - --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-new-raw-black), 0.08); |
88 | | - --mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-o2-new-raw-black), 0.2); |
89 | | - --mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-o2-new-raw-black), 0.4); |
| 87 | + --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-new-raw-beyondBlue), 0.05); |
| 88 | + --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-new-raw-beyondBlue), 0.08); |
| 89 | + --mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.2); |
| 90 | + --mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.4); |
90 | 91 | --mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-o2-new-raw-white), 0.1); |
91 | 92 | --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-o2-new-raw-white), 0.17); |
92 | | - --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-o2-new-raw-black), 0.2); |
93 | | - --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-new-raw-black), 0.4); |
| 93 | + --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.2); |
| 94 | + --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.4); |
94 | 95 | --mistica-color-skeletonWave: var(--mistica-o2-new-grey30); |
95 | | - --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.05); |
96 | | - --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.08); |
97 | | - --mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.2); |
98 | | - --mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.4); |
99 | 96 | --mistica-color-borderLow: var(--mistica-o2-new-grey20); |
100 | 97 | --mistica-color-border: var(--mistica-o2-new-grey30); |
101 | 98 | --mistica-color-borderHigh: var(--mistica-o2-new-grey80); |
|
485 | 482 | --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-new-raw-white), 0.05); |
486 | 483 | --mistica-color-navigationBarBackground: var(--mistica-o2-new-darkModeBlack); |
487 | 484 | --mistica-color-skeletonWave: var(--mistica-o2-new-grey80); |
488 | | - --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-new-raw-white), 0.05); |
489 | | - --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-new-raw-white), 0.08); |
490 | | - --mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-o2-new-raw-white), 0.03); |
491 | | - --mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-o2-new-raw-white), 0.05); |
492 | 485 | --mistica-color-borderLow: var(--mistica-o2-new-darkModeBlack); |
493 | 486 | --mistica-color-border: var(--mistica-o2-new-darkModeGrey); |
494 | 487 | --mistica-color-borderHigh: var(--mistica-o2-new-grey45); |
|
781 | 774 | --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-new-raw-white), 0.05); |
782 | 775 | --mistica-color-navigationBarBackground: var(--mistica-o2-new-darkModeBlack); |
783 | 776 | --mistica-color-skeletonWave: var(--mistica-o2-new-grey80); |
784 | | - --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-new-raw-white), 0.05); |
785 | | - --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-new-raw-white), 0.08); |
786 | | - --mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-o2-new-raw-white), 0.03); |
787 | | - --mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-o2-new-raw-white), 0.05); |
788 | 777 | --mistica-color-borderLow: var(--mistica-o2-new-darkModeBlack); |
789 | 778 | --mistica-color-border: var(--mistica-o2-new-darkModeGrey); |
790 | 779 | --mistica-color-borderHigh: var(--mistica-o2-new-grey45); |
|
1079 | 1068 | --mistica-color-backgroundBrandTop: var(--mistica-o2-new-darkBlue); |
1080 | 1069 | --mistica-color-backgroundBrandBottom: var(--mistica-o2-new-beyondBlue45); |
1081 | 1070 | --mistica-color-appBarBackground: var(--mistica-o2-new-white); |
1082 | | - --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-new-raw-black), 0.05); |
1083 | | - --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-new-raw-black), 0.08); |
1084 | | - --mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-o2-new-raw-black), 0.2); |
1085 | | - --mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-o2-new-raw-black), 0.4); |
| 1071 | + --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-new-raw-beyondBlue), 0.05); |
| 1072 | + --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-new-raw-beyondBlue), 0.08); |
| 1073 | + --mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.2); |
| 1074 | + --mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.4); |
1086 | 1075 | --mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-o2-new-raw-white), 0.1); |
1087 | 1076 | --mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-o2-new-raw-white), 0.17); |
1088 | | - --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-o2-new-raw-black), 0.2); |
1089 | | - --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-new-raw-black), 0.4); |
| 1077 | + --mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.2); |
| 1078 | + --mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.4); |
1090 | 1079 | --mistica-color-navigationBarBackground: var(--mistica-o2-new-darkBlue); |
1091 | 1080 | --mistica-color-skeletonWave: var(--mistica-o2-new-grey30); |
1092 | | - --mistica-color-backgroundDropZoneHover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.05); |
1093 | | - --mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.08); |
1094 | | - --mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.2); |
1095 | | - --mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-o2-new-raw-beyondBlue90), 0.4); |
1096 | 1081 | --mistica-color-borderLow: var(--mistica-o2-new-grey20); |
1097 | 1082 | --mistica-color-border: var(--mistica-o2-new-grey30); |
1098 | 1083 | --mistica-color-borderHigh: var(--mistica-o2-new-grey80); |
|
0 commit comments