-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathcb-lcars-lcars.yaml
126 lines (109 loc) · 4.65 KB
/
cb-lcars-lcars.yaml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
LCARS Picard [cb-lcars]:
card-mod-theme: LCARS Picard [cb-lcars]
# Colors have been sourced and combined from HA-LCARS, thelcars.com, augmented with mewho.com/titan
# Additional shades added to fill out a full palette with the help of some AI :D
#oranges
picard-darkest-orange: "#d91604"
picard-dark-orange: "#ef1d10"
picard-medium-dark-orange: "#e7442a"
picard-orange: "#ff6753"
picard-medium-light-orange: "#ff8470"
picard-light-orange: "#ff977b"
picard-lightest-orange: "#ffb399"
#grays
picard-darkest-gray: "#1e2229"
picard-dark-gray: "#2f3749"
picard-medium-dark-gray: "#52596e"
picard-gray: "#6d748c"
picard-medium-light-gray: "#9ea5ba"
picard-light-gray: "#d2d5df"
picard-lightest-gray: "#f3f4f7"
picard-moonlight: "#dfe1e8"
#blues
picard-darkest-blue: "#002241"
picard-dark-blue: "#1c3c55"
picard-medium-dark-blue: "#2a7193"
picard-blue: "#37a6d1"
picard-medium-light-blue: "#67caf0"
picard-light-blue: "#93e1ff"
picard-lightest-blue: "#00eeee"
#greens
picard-darkest-green: "#0c2a15"
picard-dark-green: "#083717"
picard-medium-dark-green: "#095320"
picard-green: "#266239"
#picard-green: "#808c6d" original gross green
picard-medium-light-green: "#458359"
picard-light-green: "#80bb93"
picard-lightest-green: "#b8e0c1"
#yellows
picard-darkest-yellow: "#70602c"
picard-dark-yellow: "#ac943b"
picard-medium-dark-yellow: "#d2bf50"
picard-yellow: "#f9ef97"
picard-medium-light-yellow: "#fffac9"
picard-light-yellow: "#e7e6de"
picard-lightest-yellow: "#f5f5dc"
#one-offs
picard-black-cherry: "#8c6d7c"
picard-font-color: "#828ba6"
lcars-modern-light-gray: "#9996BA"
lcars-text-gray: var(--picard-font-color)
mdc-theme-text-primary-on-background: var(--lcars-text-gray)
mdc-theme-text-secondary-on-background: var(--lcars-text-gray)
code-editor-background-color: var(--black-color)
<<: *lcars-variables
<<: *base
<<: *card-mod-css
#primary-color: var(--lcars-ui-primary) now ui-quaternary
#light-primary-color: var(--picard-medium-light-gray)
# Sidebar Menu
sidebar-background-color: var(--lcars-ui-primary)
sidebar-icon-color: black
sidebar-text-color: black
sidebar-selected-background-color: var(--picard-light-gray)
sidebar-selected-icon-color: black
sidebar-selected-text-color: black
font-family: "Antonio, Segoe UI Variable Static Text, Segoe UI, SegoeUI, -apple-system,BlinkMacSystemFont, system-ui, sans-serif"
# Primary colors
#lcars-ui-primary: var(--lcars-primary-gray)
#lcars-ui-secondary: var(--lcars-medium-gray)
#lcars-ui-tertiary: var(--lcars-alt-orange)
#lcars-ui-quaternary: var(--lcars-primary-gray)
#lcars-alert-color: var(--lcars-alert-red)
# Primary colors (this works OK.. Secondary is on/active, tertiary is off/inactive)
lcars-ui-primary: var(--picard-gray)
lcars-ui-secondary: var(--picard-medium-light-gray)
lcars-ui-tertiary: var(--picard-medium-dark-orange)
lcars-ui-quaternary: var(--picard-dark-gray)
lcars-alert-color: var(--picard-dark-orange)
# Header colors
#lcars-ui-app-header-background-color: "#000000"
#lcars-ui-app-header-text-color: var(--lcars-pearl)
#lcars-ui-app-header-clock: var(--lcars-pale-orange)
# Header colors
lcars-ui-app-header-background-color: "#272727"
lcars-ui-app-header-text-color: var(--picard-lightest-gray)
lcars-ui-app-header-clock: var(--picard-light-orange)
# Card colors
#lcars-card-top-color: var(--lcars-alt-dark-gray) - picard-dark-gray
#lcars-card-mid-left-color: var(--lcars-primary-gray) - picard-gray
#lcars-card-button: var(--lcars-medium-gray) - B6B6C1 picard-medium-light-gray
#lcars-card-button-off: var(--lcars-primary-gray) - picard-gray
#lcars-card-button-unavailable: var(--lcars-alt-dark-gray) - picard-dark-gray
#lcars-card-button-bar: var(--lcars-primary-gray) - picard-gray
#lcars-card-bottom-color: var(--lcars-alt-dark-gray) - picard-dark-gray
# lcars-card-background: var(--lcars-primary-gray) - picard-gray
# Card colors
lcars-card-top-color: var(--picard-dark-gray)
lcars-card-mid-left-color: var(--picard-gray)
lcars-card-button: var(--picard-medium-light-gray)
lcars-card-button-off: var(--picard-gray)
lcars-card-button-unavailable: var(--picard-dark-gray)
lcars-card-button-bar: var(--picard-dark-gray)
lcars-card-bottom-color: var(--picard-dark-gray)
lcars-card-background: var(--picard-gray)
# Misc
success-color: var(--picard-green)
warning-color: var(--picard-orange)
error-color: var(--picard-dark-orange)