Skip to content

Commit 576dcf6

Browse files
kaamyashindekaamyashinde
committed
Add color tokens as json files for dark and light themes
1 parent ea68499 commit 576dcf6

2 files changed

Lines changed: 200 additions & 0 deletions

File tree

‎src/ert/gui/styling/themes/dark.json‎

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
{
2+
"bg-neutral-canvas": "#0b0b0b",
3+
"bg-neutral-surface": "#202223",
4+
"bg-neutral-fill-muted-default": "#525c65",
5+
"bg-neutral-fill-muted-hover": "#5d6b76",
6+
"bg-neutral-fill-muted-active": "#6b7d8b",
7+
"bg-neutral-fill-emphasis-default": "#b4c7d7",
8+
"bg-neutral-fill-emphasis-hover": "#cadae7",
9+
"bg-neutral-fill-emphasis-active": "#deeaf4",
10+
"bg-accent-canvas": "#0a0b0b",
11+
"bg-accent-surface": "#1e2323",
12+
"bg-accent-fill-muted-default": "#3c6266",
13+
"bg-accent-fill-muted-hover": "#3e7378",
14+
"bg-accent-fill-muted-active": "#41878e",
15+
"bg-accent-fill-emphasis-default": "#8cd2da",
16+
"bg-accent-fill-emphasis-hover": "#ace3e9",
17+
"bg-accent-fill-emphasis-active": "#c7f1f6",
18+
"bg-success-canvas": "#0a0c0a",
19+
"bg-success-surface": "#1e231e",
20+
"bg-success-fill-muted-default": "#3c673a",
21+
"bg-success-fill-muted-hover": "#3e793c",
22+
"bg-success-fill-muted-active": "#418e3e",
23+
"bg-success-fill-emphasis-default": "#8cdb87",
24+
"bg-success-fill-emphasis-hover": "#aceba8",
25+
"bg-success-fill-emphasis-active": "#c7f7c3",
26+
"bg-info-canvas": "#0a0b0c",
27+
"bg-info-surface": "#1d2226",
28+
"bg-info-fill-muted-default": "#33607e",
29+
"bg-info-fill-muted-hover": "#316f98",
30+
"bg-info-fill-muted-active": "#2e82b7",
31+
"bg-info-fill-emphasis-default": "#7dceff",
32+
"bg-info-fill-emphasis-hover": "#a2e0ff",
33+
"bg-info-fill-emphasis-active": "#c4eeff",
34+
"bg-warning-canvas": "#0c0b0a",
35+
"bg-warning-surface": "#27201b",
36+
"bg-warning-fill-muted-default": "#7e4e25",
37+
"bg-warning-fill-muted-hover": "#97571b",
38+
"bg-warning-fill-muted-active": "#b46201",
39+
"bg-warning-fill-emphasis-default": "#ffad63",
40+
"bg-warning-fill-emphasis-hover": "#ffc791",
41+
"bg-warning-fill-emphasis-active": "#ffddb9",
42+
"bg-danger-canvas": "#0d0a0a",
43+
"bg-danger-surface": "#2a1e1e",
44+
"bg-danger-fill-muted-default": "#923a3c",
45+
"bg-danger-fill-muted-hover": "#b03940",
46+
"bg-danger-fill-muted-active": "#d43745",
47+
"bg-danger-fill-emphasis-default": "#ffa3a1",
48+
"bg-danger-fill-emphasis-hover": "#ffc1bf",
49+
"bg-danger-fill-emphasis-active": "#ffd9d7",
50+
"bg-floating": "#202223",
51+
"bg-backdrop": "#738696",
52+
"bg-input": "#0b0b0b",
53+
"bg-disabled": "#525c65",
54+
"border-neutral-subtle": "#525c65",
55+
"border-neutral-medium": "#738696",
56+
"border-neutral-strong": "#9fb4c6",
57+
"border-accent-subtle": "#3c6266",
58+
"border-accent-medium": "#439199",
59+
"border-accent-strong": "#6ec0c9",
60+
"border-success-subtle": "#3c673a",
61+
"border-success-medium": "#439941",
62+
"border-success-strong": "#6eca6a",
63+
"border-info-subtle": "#33607e",
64+
"border-info-medium": "#2d8bc5",
65+
"border-info-strong": "#5abbfb",
66+
"border-warning-subtle": "#7e4e25",
67+
"border-warning-medium": "#c36800",
68+
"border-warning-strong": "#f99539",
69+
"border-danger-subtle": "#923a3c",
70+
"border-danger-medium": "#e53748",
71+
"border-danger-strong": "#ff8082",
72+
"border-focus": "#2d8bc5",
73+
"border-disabled": "#738696",
74+
"text-neutral-subtle": "#d6e3ee",
75+
"text-neutral-strong": "#f5fdff",
76+
"text-neutral-subtle-on-emphasis": "#333639",
77+
"text-neutral-strong-on-emphasis": "#030303",
78+
"text-accent-subtle": "#bcebf1",
79+
"text-accent-strong": "#e6ffff",
80+
"text-accent-subtle-on-emphasis": "#2c3839",
81+
"text-accent-strong-on-emphasis": "#030303",
82+
"text-success-subtle": "#bcf2b8",
83+
"text-success-strong": "#e6ffe3",
84+
"text-success-subtle-on-emphasis": "#2c392b",
85+
"text-success-strong-on-emphasis": "#030303",
86+
"text-info-subtle": "#b7e8ff",
87+
"text-info-strong": "#ecffff",
88+
"text-info-subtle-on-emphasis": "#2a3741",
89+
"text-info-strong-on-emphasis": "#030304",
90+
"text-warning-subtle": "#ffd4aa",
91+
"text-warning-strong": "#fff7e6",
92+
"text-warning-subtle-on-emphasis": "#413226",
93+
"text-warning-strong-on-emphasis": "#040303",
94+
"text-danger-subtle": "#ffd0ce",
95+
"text-danger-strong": "#fff5f4",
96+
"text-danger-subtle-on-emphasis": "#492d2c",
97+
"text-danger-strong-on-emphasis": "#040303",
98+
"text-link": "#5abbfb",
99+
"text-disabled": "#738696"
100+
}

‎src/ert/gui/styling/themes/light.json‎

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
{
2+
"bg-neutral-canvas": "#f5f5f5",
3+
"bg-neutral-surface": "#ffffff",
4+
"bg-neutral-fill-muted-default": "#e1e1e1",
5+
"bg-neutral-fill-muted-hover": "#d4d4d4",
6+
"bg-neutral-fill-muted-active": "#c4c4c4",
7+
"bg-neutral-fill-emphasis-default": "#636363",
8+
"bg-neutral-fill-emphasis-hover": "#525252",
9+
"bg-neutral-fill-emphasis-active": "#4d4d4d",
10+
"bg-accent-canvas": "#eaf8fa",
11+
"bg-accent-surface": "#f6ffff",
12+
"bg-accent-fill-muted-default": "#cfe7e9",
13+
"bg-accent-fill-muted-hover": "#bbdbdf",
14+
"bg-accent-fill-muted-active": "#a2cdd2",
15+
"bg-accent-fill-emphasis-default": "#206f77",
16+
"bg-accent-fill-emphasis-hover": "#205c62",
17+
"bg-accent-fill-emphasis-active": "#20565c",
18+
"bg-success-canvas": "#eafbe8",
19+
"bg-success-surface": "#f6fff5",
20+
"bg-success-fill-muted-default": "#cfeacc",
21+
"bg-success-fill-muted-hover": "#bbe0b8",
22+
"bg-success-fill-muted-active": "#a2d49e",
23+
"bg-success-fill-emphasis-default": "#207720",
24+
"bg-success-fill-emphasis-hover": "#20621f",
25+
"bg-success-fill-emphasis-active": "#215c1f",
26+
"bg-info-canvas": "#e7f8ff",
27+
"bg-info-surface": "#f4ffff",
28+
"bg-info-fill-muted-default": "#cae6fa",
29+
"bg-info-fill-muted-hover": "#b5daf5",
30+
"bg-info-fill-muted-active": "#99cbf0",
31+
"bg-info-fill-emphasis-default": "#006aa0",
32+
"bg-info-fill-emphasis-hover": "#085883",
33+
"bg-info-fill-emphasis-active": "#0e5279",
34+
"bg-warning-canvas": "#fff1e2",
35+
"bg-warning-surface": "#fffcf0",
36+
"bg-warning-fill-muted-default": "#fbdac1",
37+
"bg-warning-fill-muted-hover": "#f6caaa",
38+
"bg-warning-fill-muted-active": "#f0b689",
39+
"bg-warning-fill-emphasis-default": "#9b4900",
40+
"bg-warning-fill-emphasis-hover": "#813e00",
41+
"bg-warning-fill-emphasis-active": "#773a00",
42+
"bg-danger-canvas": "#ffecea",
43+
"bg-danger-surface": "#fff9f8",
44+
"bg-danger-fill-muted-default": "#ffd0ce",
45+
"bg-danger-fill-muted-hover": "#ffbcba",
46+
"bg-danger-fill-muted-active": "#ffa3a1",
47+
"bg-danger-fill-emphasis-default": "#bc002a",
48+
"bg-danger-fill-emphasis-hover": "#9a1026",
49+
"bg-danger-fill-emphasis-active": "#8e1525",
50+
"bg-floating": "#ffffff",
51+
"bg-backdrop": "#aeaeae",
52+
"bg-input": "#f5f5f5",
53+
"bg-disabled": "#e1e1e1",
54+
"border-neutral-subtle": "#d4d4d4",
55+
"border-neutral-medium": "#aeaeae",
56+
"border-neutral-strong": "#696969",
57+
"border-accent-subtle": "#bbdbdf",
58+
"border-accent-medium": "#7cbac1",
59+
"border-accent-strong": "#21767e",
60+
"border-success-subtle": "#bbe0b8",
61+
"border-success-medium": "#7cc278",
62+
"border-success-strong": "#227e22",
63+
"border-info-subtle": "#b5daf5",
64+
"border-info-medium": "#6fb6e9",
65+
"border-info-strong": "#0070a9",
66+
"border-warning-subtle": "#f6caaa",
67+
"border-warning-medium": "#e89959",
68+
"border-warning-strong": "#a34e00",
69+
"border-danger-subtle": "#ffbcba",
70+
"border-danger-medium": "#ff7a7d",
71+
"border-danger-strong": "#c6002d",
72+
"border-focus": "#6fb6e9",
73+
"border-disabled": "#aeaeae",
74+
"text-neutral-subtle": "#585858",
75+
"text-neutral-strong": "#1d1d1d",
76+
"text-neutral-subtle-on-emphasis": "#dedede",
77+
"text-neutral-strong-on-emphasis": "#ffffff",
78+
"text-accent-subtle": "#1f6369",
79+
"text-accent-strong": "#141f20",
80+
"text-accent-subtle-on-emphasis": "#cae4e7",
81+
"text-accent-strong-on-emphasis": "#ffffff",
82+
"text-success-subtle": "#20691f",
83+
"text-success-strong": "#142114",
84+
"text-success-subtle-on-emphasis": "#cae8c7",
85+
"text-success-strong-on-emphasis": "#ffffff",
86+
"text-info-subtle": "#015e8d",
87+
"text-info-strong": "#121e27",
88+
"text-info-subtle-on-emphasis": "#c5e3f9",
89+
"text-info-strong-on-emphasis": "#ffffff",
90+
"text-warning-subtle": "#8a4100",
91+
"text-warning-strong": "#27190e",
92+
"text-warning-subtle-on-emphasis": "#fad6bc",
93+
"text-warning-strong-on-emphasis": "#ffffff",
94+
"text-danger-subtle": "#a50827",
95+
"text-danger-strong": "#2e1414",
96+
"text-danger-subtle-on-emphasis": "#ffcbc9",
97+
"text-danger-strong-on-emphasis": "#ffffff",
98+
"text-link": "#0070a9",
99+
"text-disabled": "#aeaeae"
100+
}

0 commit comments

Comments
 (0)