Dark theme

src/App.vue

@@ -32,13 +32,13 @@ export default {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
-  color: #2c3e50;
+  color: $theme-color-grey-blue;
   font-size: 1vw;
   overflow: hidden;
   z-index: 1;
   min-height: 100%;
   display: flex;
-  background-color: #fcfcfc;
+  background-color: $theme-color-white;
 }
 
 @media only screen and (max-width: 1280) {

src/assets/sdslabs-logo-dark.svg:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://files.slack.com/files-pri/T025QJXB7-F04E1278NNA/download/labs.svg?origin_team=T025QJXB7

src/components/Footer.vue

@@ -10,7 +10,10 @@
       </div>
     </div>
     <div class="adminFooterLogos">
-      <a href="https://sdslabs.co"><img :src="sdslabsLogo"/></a>
+      <a href="https://sdslabs.co">
+        <img v-if="this.isDarkTheme == 'true'" :src="sdslabsLogoDark" />
+        <img v-else :src="sdslabsLogo" />
+      </a>
       <div class="adminFooterContactInfo">
         <a href="https://www.facebook.com/SDSLabs"><img :src="fbLogo"/></a>
         <a href="https://twitter.com/sdslabs"><img :src="twitterLogo"/></a>
@@ -23,15 +26,20 @@
 <script>
 import {
   sdslabsLogo,
+  sdslabsLogoDark,
   twitterLogo,
   githubLogo,
   fbLogo
 } from "../constants/images";
+import variables from "../styles/main.scss";
+console.log(variables.isDarkTheme);
 export default {
   name: "Footer",
   data() {
     return {
+      isDarkTheme: variables.isDarkTheme,
       sdslabsLogo,
+      sdslabsLogoDark,
       twitterLogo,
       githubLogo,
       fbLogo

src/components/Navbar.vue

@@ -2,9 +2,8 @@
   <div class="navbar">
     <div class="user-navbar-container" v-if="loggedIn()">
       <router-link to="/about" class="navbar-link ctfLogo"
-        ><div class="logo">
-          <img v-if="this.getLogoUrl()" :src="this.getLogoUrl()" /></div
-      ></router-link>
+        ><div class="logo adminFooterTitle">playCTF</div>
+      </router-link>
       <nav class="navbar-container">
         <div class="link-container">
           <router-link

src/components/adminConfigs/configContent.vue

@@ -53,8 +53,8 @@ export default {
   data() {
     return {
       content: this.compContent,
-      maxAbout: 200,
-      maxPrizes: 200,
+      maxAbout: 500,
+      maxPrizes: 500,
       showPrizeCounter: false,
       showAboutCounter: false
     };
@@ -74,6 +74,7 @@ export default {
           );
           newCompInfoContent.about = this.content.about;
         }
+        this.content.prizes = this.content.prizes.replace("\\n", "\n");
         if (this.content.prizes.length > this.maxPrizes) {
           this.content.prizes = this.content.prizes.substring(
             0,

src/constants/images.js

@@ -1,8 +1,11 @@
+import variables from "../styles/main.scss";
+
 function getImage(imagename) {
   return require(`../assets/${imagename}.svg`);
 }
 
 export const sdslabsLogo = getImage("sdslabs-logo");
+export const sdslabsLogoDark = getImage("sdslabs-logo-dark");
 export const fbLogo = getImage("fb-logo");
 export const twitterLogo = getImage("twitter-logo");
 export const githubLogo = getImage("github-logo");