|
45 | 45 | display: flex; |
46 | 46 | align-items: center; |
47 | 47 | font-weight: 700; |
48 | | - color: #2e8555; |
| 48 | + color: #563cad; |
49 | 49 | letter-spacing: -1px; |
50 | 50 | } |
51 | 51 |
|
|
70 | 70 | } |
71 | 71 |
|
72 | 72 | nav a:hover { |
73 | | - color: #2e8555; |
| 73 | + color: #563cad; |
74 | 74 | } |
75 | 75 |
|
76 | 76 | .theme-toggle { |
|
109 | 109 | } |
110 | 110 |
|
111 | 111 | h1, h2 { |
112 | | - color: #2e8555; |
| 112 | + color: #563cad; |
113 | 113 | } |
114 | 114 |
|
115 | 115 | ul { |
|
124 | 124 | } |
125 | 125 |
|
126 | 126 | a { |
127 | | - color: #2e8555; |
| 127 | + color: #563cad; |
128 | 128 | text-decoration: none; |
129 | 129 | } |
130 | 130 |
|
|
308 | 308 | .menu .navbar-github-btn:focus, .menu .navbar-github-btn:hover, |
309 | 309 | .menu .navbar-theme-btn:focus, .menu .navbar-theme-btn:hover { |
310 | 310 | background: #e6f4ea; |
311 | | - color: #2e8555; |
312 | | - outline: 2px solid #2e8555; |
| 311 | + color: #563cad; |
| 312 | + outline: 2px solid #563cad; |
313 | 313 | outline-offset: 2px; |
314 | 314 | } |
315 | 315 | html.dark .menu a:focus, html.dark .menu a:hover, |
316 | 316 | html.dark .menu .navbar-dropdown-btn:focus, html.dark .menu .navbar-dropdown-btn:hover, |
317 | 317 | html.dark .menu .navbar-github-btn:focus, html.dark .menu .navbar-github-btn:hover, |
318 | 318 | html.dark .menu .navbar-theme-btn:focus, html.dark .menu .navbar-theme-btn:hover { |
319 | 319 | background: #23272f; |
320 | | - color: #3cad6e; |
321 | | - outline: 2px solid #3cad6e; |
| 320 | + color: #563cad; |
| 321 | + outline: 2px solid #563cad; |
322 | 322 | outline-offset: 2px; |
323 | 323 | } |
324 | 324 | /* Scrollbar for long menus */ |
325 | 325 | .menu { |
326 | 326 | scrollbar-width: thin; |
327 | | - scrollbar-color: #2e8555 #e6f4ea; |
| 327 | + scrollbar-color: #563cad #e6f4ea; |
328 | 328 | } |
329 | 329 | .menu::-webkit-scrollbar { |
330 | 330 | width: 8px; |
331 | 331 | } |
332 | 332 | .menu::-webkit-scrollbar-thumb { |
333 | | - background: #2e8555; |
| 333 | + background: #563cad; |
334 | 334 | border-radius: 4px; |
335 | 335 | } |
336 | 336 | .menu::-webkit-scrollbar-track { |
337 | 337 | background: #e6f4ea; |
338 | 338 | border-radius: 4px; |
339 | 339 | } |
340 | 340 | html.dark .menu::-webkit-scrollbar-thumb { |
341 | | - background: #3cad6e; |
| 341 | + background: #563cad; |
342 | 342 | } |
343 | 343 | html.dark .menu::-webkit-scrollbar-track { |
344 | 344 | background: #23272f; |
|
555 | 555 |
|
556 | 556 | /* Hero Section */ |
557 | 557 | .hero { |
558 | | - background: linear-gradient(90deg, #3cad6e 0%, #fff 100%); |
| 558 | + background: linear-gradient(90deg, #777ccc 0%, #fff 100%); |
559 | 559 | padding: 4rem 0 2rem 0; |
560 | 560 | text-align: center; |
561 | 561 | } |
|
564 | 564 | font-size: 2.8rem; |
565 | 565 | font-weight: 700; |
566 | 566 | margin-bottom: 1rem; |
567 | | - color: #205d3b; |
| 567 | + color: #563cad; |
568 | 568 | } |
569 | 569 |
|
570 | 570 | .hero-subtitle { |
|
591 | 591 | } |
592 | 592 |
|
593 | 593 | .btn-primary { |
594 | | - background: #2e8555; |
| 594 | + background: #563cad; |
595 | 595 | color: #fff; |
596 | 596 | } |
597 | 597 |
|
|
601 | 601 |
|
602 | 602 | .btn-secondary { |
603 | 603 | background: #fff; |
604 | | - color: #2e8555; |
605 | | - border: 2px solid #2e8555; |
| 604 | + color: #563cad; |
| 605 | + border: 2px solid #563cad; |
606 | 606 | } |
607 | 607 |
|
608 | 608 | .btn-secondary:hover { |
609 | | - background: #3cad6e; |
| 609 | + /* background: #563cad; */ |
610 | 610 | } |
611 | 611 |
|
612 | 612 | /* Footer */ |
|
636 | 636 | font-size: 1.1rem; |
637 | 637 | font-weight: 700; |
638 | 638 | margin-bottom: 1rem; |
639 | | - color: #3cad6e; |
| 639 | + color: #563cad; |
640 | 640 | } |
641 | 641 |
|
642 | 642 | .footer-col ul { |
|
655 | 655 | } |
656 | 656 |
|
657 | 657 | .footer-col ul li a:hover { |
658 | | - color: #3cad6e; |
| 658 | + color: #563cad; |
659 | 659 | } |
660 | 660 |
|
661 | 661 | .footer-logo { |
|
682 | 682 | } |
683 | 683 |
|
684 | 684 | body.dark .hero { |
685 | | - background: linear-gradient(90deg, #205d3b 0%, #18191a 100%); |
| 685 | + background: linear-gradient(90deg, #563cad 0%, #18191a 100%); |
686 | 686 | } |
687 | 687 |
|
688 | 688 | body.dark .hero-title { |
|
708 | 708 | } |
709 | 709 |
|
710 | 710 | body.dark .footer-col h4 { |
711 | | - color: #3cad6e; |
| 711 | + color: #563cad; |
712 | 712 | } |
713 | 713 |
|
714 | 714 | body.dark .footer-col ul li a { |
715 | 715 | color: #f5f6fa; |
716 | 716 | } |
717 | 717 |
|
718 | 718 | body.dark .footer-col ul li a:hover { |
719 | | - color: #3cad6e; |
| 719 | + color: #563cad; |
720 | 720 | } |
721 | 721 |
|
722 | 722 | .terminal { |
|
790 | 790 | } |
791 | 791 | .navbar-dropdown-list a:hover { |
792 | 792 | background: #f3f4f6; |
793 | | - color: #2e8555; |
| 793 | + color: #563cad; |
794 | 794 | } |
795 | 795 | /* GitHub Button */ |
796 | 796 | a.navbar-github-btn { |
|
818 | 818 | } |
819 | 819 | .navbar-github-btn:hover { |
820 | 820 | background: #f3f4f6; |
821 | | - color: #2e8555; |
| 821 | + color: #563cad; |
822 | 822 | } |
823 | 823 | html.dark .navbar-github-btn { |
824 | 824 | color: #f5f6fa; |
825 | 825 | } |
826 | 826 | html.dark .navbar-github-btn:hover { |
827 | 827 | background: #23272f; |
828 | | - color: #3cad6e; |
| 828 | + color: #563cad; |
829 | 829 | } |
830 | 830 | /* Theme Toggle Button */ |
831 | 831 | .navbar-theme-btn { |
|
844 | 844 | } |
845 | 845 | .navbar-theme-btn:hover { |
846 | 846 | background: #f3f4f6; |
847 | | - color: #2e8555; |
| 847 | + color: #563cad; |
848 | 848 | } |
849 | 849 | .navbar-theme-btn .theme-icon-dark { |
850 | 850 | display: none; |
|
885 | 885 | color: #f5f6fa; |
886 | 886 | } |
887 | 887 | html.dark .navbar-dropdown-list a:hover { |
888 | | - background: #2e8555; |
| 888 | + background: #563cad; |
889 | 889 | color: #fff; |
890 | 890 | } |
891 | 891 | html.dark .navbar-github-btn, html.dark .navbar-theme-btn { |
892 | 892 | color: #f5f6fa; |
893 | 893 | } |
894 | 894 | html.dark .navbar-github-btn:hover, html.dark .navbar-theme-btn:hover { |
895 | 895 | background: #23272f; |
896 | | - color: #3cad6e; |
| 896 | + color: #563cad; |
897 | 897 | } |
898 | 898 | </style> |
899 | 899 | </head> |
|
0 commit comments