Core/typedoc-theme.css at develop · Quatrain/Core · GitHub

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
127
128
129
130
131
132
133
134
135
136
137
138
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

/* Variables CSS principales : Theme Sombre "Slate" (Reposant pour les yeux) */
:root, :root[data-theme="light"], :root[data-theme="dark"] {
    /* Couleurs de base : Slate très élégant */
    --color-background: #1e293b;
    --color-background-secondary: #0f172a;
    --color-text: #f8fafc;
    --color-text-aside: #94a3b8;

    /* Vert Quatrain */
    --color-primary: #a8c51e;
    --color-primary-light: rgba(168, 197, 30, 0.2);
    --color-link: #bef264; /* Vert plus clair pour contraster sur le fond sombre */
}

/* Typographie épurée */
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: var(--color-text);
    background: var(--color-background);
}

/* Correction Noir sur Noir pour le code */
code, pre, .tsd-signature {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.9em;
}

code {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
    padding: 0.2em 0.4em;
    border-radius: 4px;
    border: 1px solid #334155;
}

pre {
    background-color: #0f172a !important;
    border: 1px solid #334155;
}

pre code {
    border: none;
    background-color: transparent !important;
}

/* En-tête (Header) */
.tsd-page-toolbar {
    background: rgba(15, 23, 42, 0.95) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-bottom: 1px solid #334155;
    box-shadow: none;
}

/* Injection du logo de l'entreprise dans la barre d'outils */
.tsd-page-toolbar .title::before {
    content: "";
    display: inline-block;
    width: 140px;
    height: 32px;
    background: url('./assets/quatrain-logo.png') no-repeat left center;
    background-size: contain;
    margin-right: 12px;
    vertical-align: middle;
    /* Si ton logo est noir, cette ligne l'inversera en blanc automatiquement sur le fond sombre ! */
    filter: brightness(0) invert(1);
}

/* Bannière de titre de page */
.tsd-page-title {
    background: transparent;
    padding: 2rem 0 1rem 0;
    margin-bottom: 1.5rem;
    box-shadow: none;
    border-bottom: 2px solid var(--color-primary-light);
    color: var(--color-text);
}

.tsd-page-title h1 {
    font-weight: 700;
    letter-spacing: -0.02em;
    font-size: 2.2rem;
    color: var(--color-text);
    margin: 0;
}

.tsd-breadcrumb {
    color: var(--color-text-aside);
}

.tsd-breadcrumb a {
    color: var(--color-link);
    font-weight: 500;
}

.tsd-breadcrumb a:hover {
    text-decoration: underline;
}

/* Amélioration des blocs de signature */
.tsd-panel {
    border-radius: 8px;
    border: 1px solid #334155;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    background: #1e293b;
}

.tsd-signature {
    background: var(--color-background-secondary) !important;
    padding: 1rem !important;
    border-radius: 6px;
    border-left: 3px solid var(--color-primary);
    border: 1px solid #334155;
    border-left-width: 3px;
}

/* Menu de navigation latéral */
.tsd-navigation a {
    border-radius: 6px;
    transition: all 0.15s ease;
    padding: 0.4rem 0.6rem;
    color: var(--color-text-aside);
}

.tsd-navigation a:hover {
    background: var(--color-primary-light);
    color: var(--color-text);
}

.tsd-navigation .current > a {
    background: var(--color-primary-light);
    color: #f8fafc;
    font-weight: 600;
    border-left: 3px solid var(--color-primary);
}