Skip to content

Commit a0d7a37

Browse files
binivazquabinivazqua
committed
added custom color palette and stuff
1 parent 4a4f030 commit a0d7a37

3 files changed

Lines changed: 155 additions & 1 deletion

File tree

‎docs/_config.yml‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,10 @@ remote_theme: just-the-docs/just-the-docs@v0.10.1
55
url: "https://JocelynVelarde.github.io"
66
baseurl: "/Talent-Land-Slop-as-a-Service"
77

8-
color_scheme: dark
8+
color_scheme: tecovolt
9+
10+
custom_scss:
11+
- "_sass/custom/custom.scss"
912

1013
aux_links:
1114
"GitHub":

‎docs/_saas/color_schemes/tecovolt.scss‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
// Tecovolt · Qualcomm-inspired color scheme
2+
// Base: GitHub dark blue-gray + Qualcomm red-magenta accent
3+
// Fondo: azul marino profundo (no negro puro)
4+
// Accent: rojo Qualcomm (#E20074) + cyan eléctrico para links
5+
6+
// ── Backgrounds ──────────────────────────────────────────────
7+
$body-background-color: #0d1117; // GitHub dark — azul-negro
8+
$sidebar-color: #10181f; // Sidebar levemente más frío
9+
$code-background-color: #161b22; // GitHub code block
10+
$border-color: #21262d; // Bordes sutiles
11+
12+
// ── Texto ────────────────────────────────────────────────────
13+
$body-text-color: #c9d1d9; // GitHub dark text — no blanco puro
14+
$body-heading-color: #e6edf3; // Headings más brillantes
15+
$nav-child-link-color: #8b949e; // Nav links secundarios
16+
$search-result-preview-color: #8b949e;
17+
18+
// ── Links ────────────────────────────────────────────────────
19+
$link-color: #58a6ff; // GitHub blue — familiar y legible
20+
$btn-primary-color: #e20074; // Qualcomm red-magenta
21+
22+
// ── Accent / Highlight ───────────────────────────────────────
23+
$feedback-color: darken(#e20074, 5%);
24+
25+
// ── Tables ───────────────────────────────────────────────────
26+
$table-background-color: #161b22;
27+
$search-background-color: #161b22;
28+
29+
// ── Code ─────────────────────────────────────────────────────
30+
$code-linenumber-color: #6e7681;
31+
32+
// ── Base font ────────────────────────────────────────────────
33+
$body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
34+
$mono-font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;

‎docs/_saas/custom/custom.scss‎

Lines changed: 117 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
// docs/_sass/custom/custom.scss
2+
// Overrides específicos de Tecovolt encima del color scheme
3+
4+
// ── Sidebar — borde izquierdo accent ─────────────────────────
5+
.site-nav {
6+
border-right: 1px solid #21262d;
7+
}
8+
9+
.nav-list .nav-list-item .nav-list-link.active {
10+
color: #e20074 !important;
11+
font-weight: 600;
12+
}
13+
14+
.nav-list .nav-list-item .nav-list-link:hover {
15+
color: #58a6ff;
16+
background-color: rgba(88, 166, 255, 0.08);
17+
}
18+
19+
// ── Botón primario — rojo Qualcomm ───────────────────────────
20+
.btn-primary {
21+
background-color: #e20074 !important;
22+
border-color: #e20074 !important;
23+
color: #ffffff !important;
24+
25+
&:hover {
26+
background-color: #b8005d !important;
27+
border-color: #b8005d !important;
28+
}
29+
}
30+
31+
// ── Headings con acento sutil ─────────────────────────────────
32+
h1, h2 {
33+
border-bottom: 1px solid #21262d;
34+
padding-bottom: 0.3em;
35+
}
36+
37+
// ── Callout boxes ─────────────────────────────────────────────
38+
// .note (azul GitHub)
39+
.callout.info {
40+
border-left: 4px solid #58a6ff;
41+
background-color: rgba(88, 166, 255, 0.08);
42+
}
43+
44+
// .warning (Qualcomm magenta)
45+
.callout.warning {
46+
border-left: 4px solid #e20074;
47+
background-color: rgba(226, 0, 116, 0.08);
48+
}
49+
50+
// .progress (verde éxito)
51+
.callout.progress {
52+
border-left: 4px solid #3fb950;
53+
background-color: rgba(63, 185, 80, 0.08);
54+
}
55+
56+
// ── Imágenes — sombra sutil para que floten ───────────────────
57+
img {
58+
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
59+
}
60+
61+
// ── Código inline — acento magenta ───────────────────────────
62+
code {
63+
color: #ff7bb0;
64+
background-color: #161b22;
65+
border: 1px solid #21262d;
66+
}
67+
68+
// ── Tablas — header con tinte Qualcomm ───────────────────────
69+
table thead {
70+
background-color: rgba(226, 0, 116, 0.12);
71+
}
72+
73+
table thead th {
74+
color: #e6edf3;
75+
}
76+
77+
table tbody tr:nth-child(even) {
78+
background-color: #161b22;
79+
}
80+
81+
// ── Logo / branding ───────────────────────────────────────────
82+
.site-title {
83+
font-weight: 700;
84+
letter-spacing: -0.5px;
85+
86+
&:hover {
87+
color: #e20074 !important;
88+
}
89+
}
90+
91+
// ── Footer ────────────────────────────────────────────────────
92+
.site-footer {
93+
border-top: 1px solid #21262d;
94+
color: #6e7681;
95+
font-size: 0.8rem;
96+
}
97+
98+
// ── Blockquotes (el tagline "No reacciona al apagón...") ──────
99+
blockquote {
100+
border-left: 4px solid #e20074;
101+
color: #c9d1d9;
102+
background-color: rgba(226, 0, 116, 0.06);
103+
padding: 0.8em 1.2em;
104+
border-radius: 0 4px 4px 0;
105+
}
106+
107+
// ── Search ────────────────────────────────────────────────────
108+
.search-input {
109+
border: 1px solid #21262d;
110+
background-color: #161b22;
111+
color: #c9d1d9;
112+
113+
&:focus {
114+
border-color: #e20074;
115+
box-shadow: 0 0 0 3px rgba(226, 0, 116, 0.15);
116+
}
117+
}

0 commit comments

Comments
 (0)