|
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