Skip to content

Commit 9001522

Browse files
committed
trying to fiz custom scss
1 parent a0d7a37 commit 9001522

4 files changed

Lines changed: 98 additions & 134 deletions

File tree

‎docs/_config.yml‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,6 @@ baseurl: "/Talent-Land-Slop-as-a-Service"
77

88
color_scheme: tecovolt
99

10-
custom_scss:
11-
- "_sass/custom/custom.scss"
12-
1310
aux_links:
1411
"GitHub":
1512
- "https://github.com/JocelynVelarde/Talent-Land-Slop-as-a-Service"
Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,23 @@
11
// 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
2+
// Just the Docs v0.10.1 compatible — todo en un solo archivo
53

64
// ── 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
5+
$body-background-color: #0d1117;
6+
$sidebar-color: #10181f;
7+
$code-background-color: #161b22;
8+
$border-color: #21262d;
119

1210
// ── 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
11+
$body-text-color: #c9d1d9;
12+
$body-heading-color: #e6edf3;
13+
$nav-child-link-color: #8b949e;
1614
$search-result-preview-color: #8b949e;
1715

1816
// ── Links ────────────────────────────────────────────────────
19-
$link-color: #58a6ff; // GitHub blue — familiar y legible
20-
$btn-primary-color: #e20074; // Qualcomm red-magenta
17+
$link-color: #58a6ff;
18+
$btn-primary-color: #e20074;
2119

22-
// ── Accent / Highlight ───────────────────────────────────────
20+
// ── Feedback/accent ──────────────────────────────────────────
2321
$feedback-color: darken(#e20074, 5%);
2422

2523
// ── Tables ───────────────────────────────────────────────────
@@ -29,6 +27,6 @@ $search-background-color: #161b22;
2927
// ── Code ─────────────────────────────────────────────────────
3028
$code-linenumber-color: #6e7681;
3129

32-
// ── Base font ────────────────────────────────────────────────
30+
// ── Fonts ────────────────────────────────────────────────────
3331
$body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
3432
$mono-font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;

‎docs/_saas/custom/custom.scss‎

Lines changed: 0 additions & 117 deletions
This file was deleted.
Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
---
2+
---
3+
// docs/assets/css/just-the-docs-custom.scss
4+
// Just the Docs v0.10.1 lo carga automáticamente si existe este archivo.
5+
// No requiere declaración en _config.yml.
6+
7+
// ── Nav — active link en magenta Qualcomm ────────────────────
8+
.nav-list .nav-list-item .nav-list-link.active {
9+
color: #e20074 !important;
10+
font-weight: 600;
11+
}
12+
13+
.nav-list .nav-list-item .nav-list-link:hover {
14+
color: #58a6ff;
15+
background-color: rgba(88, 166, 255, 0.08);
16+
}
17+
18+
// ── Botón primario — rojo Qualcomm ───────────────────────────
19+
.btn-primary {
20+
background-color: #e20074 !important;
21+
border-color: #e20074 !important;
22+
color: #ffffff !important;
23+
}
24+
25+
.btn-primary:hover {
26+
background-color: #b8005d !important;
27+
border-color: #b8005d !important;
28+
}
29+
30+
// ── Headings con separador sutil ─────────────────────────────
31+
h1, h2 {
32+
border-bottom: 1px solid #21262d;
33+
padding-bottom: 0.3em;
34+
}
35+
36+
// ── Blockquotes — borde magenta (el tagline principal) ───────
37+
blockquote {
38+
border-left: 4px solid #e20074;
39+
color: #c9d1d9;
40+
background-color: rgba(226, 0, 116, 0.06);
41+
padding: 0.8em 1.2em;
42+
border-radius: 0 4px 4px 0;
43+
}
44+
45+
// ── Código inline ─────────────────────────────────────────────
46+
code {
47+
color: #ff7bb0;
48+
background-color: #161b22;
49+
border: 1px solid #21262d;
50+
}
51+
52+
// ── Tablas ───────────────────────────────────────────────────
53+
table thead {
54+
background-color: rgba(226, 0, 116, 0.12);
55+
}
56+
57+
table thead th {
58+
color: #e6edf3;
59+
}
60+
61+
table tbody tr:nth-child(even) {
62+
background-color: #161b22;
63+
}
64+
65+
// ── Imágenes — sombra para que floten ────────────────────────
66+
img {
67+
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
68+
}
69+
70+
// ── Site title hover ─────────────────────────────────────────
71+
.site-title:hover {
72+
color: #e20074 !important;
73+
}
74+
75+
// ── Footer ───────────────────────────────────────────────────
76+
.site-footer {
77+
border-top: 1px solid #21262d;
78+
color: #6e7681;
79+
font-size: 0.8rem;
80+
}
81+
82+
// ── Search focus ─────────────────────────────────────────────
83+
.search-input:focus {
84+
border-color: #e20074;
85+
box-shadow: 0 0 0 3px rgba(226, 0, 116, 0.15);
86+
}

0 commit comments

Comments
 (0)