jacarEV3/style.css at main · Escama-Code/jacarEV3 · 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
        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #020617;
        }
        ::-webkit-scrollbar-thumb {
            background: #1e293b;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #10b981;
        }

        /* High contrast mode overrides */
        body.high-contrast {
            background-color: #000000 !important;
            color: #ffffff !important;
        }
        body.high-contrast .bg-slate-900,
        body.high-contrast .bg-slate-950,
        body.high-contrast .bg-slate-900\/60,
        body.high-contrast .bg-slate-900\/40 {
            background-color: #0d0d0d !important;
            border-color: #ffffff !important;
        }
        body.high-contrast text, body.high-contrast p, body.high-contrast span {
            color: #ffffff !important;
        }
        body.high-contrast .text-emerald-400,
        body.high-contrast .text-emerald-300 {
            color: #00ff66 !important;
        }

        /* Glassmorphism subtle effects */
        .glass-panel {
            background: rgba(15, 23, 42, 0.75);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        /* Code highlight simulated styling */
        .code-keyword { color: #c084fc; font-weight: 600; }
        .code-string { color: #fb923c; }
        .code-function { color: #60a5fa; }
        .code-comment { color: #64748b; font-style: italic; }
        .code-number { color: #facc15; }
        .code-class { color: #f43f5e; font-weight: 600; }

/* —— Tema claro / escuro (overrides sobre classes Tailwind fixas) —— */
.logo-escama {
  /* no fundo escuro: logo escura vira clara */
  filter: brightness(0) invert(1);
}
html.theme-light .logo-escama {
  filter: none; /* no claro, mantém original (preto sobre fundo claro) */
}

html.theme-light body {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
}
html.theme-light header,
html.theme-light #mobile-menu {
  background-color: rgba(255, 255, 255, 0.92) !important;
  border-color: #e2e8f0 !important;
}
html.theme-light .logo-title { color: #0f172a !important; }
html.theme-light nav a,
html.theme-light #mobile-menu a {
  color: #334155 !important;
}
html.theme-light nav a:hover,
html.theme-light #mobile-menu a:hover {
  color: #059669 !important;
}
html.theme-light footer {
  background-color: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #64748b !important;
}
html.theme-light section {
  border-color: #e2e8f0 !important;
}
html.theme-light .bg-slate-950,
html.theme-light .bg-slate-900,
html.theme-light .bg-slate-900\/60 {
  background-color: #ffffff !important;
}
html.theme-light .bg-slate-950\/90 {
  background-color: rgba(255,255,255,.92) !important;
}
html.theme-light .border-slate-800,
html.theme-light .border-slate-800\/80,
html.theme-light .border-slate-800\/60,
html.theme-light .border-slate-700\/60 {
  border-color: #e2e8f0 !important;
}
html.theme-light .text-slate-100,
html.theme-light .text-white {
  color: #0f172a !important;
}
html.theme-light .text-slate-300,
html.theme-light .text-slate-400,
html.theme-light .text-slate-500 {
  color: #475569 !important;
}
html.theme-light .bg-slate-900\/80,
html.theme-light .bg-slate-800 {
  background-color: #f1f5f9 !important;
}
html.theme-light #btn-theme,
html.theme-light #btn-mobile-menu {
  background-color: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  color: #334155 !important;
}
html.theme-light .api-card,
html.theme-light [class*="rounded-3xl"].bg-slate-900 {
  background-color: #fff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}