Skip to content

Commit 7033823

Browse files
codeuralicodeurali
committed
Update custom.scss with modern accent colors for MCP Dataverse docs
1 parent 2ce09a3 commit 7033823

1 file changed

Lines changed: 2 additions & 181 deletions

File tree

‎docs/_sass/custom/custom.scss‎

Lines changed: 2 additions & 181 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
// Modern accent colors + auto dark mode for MCP Dataverse docs
1+
// Modern accent colors for MCP Dataverse docs
22
// Just the Docs v0.10.1 — custom.scss is loaded last in cascade
33

44
// ── Light mode accents ──
@@ -10,183 +10,4 @@
1010

1111
.label-green { background-color: #059669 !important; }
1212
.label-yellow { background-color: #d97706 !important; }
13-
.label-purple { background-color: #7c3aed !important; }
14-
15-
// ── Auto dark mode (follows OS preference) ──
16-
@media (prefers-color-scheme: dark) {
17-
18-
// ── Base ──
19-
body {
20-
background-color: #020617 !important; // Slate 950
21-
color: #e2e8f0 !important; // Slate 200 — readable on dark bg
22-
}
23-
24-
// ── Sidebar ──
25-
.side-bar {
26-
background-color: #0f172a !important; // Slate 900
27-
color: #e2e8f0 !important;
28-
}
29-
30-
.site-title {
31-
color: #ffffff !important;
32-
font-weight: 600 !important;
33-
}
34-
35-
.site-nav,
36-
.nav-list .nav-list-item a {
37-
color: #cbd5e1 !important; // Slate 300
38-
}
39-
40-
.nav-list .nav-list-item a:hover,
41-
.nav-list .nav-list-item a.active {
42-
color: #ffffff !important;
43-
background-color: #1e293b !important; // Slate 800
44-
}
45-
46-
.site-nav .nav-list-expander { color: #94a3b8 !important; } // Slate 400
47-
48-
// ── Main content ──
49-
.main-content {
50-
color: #e2e8f0 !important; // Slate 200
51-
52-
p, li, dt, dd, figcaption { color: #e2e8f0 !important; }
53-
54-
h1, h2, h3, h4, h5, h6 { color: #f8fafc !important; } // Slate 50
55-
hr { border-color: #1e293b !important; } // Slate 800
56-
}
57-
58-
// ── Links ──
59-
a:not(.btn):not(.site-title):not(.search-result) {
60-
color: #818cf8 !important; // Indigo 400 — AA contrast on Slate 950
61-
&:hover { color: #a5b4fc !important; } // Indigo 300
62-
}
63-
64-
// ── Inline code ──
65-
code {
66-
background-color: #1e293b !important; // Slate 800
67-
color: #e2e8f0 !important; // Slate 200 — light text on dark bg
68-
border-color: #334155 !important; // Slate 700
69-
}
70-
71-
// ── Code blocks ──
72-
pre {
73-
background-color: #0f172a !important; // Slate 900
74-
border: 1px solid #334155 !important; // Slate 700
75-
color: #e2e8f0 !important;
76-
77-
> code {
78-
background-color: transparent !important;
79-
border: none !important;
80-
color: #e2e8f0 !important; // explicit so theme default can't bleed through
81-
}
82-
}
83-
84-
// ── Tables ──
85-
table {
86-
color: #e2e8f0 !important; // fallback for all cells
87-
88-
thead {
89-
background-color: #0f172a !important; // Slate 900
90-
color: #f8fafc !important; // Slate 50
91-
}
92-
93-
th {
94-
background-color: #0f172a !important; // Slate 900
95-
color: #f8fafc !important; // Slate 50 — white text in headers
96-
border-color: #334155 !important; // Slate 700
97-
}
98-
99-
td {
100-
background-color: #020617 !important; // Slate 950
101-
color: #e2e8f0 !important; // Slate 200 — readable on dark bg
102-
border-color: #334155 !important; // Slate 700
103-
}
104-
105-
tr:nth-child(even) td {
106-
background-color: #0f172a !important; // Slate 900 — subtle stripe
107-
color: #e2e8f0 !important;
108-
}
109-
110-
tr:hover td {
111-
background-color: #1e293b !important; // Slate 800
112-
color: #f8fafc !important;
113-
}
114-
}
115-
116-
// ── Search ──
117-
.search-input {
118-
background-color: #0f172a !important; // Slate 900
119-
color: #f8fafc !important;
120-
border-color: #334155 !important; // Slate 700
121-
&::placeholder { color: #64748b !important; } // Slate 500
122-
&:focus { border-color: #818cf8 !important; } // Indigo 400
123-
}
124-
125-
.search-results {
126-
background-color: #0f172a !important; // Slate 900
127-
border-color: #1e293b !important; // Slate 800
128-
}
129-
130-
.search-result-title { color: #f8fafc !important; }
131-
.search-result-previews { color: #94a3b8 !important; } // Slate 400
132-
.search-result:hover { background-color: #1e293b !important; }
133-
134-
// ── Footer ──
135-
.site-footer {
136-
border-top-color: #1e293b !important; // Slate 800
137-
color: #94a3b8 !important; // Slate 400
138-
a { color: #818cf8 !important; } // Indigo 400
139-
}
140-
141-
// ── Blockquotes ──
142-
blockquote {
143-
border-left-color: #818cf8 !important; // Indigo 400
144-
color: #cbd5e1 !important; // Slate 300
145-
background-color: #0f172a !important; // subtle tinted bg
146-
}
147-
148-
// ── Buttons (non-primary) ──
149-
.btn:not(.btn-primary) {
150-
color: #e2e8f0 !important; // Slate 200
151-
border-color: #475569 !important; // Slate 600
152-
background-color: #1e293b !important; // Slate 800
153-
&:hover {
154-
background-color: #334155 !important; // Slate 700
155-
color: #f8fafc !important;
156-
}
157-
}
158-
159-
// ── Main header & breadcrumbs ──
160-
.main-header {
161-
background-color: #020617 !important; // Slate 950
162-
border-bottom-color: #1e293b !important;
163-
}
164-
165-
.breadcrumb-nav {
166-
color: #94a3b8 !important; // Slate 400
167-
a { color: #818cf8 !important; }
168-
}
169-
170-
.back-to-top {
171-
color: #94a3b8 !important; // Slate 400
172-
&:hover { color: #818cf8 !important; }
173-
}
174-
175-
// ── Callouts ──
176-
.callout {
177-
background-color: #0f172a !important; // Slate 900
178-
border-color: #334155 !important; // Slate 700
179-
color: #e2e8f0 !important; // Slate 200
180-
}
181-
182-
// ── Aux links (npm, GitHub icons) ──
183-
.aux-nav .aux-nav-list-item a {
184-
color: #94a3b8 !important; // Slate 400
185-
&:hover { color: #f8fafc !important; }
186-
}
187-
188-
// ── Labels ──
189-
.label {
190-
color: #ffffff !important; // always white text inside labels
191-
}
192-
}
13+
.label-purple { background-color: #7c3aed !important; }

0 commit comments

Comments
 (0)