thepaperpilot/Super-Auto-Coots
1
0
Fork 0
mirror of https://github.com/thepaperpilot/Super-Auto-Coots.git synced 2024-11-21 16:13:56 +00:00
Code Issues Releases Activity Actions

Added background and updated color theme

Browse source
This commit is contained in:
thepaperpilot 2023-02-20 21:52:24 -06:00
parent df2f907cee
commit f8c788584f
6 changed files with 24 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
index.html
View file

@ -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"/>

BIN
public/Kitchen BG.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 10 KiB

8
src/data/CharacterSlot.vue
View file

@ -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 {

5
src/data/common.css
View file

@ -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 {

22
src/data/themes.ts
View file

@ -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"

2
src/features/tooltips/Tooltip.vue
View file

@ -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;
}