EaglercraftX-Client-Collections/EaglercraftX-Site
4
5
Fork 2
Code Issues Pull Requests Actions Projects Wiki Activity

SEVI i fixed the dark mode and added the checkbox back while keeping gradient. Someone find good colors for it

Browse Source
This commit is contained in:
PrestonT500 2024-10-28 11:03:17 -07:00
parent 4d1478aff6
commit 3bee63d538
3 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
css/index.css
View File

@ -1,6 +1,5 @@
body { body {
font-family: 'Arial', sans-serif; font-family: 'Arial', sans-serif;
background: rgb(0,0,0);
background: linear-gradient(39deg, rgba(0,0,0,1) 0%, rgba(128,3,251,1) 20%, rgba(107,6,255,1) 40%, rgba(88,31,255,1) 60%, rgba(43,0,255,1) 80%, rgba(0,0,0,1) 100%); background: linear-gradient(39deg, rgba(0,0,0,1) 0%, rgba(128,3,251,1) 20%, rgba(107,6,255,1) 40%, rgba(88,31,255,1) 60%, rgba(43,0,255,1) 80%, rgba(0,0,0,1) 100%);
margin: 0; margin: 0;
padding: 0; padding: 0;

5
index.html
View File

@ -14,11 +14,12 @@
<script src="https://cdn.jsdelivr.net/npm/eruda"></script> <script src="https://cdn.jsdelivr.net/npm/eruda"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2593894696548093" crossorigin="anonymous"></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2593894696548093" crossorigin="anonymous"></script>
<script src="js/ga4.js"></script> <!-- if you put the ga4 script in ANY other file, put a "/" before "js" --> <script src="js/ga4.js"></script> <!-- if you put the ga4 script in ANY other file, put a "/" before "js" -->
<script src="js/darkmoderewrite.js"></script> <script src="js/darkmode.js"></script>
</head> </head>
<body style="background-color: rgb(241, 241, 241); color: black;"> <body style="background-color: rgb(241, 241, 241); color: black;">
<h1 style="color: black;">Welcome to EaglerCraftX</h1> <h1 style="color: black;">Welcome to EaglerCraftX</h1>
<button type="button" onclick="darkmode()">Dark Mode Enable</button> <label for="darkModeCheckbox">Dark Mode Checkbox</label>
<input type="checkbox" id="darkModeCheckbox">
<script> <script>
function darkmode() function darkmode()

12
js/darkmoderewrite.js → js/darkmode.js
View File

@ -3,8 +3,10 @@ $(document).ready(function() {
var isChecked = $("#darkModeCheckbox").is(":checked"); var isChecked = $("#darkModeCheckbox").is(":checked");
if (isChecked) { if (isChecked) {
const body = document.querySelector('body'); const body = document.querySelector('body');
body.style.backgroundColor = '#141414'; //body.style.backgroundColor = '#141414';
body.style.color = '#f1f1f1'; //body.style.color = '#f1f1f1';
body.style = 'background: linear-gradient(39deg, rgba(0,0,0,1) 0%, rgba(128,3,251,1) 20%, rgba(107,6,255,1) 40%, rgba(88,31,255,1) 60%, rgba(43,0,255,1) 80%, rgba(0,0,0,1) 100%);';
// linear-gradient(39deg, rgba(0,0,0,1) 0%, rgba(128,3,251,1) 20%, rgba(107,6,255,1) 40%, rgba(88,31,255,1) 60%, rgba(43,0,255,1) 80%, rgba(0,0,0,1) 100%);
const paragraphs = document.querySelectorAll('p'); const paragraphs = document.querySelectorAll('p');
paragraphs.forEach(function(p) { paragraphs.forEach(function(p) {
@ -35,8 +37,10 @@ $(document).ready(function() {
} else { } else {
const body = document.querySelector('body'); const body = document.querySelector('body');
body.style.backgroundColor = '#f1f1f1'; //body.style.backgroundColor = '#f1f1f1';
body.style.color = 'black'; //body.style.color = 'black';
body.style = 'background: linear-gradient(100deg, rgba(0,0,0,1) 0%, rgba(128,3,251,1) 20%, rgba(107,6,255,1) 40%, rgba(88,31,255,1) 60%, rgba(43,0,255,1) 80%, rgba(0,0,0,1) 100%);';
// linear-gradient(39deg, rgba(0,0,0,1) 0%, rgba(128,3,251,1) 20%, rgba(107,6,255,1) 40%, rgba(88,31,255,1) 60%, rgba(43,0,255,1) 80%, rgba(0,0,0,1) 100%);
const paragraphs = document.querySelectorAll('p'); const paragraphs = document.querySelectorAll('p');
paragraphs.forEach(function(p) { paragraphs.forEach(function(p) {