Skip to content

Commit 8f40f16

Browse files
luizfernandoljluizfernandolj
committed
add new style for home page and color pallete
1 parent b810baf commit 8f40f16

90 files changed

Lines changed: 2726 additions & 92 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎docs/source/_static/custom.css‎

Lines changed: 7 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,7 @@
1-
:root {
2-
/* Light mode - pastel theme */
3-
--background-main: #F5F4FA;
4-
--text-main: #222233;
5-
--accent-blue: #B8C6F8; /* Pastel blue (from logo #7088F0) */
6-
--accent-magenta: #E0AFDC;/* Pastel magenta (from logo #C045B7) */
7-
--accent-pink: #F8C4D8; /* Pastel pink/purple */
8-
--navbar-bg: #ECEAF4;
9-
--navbar-text: #222233;
10-
}
11-
12-
.toctree-wrapper > ul > li > a {
13-
font-size: 1.4em !important;
14-
font-weight: bold !important;
15-
}
16-
17-
.toctree-wrapper ul ul li a {
18-
font-size: 1em !important;
19-
font-weight: normal !important;
20-
}
1+
/*
2+
* This file is deprecated.
3+
* Styles have been split into:
4+
* - variables.css
5+
* - theme_overrides.css
6+
* - landing.css
7+
*/

‎docs/source/_static/landing.css‎

Lines changed: 146 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,146 @@
1+
/* Hero Section */
2+
.hero-container {
3+
padding: 4rem 0;
4+
text-align: center;
5+
position: relative;
6+
overflow: hidden;
7+
}
8+
9+
.hero-title {
10+
font-size: 3.5rem;
11+
font-weight: 800;
12+
margin-bottom: 1rem;
13+
line-height: 1.3;
14+
padding-bottom: 0.2em; /* Ensure descenders/shadows aren't clipped */
15+
16+
/* Animation Setup */
17+
background: linear-gradient(
18+
110deg,
19+
var(--brand-violet) 20%,
20+
var(--brand-magenta) 30%,
21+
#ffffff 45%,
22+
var(--brand-magenta) 55%,
23+
var(--brand-violet) 80%
24+
);
25+
background-size: 200% auto;
26+
background-clip: text;
27+
-webkit-background-clip: text;
28+
-webkit-text-fill-color: transparent;
29+
text-shadow: 0px 4px 20px rgba(168, 85, 247, 0.3);
30+
31+
animation: shine 5s linear infinite;
32+
}
33+
34+
@keyframes shine {
35+
to {
36+
background-position: 200% center;
37+
}
38+
}
39+
40+
.hero-subtitle {
41+
font-size: 1.25rem;
42+
color: var(--text-secondary);
43+
max-width: 600px;
44+
margin: 0 auto 2rem;
45+
}
46+
47+
/* Buttons */
48+
.btn-premium {
49+
background: var(--brand-gradient);
50+
border: none;
51+
color: white !important;
52+
padding: 0.75rem 2rem;
53+
border-radius: 50px;
54+
font-weight: 600;
55+
letter-spacing: 0.5px;
56+
transition: all 0.3s ease;
57+
box-shadow: 0 4px 15px rgba(217, 70, 239, 0.4);
58+
}
59+
60+
.btn-premium:hover {
61+
transform: translateY(-2px);
62+
box-shadow: 0 8px 25px rgba(217, 70, 239, 0.6);
63+
}
64+
65+
.btn-outline-glow {
66+
background: transparent;
67+
border: 1px solid var(--text-secondary);
68+
color: var(--text-secondary);
69+
border-radius: 50px;
70+
padding: 0.5rem 1.5rem;
71+
transition: all 0.3s ease;
72+
text-decoration: none;
73+
display: inline-block;
74+
}
75+
76+
.btn-outline-glow:hover {
77+
border-color: var(--brand-magenta);
78+
color: var(--brand-magenta);
79+
box-shadow: 0 0 15px rgba(217, 70, 239, 0.2);
80+
}
81+
82+
/* Card Grid */
83+
.feature-card {
84+
background: var(--bg-card);
85+
backdrop-filter: blur(12px);
86+
-webkit-backdrop-filter: blur(12px);
87+
border: 1px solid var(--glass-border);
88+
border-radius: 16px;
89+
padding: 2rem;
90+
height: 100%;
91+
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
92+
position: relative;
93+
overflow: hidden;
94+
}
95+
96+
.feature-card::before {
97+
content: '';
98+
position: absolute;
99+
top: 0;
100+
left: 0;
101+
width: 100%;
102+
height: 4px;
103+
background: var(--brand-gradient);
104+
opacity: 0;
105+
transition: opacity 0.3s ease;
106+
}
107+
108+
.feature-card:hover {
109+
transform: translateY(-8px);
110+
border-color: rgba(217, 70, 239, 0.3);
111+
box-shadow: var(--glow-shadow);
112+
}
113+
114+
.feature-card:hover::before {
115+
opacity: 1;
116+
}
117+
118+
.feature-card h4 a {
119+
color: var(--text-primary) !important;
120+
text-decoration: none;
121+
font-weight: 700;
122+
transition: color 0.3s ease;
123+
}
124+
125+
.feature-card:hover h4 a {
126+
color: var(--brand-magenta) !important;
127+
}
128+
129+
.feature-card p {
130+
color: var(--text-secondary);
131+
margin-top: 1rem;
132+
line-height: 1.6;
133+
}
134+
135+
.card-icon-wrapper {
136+
width: 48px;
137+
height: 48px;
138+
border-radius: 12px;
139+
background: rgba(255,255,255,0.05);
140+
display: flex;
141+
align-items: center;
142+
justify-content: center;
143+
margin-bottom: 1.5rem;
144+
font-size: 1.5rem;
145+
color: var(--brand-violet);
146+
}

‎docs/source/_static/theme_overrides.css‎

Lines changed: 166 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,166 @@
1+
/* Global Overrides for Premium Feel */
2+
body {
3+
background-color: var(--bg-deep) !important;
4+
color: var(--text-primary) !important;
5+
font-family: 'Inter', system-ui, -apple-system, sans-serif;
6+
}
7+
8+
/* Footer & Extras */
9+
footer {
10+
background: #0b1120 !important;
11+
border-top: 1px solid var(--glass-border);
12+
}
13+
14+
/* Sidebar Fixes for Dark Mode */
15+
.bd-sidebar-primary, .bd-sidebar-secondary, .bd-toc, .bd-sidebar {
16+
background: rgba(15, 23, 42, 0.6) !important; /* Semi-transparent dark */
17+
backdrop-filter: blur(10px);
18+
-webkit-backdrop-filter: blur(10px);
19+
border-right: 1px solid var(--glass-border);
20+
border-left: 1px solid var(--glass-border);
21+
}
22+
23+
.bd-sidebar-primary__label, .bd-toc-item.active > .bd-toc-link {
24+
color: var(--text-primary) !important;
25+
}
26+
27+
/* Navbar Active State Overrides - NUCLEAR OPTION */
28+
/* 1. Force the correct text color and border */
29+
.navbar-nav li.active > .nav-link,
30+
.navbar-nav .nav-link.active,
31+
.bd-navbar .navbar-nav .nav-link.active,
32+
.bd-navbar .navbar-nav .nav-link.current,
33+
.navbar-expand-lg .navbar-nav .nav-link.active {
34+
color: var(--brand-magenta) !important;
35+
border-bottom: 3px solid var(--brand-magenta) !important;
36+
box-shadow: none !important;
37+
background: transparent !important;
38+
font-weight: 700 !important;
39+
}
40+
41+
/* 2. KILL ALL PSEUDO-ELEMENTS that usually create the "other" bar */
42+
.navbar-nav li.active > .nav-link::after,
43+
.navbar-nav .nav-link.active::after,
44+
.navbar-nav li.active > .nav-link::before,
45+
.navbar-nav .nav-link.active::before,
46+
.bd-navbar .nav-item.active > .nav-link::after,
47+
.bd-navbar .nav-item.active > .nav-link::before {
48+
display: none !important;
49+
content: none !important;
50+
border: none !important;
51+
height: 0 !important;
52+
width: 0 !important;
53+
background: transparent !important;
54+
opacity: 0 !important;
55+
}
56+
57+
/* Sidebar Active State Overrides */
58+
.bd-sidenav li.active > a,
59+
.bd-sidenav .current > a,
60+
.bd-toc .active > a,
61+
.bd-toc li.active > a {
62+
color: var(--brand-magenta) !important;
63+
border-color: var(--brand-magenta) !important;
64+
background: transparent !important; /* Remove blue background if present */
65+
box-shadow: none !important;
66+
}
67+
68+
/* Left Sidebar Vertical Indicator */
69+
.bd-sidenav .current {
70+
border-left: 2px solid var(--brand-magenta) !important;
71+
box-shadow: none !important;
72+
}
73+
74+
/* Handle PyData Theme specific 'active' class on li that might use box-shadow */
75+
.bd-sidenav li.active, .bd-sidenav li.current {
76+
box-shadow: none !important;
77+
border: none !important; /* prevent double borders on container */
78+
}
79+
80+
/* Right Sidebar (TOC) Active Indicator */
81+
.bd-toc nav ul li.active > a {
82+
border-left: 2px solid var(--brand-magenta) !important;
83+
color: var(--brand-magenta) !important;
84+
box-shadow: none !important;
85+
}
86+
87+
/* Scroll Spy Active State (Right Sidebar) */
88+
.bd-toc .nav-link.active {
89+
color: var(--brand-magenta) !important;
90+
border-left-color: var(--brand-magenta) !important;
91+
box-shadow: none !important;
92+
}
93+
94+
/* Fix for potential 'border-inline-start' conflict in some browsers/themes */
95+
.bd-sidenav li.active > a,
96+
.bd-sidenav .current > a {
97+
border-inline-start: 2px solid var(--brand-magenta) !important;
98+
}
99+
100+
/* Focus rings/outlines */
101+
a:focus, button:focus {
102+
outline-color: var(--brand-violet) !important;
103+
}
104+
105+
/* Premium Table Styling */
106+
.bd-content table.docutils {
107+
width: 100%;
108+
border-collapse: separate; /* Required for rounded corners */
109+
border-spacing: 0;
110+
border-radius: 12px;
111+
overflow: hidden;
112+
margin: 2rem 0;
113+
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
114+
border: 1px solid var(--glass-border);
115+
background: var(--bg-card); /* Glassmorphism background */
116+
backdrop-filter: blur(5px);
117+
}
118+
119+
.bd-content table.docutils th {
120+
background: linear-gradient(90deg, #1e1b4b, #312e81); /* Deep Indigo */
121+
color: var(--text-primary);
122+
font-weight: 700;
123+
padding: 1rem 1.5rem;
124+
text-align: left;
125+
border-bottom: 2px solid var(--brand-violet);
126+
text-transform: uppercase;
127+
font-size: 0.85rem;
128+
letter-spacing: 1px;
129+
}
130+
131+
.bd-content table.docutils td {
132+
padding: 1rem 1.5rem;
133+
color: var(--text-secondary);
134+
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
135+
vertical-align: middle;
136+
transition: color 0.2s ease;
137+
}
138+
139+
.bd-content table.docutils tr:last-child td {
140+
border-bottom: none;
141+
}
142+
143+
.bd-content table.docutils tr {
144+
transition: background-color 0.2s ease;
145+
}
146+
147+
.bd-content table.docutils tr:hover {
148+
background-color: rgba(217, 70, 239, 0.05); /* Very subtle magenta tint */
149+
}
150+
151+
.bd-content table.docutils tr:hover td {
152+
color: var(--text-primary);
153+
}
154+
155+
/* Link styling inside tables */
156+
.bd-content table.docutils td a {
157+
color: var(--brand-violet);
158+
font-weight: 600;
159+
text-decoration: none;
160+
transition: all 0.2s ease;
161+
}
162+
163+
.bd-content table.docutils td a:hover {
164+
color: var(--brand-magenta);
165+
text-shadow: 0 0 10px rgba(217, 70, 239, 0.4);
166+
}

‎docs/source/_static/variables.css‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
:root {
2+
/* Brand Colors - Logo Derived */
3+
--brand-violet: #A855F7;
4+
--brand-magenta: #D946EF;
5+
--brand-pink: #F43F5E;
6+
--brand-gradient: linear-gradient(135deg, var(--brand-violet), var(--brand-magenta), var(--brand-pink));
7+
8+
/* Modern Dark Theme Base */
9+
--bg-deep: #0f172a; /* Very dark blue/slate */
10+
--bg-card: rgba(30, 41, 59, 0.7); /* Translucent slate */
11+
--text-primary: #f8fafc;
12+
--text-secondary: #94a3b8;
13+
14+
/* Accents */
15+
--glass-border: rgba(255, 255, 255, 0.1);
16+
--glow-shadow: 0 0 20px rgba(168, 85, 247, 0.2);
17+
18+
/* PyData Theme Overrides for Links and Navigation */
19+
--pst-color-primary: var(--brand-violet);
20+
--pst-color-primary-highlight: var(--brand-magenta);
21+
--pst-color-link: var(--brand-violet);
22+
--pst-color-link-hover: var(--brand-magenta);
23+
--pst-color-active-navigation: var(--brand-magenta); /* Critical: overrides theme's default blue active color */
24+
}

0 commit comments

Comments
 (0)