feat: color

D3LAB-DAO · Jul 18, 2024 · 3b261af · 3b261af
1 parent 3f30db8
commit 3b261af
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 208 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -13,30 +13,7 @@ export default {
 </script>
 
 <template>
-  <div class="gradient-bg">
-    <svg xmlns="http://www.w3.org/2000/svg">
-      <defs>
-        <filter id="goo">
-          <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
-          <feColorMatrix
-            in="blur"
-            mode="matrix"
-            values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8"
-            result="goo"
-          />
-          <feBlend in="SourceGraphic" in2="goo" />
-        </filter>
-      </defs>
-    </svg>
-    <div class="gradients-container">
-      <div class="g1"></div>
-      <div class="g2"></div>
-      <div class="g3"></div>
-      <div class="g4"></div>
-      <div class="g5"></div>
-      <!-- <div class="interative"></div> -->
-    </div>
-  </div>
+  <div class="black-bg"></div>
   <div class="container">
     <ChatBox id="chatbox" />
   </div>
@@ -46,4 +23,15 @@ export default {
 #chatbox {
   height: calc(100vh);
 }
+
+.black-bg {
+  width: 100vw;
+  height: 100vh;
+  position: absolute;
+  overflow: hidden;
+  background: rgb(0, 0, 0);
+  top: 0;
+  left: 0;
+  z-index: -2;
+}
 </style>
diff --git a/src/assets/aurora.css b/src/assets/aurora.css
diff --git a/src/assets/main.css b/src/assets/main.css
@@ -1,4 +1,3 @@
-@import './aurora.css';
 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
 
 html {

diff --git a/src/components/ChatBalloon.vue b/src/components/ChatBalloon.vue
@@ -86,7 +86,7 @@ export default {
 
 .user {
   color: #ffffffee;
-  background-color: #6944b1;
+  background-color: #FF481E;
   border-radius: 15px 15px 0px 15px;
   right: calc(-100% + 30px);
   transform: translate(-100%, 0%);
@@ -99,9 +99,6 @@ export default {
   left: -50px;
   bottom: -20px;
 }
-.demo {
-  color: red;
-}
 .ellipsis {
   width: 5px;
   height: 5px;

diff --git a/src/components/ChatBox.vue b/src/components/ChatBox.vue
@@ -217,7 +217,7 @@ export default {
           setTimeout(() => {
             this.chatArray[index - 1].data.content += words[i];
             resolve();
-          }, 30);
+          }, 20);
         });
         this.scrollToBottom(false);
       }
@@ -421,7 +421,7 @@ input:focus {
 
 .connect-button.connected {
   border: 1px solid #ffffff99;
-  color: rgb(32, 6, 71); /* Blank text */
+  color: rgb(0, 0, 0); /* Blank text */
   padding: 10px 20px;
   text-align: center;
   text-decoration: none;