update avatar & colors

envizar · Jan 29, 2025 · d485dff · d485dff
1 parent 367f109
commit d485dff
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="">
   <head>
     <meta charset="UTF-8">
-    <link rel="icon" href="/avatar.jpg">
+    <link rel="icon" href="/avatar.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>envizar</title>
   </head>

diff --git a/public/avatar.jpg b/public/avatar.jpg
diff --git a/src/App.vue b/src/App.vue
@@ -28,7 +28,7 @@ const age = computed(() => {
 
 <template>
   <div class="flex flex-col gap-2 items-center justify-center mb-8 mt-16 lg:mt-0">
-    <img src="/avatar.jpg" alt="avatar" class="w-20 h-20 rounded-lg avatar">
+    <img src="/avatar.png" alt="avatar" class="w-20 h-20 rounded-lg avatar">
     <span class="text-2xl font-700 color-white font-['JetBrains_Mono',_serif]">envizar</span>
   </div>
   <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 p-4 max-w-120 lg:w-200 lg:max-w-200">
@@ -88,22 +88,22 @@ const age = computed(() => {
 
 <style scoped lang="scss">
 .avatar {
-  box-shadow: 0 0 5rem rgba(255, 0, 0, .25);
+  box-shadow: 0 0 5rem #e78e7c44;
   z-index: 1;
   outline: solid transparent 0px;
   transition: 100ms all ease-in-out;
   cursor: grab;
   &:hover {
     outline: solid var(--c-brand) 2px;
     outline-offset: 4px;
-    box-shadow: 0 0 5rem rgba(255, 0, 0, 0.7);
+    box-shadow: 0 0 5rem #e78e7c99;
     transform: scale(1.05);
   }
   &:active {
     transform: scale(.9);
     filter: brightness(2);
     outline-color: #ffc7c7;
-    box-shadow: 0 0 8rem rgba(255, 53, 53, 0.75);
+    box-shadow: 0 0 8rem #e78e7caa;
     outline-offset: 2px;
     cursor: grabbing;
   }

diff --git a/src/assets/theme.scss b/src/assets/theme.scss
@@ -1,12 +1,12 @@
 :root {
-    --c-brand: #ff5050;
-    --c-brand-border: rgba(255, 74, 74, 0.5);
+    --c-brand: #ff917e;
+    --c-brand-border: #e78e7c88;
 
     --c-text-primary: #e8e3e3;
     --c-text-secondary: #c1b8b8;
     --c-sep: #5E5E5E;
 
-    --c-bg-body: #221d1d;
+    --c-bg-body: #1e1919;
     --c-bg-card: rgba(0, 0, 0, .25);
     --c-bg-card-hover: rgba(0, 0, 0, .35)
 }