diff --git a/index.html b/index.html index c90167c..d4ad297 100644 --- a/index.html +++ b/index.html @@ -29,6 +29,9 @@ + + + Profectus diff --git a/public/Kitchen BG.png b/public/Kitchen BG.png new file mode 100644 index 0000000..70640e4 Binary files /dev/null and b/public/Kitchen BG.png differ 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; }