Skip to content

Commit 3b0380b

Browse files
BjarneVOBjarneVO
authored
Merge pull request #276 from HOSTED-POWER/BjarneVO-RetypeVersionTest
Experimental new colours
2 parents 2b489ce + 3dfb046 commit 3b0380b

1 file changed

Lines changed: 68 additions & 60 deletions

File tree

‎retype.yml‎

Lines changed: 68 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# full config at https://github.com/retypeapp/retype/blob/main/static/retype.yml
1+
# Full config at https://github.com/retypeapp/retype/blob/main/static/retype.yml
22

33
start:
44
pro: true
@@ -10,18 +10,15 @@ serve:
1010
poweredByRetype: false
1111

1212
breadcrumb:
13-
enabled: true # Enabled by default on Pro projects
14-
# home: Home # Custom label for the first item
15-
home: ":icon-home:" # or, use an icon
16-
# separator: "|" # Custom item separator
13+
enabled: true
14+
home: ":icon-home:"
1715

1816
outbound:
19-
enabled: true # Enabled by default on Pro projects
20-
custom: 'rel="noopener noreferrer"' # custom attribute added to links
21-
icon: link-external # A custom icon name, :emoji:, <svg>, or
22-
# a path to a file
23-
iconAlign: left # Icon alignment, to the left or right
24-
target: blank # Custom target
17+
enabled: true
18+
custom: 'rel="noopener noreferrer"'
19+
icon: link-external
20+
iconAlign: left
21+
target: blank
2522

2623
branding:
2724
title: Docs
@@ -31,51 +28,52 @@ branding:
3128

3229
theme:
3330
base:
31+
# === BACKGROUNDS ===
3432
base-bg: "#FFFFFF" # White
35-
sidebar-left-bg: "#C6E5FF" # Light Blue
33+
sidebar-left-bg: "#C6E5FF" # Blue tint
3634
header-bg: "#FFFFFF" # White
37-
base-item-bg-hover: "#FDFDC5" # Light Yellow
38-
base-item-bg-active: "#C6E5FF" # Light Blue
39-
skeleton-bg: "#FDFDC5" # Light Yellow
35+
base-item-bg-hover: "#FDFDC5" # Yellow tint
36+
base-item-bg-active: "#C6E5FF" # Blue tint
37+
skeleton-bg: "#FDFDC5" # Yellow tint
4038

4139
# === TEXT ===
42-
base-color: "#2600E6" # Blue
40+
base-color: "#2600E6" # HP Blue (primary)
4341
base-text: "#000000" # Black
4442
base-text-strong: "#000000" # Black
45-
base-text-muted: "#777777" # Grayscale
43+
base-text-muted: "#000000" # Black
4644
heading-text: "#000000" # Black
4745
heading-weight: 700
4846

4947
# === LINKS ===
50-
base-link: "#2600E6" # Blue
51-
base-link-hover: "#2600E6" # Blue
48+
base-link: "#2600E6" # HP Blue
49+
base-link-hover: "#2600E6" # HP Blue
5250
base-link-weight: 600
5351

5452
# === BORDERS ===
55-
base-border: "#C6E5FF" # Light Blue
56-
base-border-hover: "#2600E6" # Blue
57-
base-border-strong: "#2600E6" # Blue
53+
base-border: "#C6E5FF" # Blue tint
54+
base-border-hover: "#2600E6" # HP Blue
55+
base-border-strong: "#2600E6" # HP Blue
5856

5957
# === NAVIGATION ===
6058
nav-item-text: "#000000" # Black
61-
nav-item-text-active: "#2600E6" # Blue
62-
nav-item-border-active: "#2600E6" # Blue
59+
nav-item-text-active: "#2600E6" # HP Blue
60+
nav-item-border-active: "#2600E6" # HP Blue
6361
nav-item-text-stack: "#000000" # Black
6462

6563
# === SIDEBAR ACCENTS ===
66-
sidebar-left-border: "#2600E6" # Blue
67-
header-border: "#C6E5FF" # Light Blue
68-
header-text: "#2600E6" # Blue
64+
sidebar-left-border: "#2600E6" # HP Blue
65+
header-border: "#C6E5FF" # Blue tint
66+
header-text: "#2600E6" # HP Blue
6967

7068
# === FOOTER ===
7169
footer-text: "#000000" # Black
72-
footer-link: "#2600E6" # Blue
73-
footer-link-hover: "#2600E6" # Blue
70+
footer-link: "#2600E6" # HP Blue
71+
footer-link-hover: "#2600E6" # HP Blue
7472

7573
# === TABLE OF CONTENTS ===
76-
toc-text: "#777777" # Grayscale
77-
toc-text-active: "#2600E6" # Blue
78-
toc-border-active: "#2600E6" # Blue
74+
toc-text: "#000000" # Black
75+
toc-text-active: "#2600E6" # HP Blue
76+
toc-border-active: "#2600E6" # HP Blue
7977

8078
# === SEMANTIC ALERTS ===
8179
success: "#00E400" # Green
@@ -84,56 +82,66 @@ theme:
8482
royal: "#D200FF" # Purple
8583

8684
# === SELECTION ===
87-
selection-bg: "#C6E5FF" # Light Blue
85+
selection-bg: "#C6E5FF" # Blue tint
8886
selection-text: "#000000" # Black
8987

9088
dark:
91-
base-bg: "#0A0A1A"
92-
sidebar-left-bg: "#C6E5FF" # Light Blue
93-
header-bg: "#0A0A1A" # Functional dark surface
94-
base-item-bg-hover: "#1A1A35" # Functional dark surface
95-
base-item-bg-active: "#2600E6" # Blue
96-
skeleton-bg: "#1A1A35" # Functional dark surface
97-
98-
base-color: "#2600E6" # Blue
89+
# === BACKGROUNDS ===
90+
base-bg: "#000000" # Black
91+
sidebar-left-bg: "#2600E6" # HP Blue (primary)
92+
header-bg: "#000000" # Black
93+
base-item-bg-hover: "#C6E5FF" # Blue tint
94+
base-item-bg-active: "#C6E5FF" # Blue tint
95+
skeleton-bg: "#C6E5FF" # Blue tint
96+
97+
# === TEXT ===
98+
base-color: "#2600E6" # HP Blue
9999
base-text: "#FFFFFF" # White
100100
base-text-strong: "#FFFFFF" # White
101-
base-text-muted: "#777777" # Grayscale
101+
base-text-muted: "#FFFFFF" # White
102102
heading-text: "#FFFFFF" # White
103103
heading-weight: 700
104104

105-
base-link: "#C6E5FF" # Light Blue
106-
base-link-hover: "#C6E5FF" # Light Blue
105+
# === LINKS ===
106+
base-link: "#C6E5FF" # Blue tint
107+
base-link-hover: "#C6E5FF" # Blue tint
107108
base-link-weight: 600
108109

109-
base-border: "#2600E6" # Blue
110-
base-border-hover: "#C6E5FF" # Light Blue
111-
base-border-strong: "#C6E5FF" # Light Blue
110+
# === BORDERS ===
111+
base-border: "#2600E6" # HP Blue
112+
base-border-hover: "#C6E5FF" # Blue tint
113+
base-border-strong: "#C6E5FF" # Blue tint
112114

115+
# === NAVIGATION ===
113116
nav-item-text: "#FFFFFF" # White
114-
nav-item-text-active: "#C6E5FF" # Light Blue
115-
nav-item-border-active: "#C6E5FF" # Light Blue
117+
nav-item-text-active: "#C6E5FF" # Blue tint
118+
nav-item-border-active: "#C6E5FF" # Blue tint
116119
nav-item-text-stack: "#FFFFFF" # White
117120

118-
sidebar-left-border: "#2600E6" # Blue
119-
header-border: "#2600E6" # Blue
120-
header-text: "#C6E5FF" # Light Blue
121+
# === SIDEBAR ACCENTS ===
122+
sidebar-left-border: "#C6E5FF" # Blue tint
123+
header-border: "#2600E6" # HP Blue
124+
header-text: "#C6E5FF" # Blue tint
121125

122-
footer-text: "#777777" # Grayscale
123-
footer-link: "#C6E5FF" # Light Blue
124-
footer-link-hover: "#C6E5FF" # Light Blue
126+
# === FOOTER ===
127+
footer-text: "#FFFFFF" # White
128+
footer-link: "#C6E5FF" # Blue tint
129+
footer-link-hover: "#C6E5FF" # Blue tint
125130

126-
toc-text: "#777777" # Grayscale
127-
toc-text-active: "#C6E5FF" # Light Blue
128-
toc-border-active: "#C6E5FF" # Light Blue
131+
# === TABLE OF CONTENTS ===
132+
toc-text: "#FFFFFF" # White
133+
toc-text-active: "#C6E5FF" # Blue tint
134+
toc-border-active: "#C6E5FF" # Blue tint
129135

136+
# === SEMANTIC ALERTS ===
130137
success: "#00E400" # Green
131138
danger: "#FF0000" # Red
132139
warning: "#FF9200" # Orange
133140
royal: "#D200FF" # Purple
134141

135-
selection-bg: "#C6E5FF" # Light Blue
136-
selection-text: "#000000" # Black on secondary
142+
# === SELECTION ===
143+
selection-bg: "#C6E5FF" # Blue tint
144+
selection-text: "#000000" # Black
137145

138146
url: docs.turbostack.app
139147

0 commit comments

Comments
 (0)