From f8c788584f4f7c60e774cbcfb969c93632a3c303 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Mon, 20 Feb 2023 21:52:24 -0600
Subject: [PATCH] Added background and updated color theme

---
 index.html                        |   3 +++
 public/Kitchen BG.png             | Bin 0 -> 10709 bytes
 src/data/CharacterSlot.vue        |   8 ++++----
 src/data/common.css               |   5 +++++
 src/data/themes.ts                |  22 +++++++++++-----------
 src/features/tooltips/Tooltip.vue |   2 +-
 6 files changed, 24 insertions(+), 16 deletions(-)
 create mode 100644 public/Kitchen BG.png

diff --git a/index.html b/index.html
index c90167c..d4ad297 100644
--- a/index.html
+++ b/index.html
@@ -29,6 +29,9 @@
 		<link rel="prefetch" href="QT Coots.png" />
 		<link rel="prefetch" href="Stanz Coots.png" />
 		<link rel="prefetch" href="Vespa Coots.png" />
+		<link rel="prefetch" href="shop1.png" />
+		<link rel="prefetch" href="shop.gif" />
+		<link rel="prefetch" href="Kitchen BG.png" />
 
 		<title>Profectus</title>
 		<meta name="description" content="A project made in Profectus"/>
diff --git a/public/Kitchen BG.png b/public/Kitchen BG.png
new file mode 100644
index 0000000000000000000000000000000000000000..70640e4f526f7432e50e5217c1e3cbd0e9ac987a
GIT binary patch
literal 10709
zcmeAS@N?(olHy`uVBq!ia0y~yU~gbxV6os}1B$%3e9#$4F%}28J29*~C-ahlL4m>3
z#WAE}&YRnce$0U)4uNeUN;i1BOiK(KTo*WQVh(F?os@NnMaZOS!Ach%>5N%wxigB2
z`((ae`91m0p2VLUWcq<7g20dOeaqz_OooQP0u781wh~JMgwepkC;?$9I5B`+0|XtT
z%0R&|8X%xhU>Hpy;9y`F%`)I{7;1$>N21++`Q>s<kVtH}yOY#XPU4<?{IQko5d91Z
z<$9xKC@?HW3rBE*7%dzj`C>Q}j%n)4?Ss!l^Z5a}9i$c%Bd66Qaqj%Op;sifEq}hg
z@RcG%!{L(R%I)8Ne|>vY-k)hh{5NTa+aKZ>a?<>nWYokDKofu<lL3U~(89n2VF@TQ
zFhf`_90wo_h7qJ}^Y-iKSEe&C@Ll<ywe{QX|LhO;Z@$lPqwPCWf^oIb0|Sz4)&a>d
z5@Ox`pi}?>H|BCDKv<(CIV2p0LrFf`xdp}LP;04=jzoZS;AjQ}2g7LU1qZ`uKMNcT
z6x7Z?a?kUnfDB>#8GZk;cCQ)>v|)Fk1=hl!A#ea}3j>2N6Ld5*!3oyZ^WjK<NH%aX
zLK}hxim)+&QNu>V4467blLiCBXm(;?7%epz7)A?628PiJg@IwT-eh1HZ61s^56EvG
zuvGmx#K6GW3|b2SG-b4M8LeDEJ(1DMWwdeurGwGRWwdeuCWFzw=V;#(R2+;p4`|ms
ZV45@2-eT&^<o}?6_H^}gS?83{1OTrDX=VTb

literal 0
HcmV?d00001

diff --git a/src/data/CharacterSlot.vue b/src/data/CharacterSlot.vue
index 15920e0..b9d6991 100644
--- a/src/data/CharacterSlot.vue
+++ b/src/data/CharacterSlot.vue
@@ -189,8 +189,8 @@ watchEffect(() => {
     bottom: 0;
     left: 0;
     right: 0;
-    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%2388C0D0' stroke-width='8' stroke-dasharray='10%25%2c90%25' stroke-dashoffset='5%25' stroke-linecap='square'/%3e%3c/svg%3e");
-    z-index: 1;
+    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23000' stroke-width='12' stroke-dasharray='10%25%2c90%25' stroke-dashoffset='5%25' stroke-linecap='square'/%3e%3c/svg%3e");
+    z-index: 100;
 }
 
 .character:not(.selected):not(.empty):not(.dragging):not(.isDragging):hover::before,
@@ -201,8 +201,8 @@ watchEffect(() => {
     bottom: 0;
     left: 0;
     right: 0;
-    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%2388C0D0' stroke-width='4' stroke-dasharray='10%25%2c90%25' stroke-dashoffset='5%25' stroke-linecap='square'/%3e%3c/svg%3e");
-    z-index: 1;
+    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23000' stroke-width='8' stroke-dasharray='10%25%2c90%25' stroke-dashoffset='5%25' stroke-linecap='square'/%3e%3c/svg%3e");
+    z-index: 100;
 }
 
 .relevancy-display {
diff --git a/src/data/common.css b/src/data/common.css
index 822e619..34e4d29 100644
--- a/src/data/common.css
+++ b/src/data/common.css
@@ -1,3 +1,7 @@
+.inner-tab {
+    background: url("./Kitchen BG.png");
+}
+
 .game-container {
     display: flex;
     flex-direction: column;
@@ -49,6 +53,7 @@
 .reroll img {
     height: 100%;
     transform: scale(1.5) translateY(-18%);
+    filter: drop-shadow(2px 4px 6px black);
 }
 
 .startStream {
diff --git a/src/data/themes.ts b/src/data/themes.ts
index 7a24e1b..7b50a49 100644
--- a/src/data/themes.ts
+++ b/src/data/themes.ts
@@ -101,20 +101,20 @@ export default {
         ...defaultTheme,
         variables: {
             ...defaultTheme.variables,
-            "--foreground": "#D8DEE9",
-            "--background": "#2E3440",
-            "--feature-foreground": "#000",
-            "--raised-background": "#3B4252",
-            "--points": "#E5E9F0",
-            "--locked": "#4c566a",
+            "--foreground": "#45283c",
+            "--background": "#bbc3e8",
+            "--feature-foreground": "#fff7f6",
+            "--raised-background": "#fff7f6",
+            "--points": "#45283c",
+            "--locked": "#fff7f6",
             "--highlighted": "#434c5e",
-            "--bought": "#8FBCBB",
+            "--bought": "#fff7f6",
             "--danger": "#D08770",
-            "--link": "#88C0D0",
+            "--link": "#412323",
             "--outline": "#3B4252",
-            "--accent1": "#B48EAD",
-            "--accent2": "#A3BE8C",
-            "--accent3": "#EBCB8B",
+            "--accent1": "#dc7d71",
+            "--accent2": "#8423a9",
+            "--accent3": "#47f2ca",
             "--border-radius": "4px",
             "--modal-border": "solid 2px #3B4252",
             "--feature-margin": "5px"
diff --git a/src/features/tooltips/Tooltip.vue b/src/features/tooltips/Tooltip.vue
index d66ebf0..529dd26 100644
--- a/src/features/tooltips/Tooltip.vue
+++ b/src/features/tooltips/Tooltip.vue
@@ -133,7 +133,7 @@ export default defineComponent({
     padding: 7px;
     border-radius: 3px;
     background-color: var(--tooltip-background);
-    color: var(--points);
+    color: var(--background);
     z-index: 100 !important;
     word-break: break-word;
 }