11/* Custom CSS for Hyperactive documentation */
2- /* Landing page styling for a mature, professional appearance */
2+ /* Purple/Violet theme matching the Hyperactive logo */
33
44/* ============================================
55 CSS Variables for consistent theming
66 ============================================ */
77: root {
8- --hyperactive-primary : # 0eac92 ;
9- --hyperactive-secondary : # 2077b4 ;
10- --hyperactive-accent : # 4c9aff ;
11- --hyperactive-dark : # 1a1a2e ;
8+ /* Purple/violet colors from the Hyperactive logo */
9+ --hyperactive-primary : # 5D5D7A ;
10+ --hyperactive-secondary : # 7070A0 ;
11+ --hyperactive-accent : # 8080B0 ;
12+ --hyperactive-dark : # 4A4A65 ;
1213 --hyperactive-light : # f8f9fa ;
13- --hyperactive-gradient : linear-gradient (135deg , # 0eac92 0% , # 2077b4 100% );
14- --hyperactive-gradient-dark : linear-gradient (135deg , # 0a8c76 0% , # 1a5a8a 100% );
14+ --hyperactive-gradient : linear-gradient (135deg , # 5D5D7A 0% , # 8080B0 100% );
15+ --hyperactive-gradient-dark : linear-gradient (135deg , # 4A4A65 0% , # 6B6B8E 100% );
1516 --card-shadow : 0 4px 6px -1px rgba (0 , 0 , 0 , 0.1 ), 0 2px 4px -1px rgba (0 , 0 , 0 , 0.06 );
1617 --card-shadow-hover : 0 20px 25px -5px rgba (0 , 0 , 0 , 0.1 ), 0 10px 10px -5px rgba (0 , 0 , 0 , 0.04 );
18+ /* Neutral separator color */
19+ --separator-color : # dee2e6 ;
20+ }
21+
22+ html [data-theme = "dark" ] {
23+ --separator-color : # 3d3d4d ;
1724}
1825
1926/* ============================================
@@ -180,11 +187,11 @@ html[data-theme="dark"] .algo-card {
180187}
181188
182189.optuna-card {
183- border-left-color : # 7c4dff !important ;
190+ border-left-color : var ( --hyperactive-accent ) !important ;
184191}
185192
186193.optuna-card : hover {
187- border-left-color : # 651fff !important ;
194+ border-left-color : var ( --hyperactive-primary ) !important ;
188195}
189196
190197/* ============================================
@@ -303,7 +310,7 @@ html[data-theme="dark"] .algo-card {
303310}
304311
305312.sd-tab-label : hover {
306- background-color : rgba (14 , 172 , 146 , 0.1 );
313+ background-color : rgba (93 , 93 , 122 , 0.1 );
307314}
308315
309316input [name ^= "sd-tab-set" ]: checked + label {
@@ -312,36 +319,27 @@ input[name^="sd-tab-set"]:checked + label {
312319}
313320
314321/* ============================================
315- Section Dividers
322+ Section Separators - Full Width Horizontal Lines
316323 ============================================ */
317324hr {
318325 border : none;
319326 height : 1px ;
320- background : linear-gradient ( 90 deg , transparent , # dee2e6 , transparent );
327+ background-color : var ( --separator-color );
321328 margin : 2.5rem 0 ;
322- }
323-
324- html [data-theme = "dark" ] hr {
325- background : linear-gradient (90deg , transparent, # 3d3d4d, transparent);
329+ width : 100% ;
326330}
327331
328332/* ============================================
329- Section Headers
333+ Section Headers - Clean without decorative underlines
330334 ============================================ */
331335h2 {
332336 position : relative;
333- padding-bottom : 0.5 rem ;
337+ padding-bottom : 0 ;
334338}
335339
340+ /* Remove the short underline pseudo-element */
336341h2 ::after {
337- content : '' ;
338- position : absolute;
339- left : 0 ;
340- bottom : 0 ;
341- width : 60px ;
342- height : 3px ;
343- background : var (--hyperactive-gradient );
344- border-radius : 2px ;
342+ display : none;
345343}
346344
347345/* ============================================
@@ -356,7 +354,7 @@ h2::after {
356354.sd-btn-primary : hover {
357355 background : var (--hyperactive-gradient-dark ) !important ;
358356 transform : translateY (-1px );
359- box-shadow : 0 4px 12px rgba (14 , 172 , 146 , 0.4 );
357+ box-shadow : 0 4px 12px rgba (93 , 93 , 122 , 0.4 );
360358}
361359
362360/* ============================================
0 commit comments