1+ /*
2+ * Space Protocol Color Palette
3+ *
4+ * This file defines the standard colors used in the Space Protocol documentation
5+ * as CSS variables for easy usage in web applications.
6+ */
7+
8+ : root {
9+ /* Blue palette */
10+ --primary-blue : # 4F72FC ;
11+ --primary-light-blue : # 4DABF7 ;
12+
13+ /* Purple palette */
14+ --primary-purple : # AE3EC9 ;
15+ --primary-light-purple : # E599F7 ;
16+
17+ /* Yellow/Orange palette */
18+ --warning-yellow : # FFC034 ;
19+ --warning-orange : # F76707 ;
20+
21+ /* Green palette */
22+ --success-dark-green : # 099268 ;
23+ --success-light-green : # 40C057 ;
24+
25+ /* Red palette */
26+ --error-light-red : # FF8787 ;
27+ --error-dark-red : # E03131 ;
28+
29+ /* Gray palette */
30+ --neutral-gray : # 9398B0 ;
31+ --neutral-light-gray : # F2F2F2 ;
32+
33+ /* Text colors */
34+ --text-dark : # 000000 ;
35+ --text-light : # FFFFFF ;
36+
37+ /* Semantic colors */
38+ --assertion-fill : var (--success-light-green );
39+ --assertion-stroke : var (--success-dark-green );
40+ --retraction-fill : var (--error-light-red );
41+ --retraction-stroke : var (--error-dark-red );
42+ --virtual-fill : # 9398B080 ;
43+ --virtual-stroke : var (--neutral-gray );
44+ --server-fill : var (--warning-yellow );
45+ --server-stroke : var (--warning-orange );
46+ --note-fill : var (--neutral-light-gray );
47+ --note-stroke : var (--neutral-gray );
48+ --text-on-dark : var (--text-light );
49+ --text-on-light : var (--text-dark );
50+ }
51+
52+ /* Utility classes */
53+ .virtual {
54+ background-color : var (--virtual-fill );
55+ border : 1px dashed var (--virtual-stroke );
56+ color : var (--text-on-dark );
57+ border-radius : 4px ;
58+ }
59+
60+ .assertion {
61+ background-color : var (--assertion-fill );
62+ border : 1px solid var (--assertion-stroke );
63+ color : var (--text-on-dark );
64+ border-radius : 4px ;
65+ }
66+
67+ .retraction {
68+ background-color : var (--retraction-fill );
69+ border : 1px dashed var (--retraction-stroke );
70+ color : var (--text-on-dark );
71+ border-radius : 4px ;
72+ }
73+
74+ .server {
75+ background-color : var (--server-fill );
76+ border : 1px solid var (--server-stroke );
77+ color : var (--text-on-dark );
78+ border-radius : 4px ;
79+ }
80+
81+ .note , .neutral {
82+ background-color : var (--note-fill );
83+ border : 1px solid var (--note-stroke );
84+ color : var (--text-on-light );
85+ border-radius : 4px ;
86+ }
87+
88+ .rejected {
89+ background-color : var (--retraction-fill );
90+ border : 1px dashed var (--retraction-stroke );
91+ color : var (--text-on-dark );
92+ border-radius : 4px ;
93+ }
0 commit comments