Added beta neon theme

This commit is contained in:
NinjaCheetah 2022-04-22 22:39:31 -04:00
parent cb7573ce39
commit b790f0d01c
No known key found for this signature in database
GPG Key ID: 6EC6DD38B449B426
6 changed files with 74 additions and 6 deletions

49
CSS/neon.css Normal file
View File

@ -0,0 +1,49 @@
body {
background-color: #231B30;
}
a {
color: aqua;
text-shadow:
0 0 5px #fff,
0 0 7px #fff,
0 0 12px #0fa,
0 0 20px #0fa,
0 0 36px #0fa;
}
h1, h2, h3 {
color: #fff;
text-shadow:
0 0 5px #fff,
0 0 7px #fff,
0 0 12px #FFF8CD,
0 0 36px #FFF8CD;
}
h4, p, ul {
color: #fff;
}
.nav ul {
background-color: #171521;
}
footer {
color: #fff;
}
.footer a {
color: aqua;
}
ol {
color: white;
}
code {
background-color: #252336;
color: #7EEEB0;
}
.dropdown-content {
background-color: #171521;
}
.dropdown-content a {
color: white;
}
.dropdown-content a:hover {
background-color: #111;
}

View File

@ -61,7 +61,7 @@ a {
margin-left: auto;
margin-right: auto;
}
h1, h2, h3, h4, p {
h1, h2, h3, h4, p, ul {
margin-left: 8px;
margin-right: 8px;
}
@ -71,6 +71,18 @@ code {
background-color: #dedede;
padding: 2px;
}
.neonWhite {
color: #fff;
text-shadow:
0 0 7px #fff,
0 0 10px #fff,
0 0 21px #fff,
0 0 42px #FFF08D,
0 0 82px #FFF08D,
0 0 92px #FFF08D,
0 0 102px #FFF08D,
0 0 151px #FFF08D;
}
.neonText {
font-family: "Vibur", sans-serif;
color: #fff;

View File

@ -5,6 +5,7 @@ window.onload = function() {
var roseButton = document.getElementById("roseTheme");
var darkButton = document.getElementById("darkTheme");
var blackButton = document.getElementById("blackTheme");
var neonButton = document.getElementById("neonTheme");
lightButton.onclick = function() {
chooseTheme("");
@ -25,6 +26,11 @@ window.onload = function() {
chooseTheme("/CSS/black.css");
return false;
}
neonButton.onclick = function() {
chooseTheme("/CSS/neon.css");
return false;
}
}
function swapStyleSheet(sheet) {

View File

@ -10,6 +10,7 @@
<div class="dropdown">
<a class="dropbtn"><img src="https://cdn.ncxprogramming.com/file/image/navbar/theme.svg" style="width:32px;height:32px;"/></a>
<div class="dropdown-content">
<a id="neonTheme" href="#">Neon (Beta)</a>
<a id="lightTheme" href="#">Light</a>
<a id="roseTheme" href="#">Rose</a>
<a id="darkTheme" href="#">Dark</a>

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -3,7 +3,7 @@ title: Home
layout: default
---
<div class="banner">
<img class="banner-image" src="/files/banner/homebanner.png" alt="an awesome banner. too bad it isn't loading for you :(">
<img class="banner-image" src="/files/banner/homebanner2.png" alt="an awesome banner. too bad it isn't loading for you :(">
</div>
<h1>welcome to my site!</h1>
<p>I'm currently in the process of remaking this site, so bear with me.</p>