-
Notifications
You must be signed in to change notification settings - Fork 71
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #343 from Ridhima10/theme
fixed dark theme in all pages
- Loading branch information
Showing
3 changed files
with
28 additions
and
110 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -24,23 +24,24 @@ | |
| <!-- Link to Google Fonts for custom font styles. --> | ||
| <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css" /> | ||
| <!-- Link to the Unicons CSS file. --> | ||
| <script src="/js/script.js" defer></script> | ||
| <!-- Link to an external JavaScript file with the 'defer' attribute, meaning it will be executed after the document has been parsed. --> | ||
|
|
||
| <!-- Bootstrap css--> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" | ||
| integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> | ||
| <link href="/css/styles.css" rel="stylesheet"> | ||
| <script src="/js/script.js" defer></script> | ||
| <!-- Link to an external JavaScript file with the 'defer' attribute, meaning it will be executed after the document has been parsed. --> | ||
|
|
||
|
|
||
| <style> | ||
| .button-85 { | ||
| font-size: 0.8rem !important; | ||
| } | ||
| </style> | ||
| </head> | ||
|
|
||
| ========= | ||
|
|
||
| <style> | ||
| .dark-mode body { | ||
| background-color: black; | ||
| color: white; | ||
| } | ||
| .button-85 { | ||
| font-size: 0.8rem !important; | ||
| } | ||
|
|
@@ -82,7 +83,7 @@ | |
| </style> | ||
| </head> | ||
|
|
||
| <body style="background-color: #161618 ;" class="page-leaderboard"> | ||
| <body class="page-leaderboard"> | ||
| <div class="circle-container"> | ||
| <div class="circle" style="background-color: #55a5ea; left: 504px; top: 59px; scale: 1;"></div> | ||
| <div class="circle" style="background-color: #55a5ea; left: 504px; top: 59px; scale: 0.95;"></div> | ||
|
|
@@ -151,13 +152,21 @@ | |
| } | ||
| .dark-mode .card { | ||
| background-color: #000; | ||
| color: white; | ||
| } | ||
| .light-mode .card { | ||
| background-color: rgb(241, 237, 237) !important; | ||
| color: black; | ||
| } | ||
| .card { | ||
| position: relative; | ||
| width: 290px; | ||
| height: 354px; | ||
| background-color: #000 !important; | ||
| display: flex; | ||
| flex-direction: column; | ||
| justify-content: center; | ||
|
|
@@ -166,7 +175,6 @@ | |
| gap: 12px; | ||
| border-radius: 8px; | ||
| cursor: pointer; | ||
| color: white; | ||
| margin: 0 0.5rem; | ||
| } | ||
|
|
||