From 5a05820ab383b8a23f8efafc7fbdcf64ac28a065 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Wed, 26 Jul 2023 16:16:08 +0300
Subject: [PATCH] Update templates.js

---
 components/doc/codeeditor/templates.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/doc/codeeditor/templates.js b/components/doc/codeeditor/templates.js
index d5cbf476f..37470a9e9 100644
--- a/components/doc/codeeditor/templates.js
+++ b/components/doc/codeeditor/templates.js
@@ -456,7 +456,7 @@ export default {
 
         files[`${path}components/ThemeSwitcher.vue`] = {
             content: `<template>
-    <div class="flex justify-end">
+    <div class="card flex justify-end p-2 mb-4">
         <button type="button" class="flex border-1 w-2rem h-2rem p-0 align-center justify-center" @click="onThemeToggler">
             <i :class="\`dark:text-white pi \${iconClass}\`" />
         </button>
@@ -513,21 +513,21 @@ html {
 }
 
 body {
-    background: #f3f4f6;
+    background: #eff3f8;
     padding: 1rem;
 }
 
-html.dark body {
-    background: #071426;
-}
-
 .card {
-    background: #f3f4f6;
+    background: #ffffff;
     padding: 2rem;
     border-radius: 10px;
     margin-bottom: 1rem;
 }
 
+html.dark body {
+    background: #040d19;
+}
+
 html.dark .card {
     background: #071426;
 }