soon

Co-authored-by: Alex Sparkes <turbomarshmello@gmail.com>
Co-authored-by: Wessel Tip <discord@go2it.eu>

src/scss/modules/_credit.scss

@@ -28,7 +28,6 @@
   width: 100em;
   height: 100em;
   font-size: 2rem;
-  text-shadow: 0 2px 25px rgba(0, 0, 0, 0.3);
 }
 
 .credits {
@@ -45,6 +44,8 @@
   border-bottom: 1px dotted black;
   bottom: 15px;
   left: 10px;
+  -webkit-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
+  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
 
   .tooltiptext {
     visibility: hidden;

src/scss/modules/_greeting.scss

@@ -1,5 +1,4 @@
 .greeting {
     margin: 0;
     font-size: 1.6em;
-    text-shadow: 250px 250px 250px rgba(0, 0, 0, 0.3);
 }

src/scss/modules/_miscellaneous.scss

@@ -21,6 +21,7 @@ body {
   left: 0; 
   right: 0;
   margin: auto;
+  text-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
 }
 
 ::placeholder {

src/scss/modules/_modal.scss

@@ -1,93 +1,101 @@
 .Modal {
-    background-color: #fff;
-    width: 600px;
-    margin: 0 auto;
-    margin-top: 40px;
-    border: none;
-    opacity: 1;
-    z-index: -2;
-    height: auto;
-    padding: 20px; 
-    cursor: hand;
+  background-color: #fff;
+  width: 600px;
+  margin: 0 auto;
+  margin-top: 40px;
+  border: none;
+  opacity: 1;
+  z-index: -2;
+  height: auto;
+  padding: 20px;
+  cursor: hand;
 }
 
 .Overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
 }
 
 .switch {
-    position: relative;
-    display: inline-block;
-    width: 60px;
-    height: 34px;
-  }
-  
-  .switch input { 
-    opacity: 0;
-    width: 0;
-    height: 0;
-  }
-  
-  .slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: #ccc;
-    -webkit-transition: .4s;
-    transition: .4s;
-  }
-  
-  .slider:before {
-    position: absolute;
-    content: "";
-    height: 26px;
-    width: 26px;
-    left: 4px;
-    bottom: 4px;
-    background-color: white;
-    -webkit-transition: .4s;
-    transition: .4s;
-  }
-
-  input:checked + .slider {
-    background-color: #2196F3;
-  }
-  
-  input:focus + .slider {
-    box-shadow: 0 0 1px #2196F3;
-  }
-
-  .slider.round {
-    border-radius: 34px;
-  }
-  
-  .slider.round:before {
-    border-radius: 50%;
-  }
-
-  ::-webkit-scrollbar {
-    width: 5px;
+  position: relative;
+  display: inline-block;
+  width: 60px;
+  height: 34px;
 }
 
-/* Track /
-::-webkit-scrollbar-track {
-    background: #f1f1f1;
+.switch input {
+  opacity: 0;
+  width: 0;
+  height: 0;
 }
 
-/ Handle /
-::-webkit-scrollbar-thumb {
-    background: #888;
+.slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #ccc;
+  -webkit-transition: .4s;
+  transition: .4s;
+}
+
+.slider:before {
+  position: absolute;
+  content: "";
+  height: 26px;
+  width: 26px;
+  left: 4px;
+  bottom: 4px;
+  background-color: white;
+  -webkit-transition: .4s;
+  transition: .4s;
+}
+
+input:checked+.slider {
+  background-color: #2196F3;
+}
+
+input:focus+.slider {
+  box-shadow: 0 0 1px #2196F3;
+}
+
+.slider.round {
+  border-radius: 34px;
+}
+
+.slider.round:before {
+  border-radius: 50%;
+}
+
+::-webkit-scrollbar {
+  width: 5px;
 }
 
-/ Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
-    background: #555;
+  background: #555;
 }
-  
+
+
+.Modal:focus {
+  outline: 0;
+}
+
+.closeModal {
+  float: right;
+  font-size: 2em;
+  cursor: pointer;
+}
+
+.closeModal:hover {
+  color: grey;
+}
+
+.dark {
+  background-color: #2f3542 !important;
+  color: white !important;
+}

src/scss/modules/_navbar.scss

@@ -3,6 +3,8 @@
     text-align: right;
     min-width: 50px;
     cursor: pointer;
+    -webkit-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
+    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
 }
 
 .navbar1 {

src/scss/modules/_quote.scss

@@ -14,11 +14,9 @@
   font-size: 0.9em;
   letter-spacing: 0.5px;
   margin: 0;
-  text-shadow: 25px 25px 25px rgba(0, 0, 0, 0.3);
 }
 
 i.material-icons,
 h1.quoteauthor {
   display: inline;
-  text-shadow: 25px 25px 25px rgba(0, 0, 0, 0.3);
 }

src/scss/modules/_settings.scss

@@ -7,20 +7,6 @@
   z-index: 4;
 }
 
-.Modal:focus {
-  outline: 0;
-}
-
-.closeModal {
-  float: right;
-  font-size: 2em;
-  cursor: pointer;
-}
-
-.closeModal:hover {
-  color: grey;
-}
-
 .switch {
   position: relative;
  /* display: inline-block; */
@@ -192,4 +178,14 @@ li {
   border-radius: 12px;
   background: linear-gradient(90deg, #ffb032 0%, #dd3b67 100%);;
   cursor: pointer;
+}
+
+input[type=text] {
+  width: 200px;
+  padding: 0.5rem 1rem;
+  box-sizing: border-box;
+  border-image-slice: 1;
+  border-image-source: linear-gradient(90deg, #ffb032 0%, #dd3b67 100%);
+  outline: none;
+  font-family: 'Lexend Deca', sans-serif;
 }