remove nik's "roblox" bullshit

NUXT/layouts/default.vue

@@ -2,7 +2,7 @@
   <v-app style="background: black !important;">
     <v-card
       :style="{
-        borderRadius: roblox ? '0rem' : '1rem 1rem 0px 0px !important'
+        borderRadius: roundedCorners ? '0rem' : '1rem 1rem 0px 0px !important'
       }"
       style="height: 4rem !important; display: flex; box-shadow: none !important;"
       color="accent white--text"
@@ -33,7 +33,7 @@
         class="background scroll-y"
         style="padding: 0; height: calc(100vh - 8rem); overflow-x: hidedn;"
         :style="{
-          borderRadius: roblox ? '0rem' : '1rem'
+          borderRadius: roundedCorners ? '0rem' : '1rem'
         }"
       >
 
@@ -49,7 +49,7 @@
 
     <bottomNavigation v-if="!search"
       :style="{
-        borderRadius: roblox ? '0rem' : '0 0 1rem 1rem !important'
+        borderRadius: roundedCorners ? '0rem' : '0 0 1rem 1rem !important'
       }"
     />
 
@@ -120,13 +120,13 @@ export default {
 
     text: null,
     response: [],
-    roblox: false,
+    roundedCorners: false,
   }),
 
   mounted() {
     //---   Load Saved Radius  ---//
     setInterval(() => { // im sorry I'll fix this later
-      this.roblox = localStorage.getItem("roblox") == "true";
+      this.roundedCorners = localStorage.getItem("roundedCorners") == "true";
     }, 1000);
 
     //---   Load Saved Theme   ---//
@@ -149,6 +149,7 @@ export default {
         }
       } else {
         this.$vuetube.statusBar.setLight()
+        this.$vuetube.statusBar.setBackground(this.$vuetify.theme.themes.light.accent)
       }
     }, 0);
 
@@ -168,10 +169,6 @@ export default {
     });
   },
   computed: {
-    // TODO: says localStorage is undefined, idk why 😭
-    // roblox () {
-    //     return localStorage.getItem("roblox") === null ? false : localStorage.getItem("roblox")
-    // },
     page: function () {
       const splitPath = this.$route.path.split("/");
       let pageName = splitPath[splitPath.length-1];

NUXT/pages/mods/theme.vue

@@ -6,12 +6,12 @@
       <v-row class="ml-3 mr-6">
         <section class="row">
           <v-switch
-            v-model="roblox"
-            label="Roblox"
-            hint="If you want UI to look like Minecraft"
+            label="Rounded Corners"
+            hint="Enable rounded corners on the top and bottom of the app"
+            v-model="roundedCorners"
             persistent-hint
             inset
-            @click="saveRadius(roblox)"
+            @click="saveRadius()"
           />
         </section>
       </v-row>
@@ -61,7 +61,7 @@ export default {
   data() {
     return {
       accentColor: '#ffffff',
-      roblox: false,
+      roundedCorners: false,
     }
   },
 
@@ -93,23 +93,10 @@ export default {
       localStorage.setItem("darkTheme", isDark);
     },
     saveRadius(value) {
-      localStorage.setItem("roblox", value);
+      localStorage.setItem("roundedCorners", this.roundedCorners);
     },
 
   },
-  computed: {
-    // 😩
-    // roblox: {
-    //   get () {
-    //     return localStorage.getItem("roblox") === 'true'
-    //   },
-    //   set (value) {
-          // if(process.client) {
-    //      localStorage.setItem("roblox", value)
-          // }
-    //   }
-    // }
-  },
 
   watch: {
     accentColor: function (val, oldVal) {

NUXT/plugins/utils.js

@@ -25,4 +25,8 @@ function rgbToHex(r, g, b) {
   return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
 }
 
-module.exports = { getBetweenStrings, hexToRgb, rgbToHex };
+module.exports = {
+  getBetweenStrings,
+  hexToRgb,
+  rgbToHex
+};