thepaperpilot/Super-Auto-Coots
1
0
Fork 0
mirror of https://github.com/thepaperpilot/Super-Auto-Coots.git synced 2025-02-16 09:31:40 +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="QT Coots.png" />
<link rel="prefetch" href="Stanz Coots.png" /> <link rel="prefetch" href="Stanz Coots.png" />
<link rel="prefetch" href="Vespa 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> <title>Profectus</title>
<meta name="description" content="A project made in Profectus"/> <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; bottom: 0;
left: 0; left: 0;
right: 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"); 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: 1; z-index: 100;
} }
.character:not(.selected):not(.empty):not(.dragging):not(.isDragging):hover::before, .character:not(.selected):not(.empty):not(.dragging):not(.isDragging):hover::before,
@ -201,8 +201,8 @@ watchEffect(() => {
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 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"); 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: 1; z-index: 100;
} }
.relevancy-display { .relevancy-display {

5
src/data/common.css
View file

@ -1,3 +1,7 @@
.inner-tab {
background: url("./Kitchen BG.png");
}
.game-container { .game-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -49,6 +53,7 @@
.reroll img { .reroll img {
height: 100%; height: 100%;
transform: scale(1.5) translateY(-18%); transform: scale(1.5) translateY(-18%);
filter: drop-shadow(2px 4px 6px black);
} }
.startStream { .startStream {

22
src/data/themes.ts
View file

@ -101,20 +101,20 @@ export default {
...defaultTheme, ...defaultTheme,
variables: { variables: {
...defaultTheme.variables, ...defaultTheme.variables,
"--foreground": "#D8DEE9", "--foreground": "#45283c",
"--background": "#2E3440", "--background": "#bbc3e8",
"--feature-foreground": "#000", "--feature-foreground": "#fff7f6",
"--raised-background": "#3B4252", "--raised-background": "#fff7f6",
"--points": "#E5E9F0", "--points": "#45283c",
"--locked": "#4c566a", "--locked": "#fff7f6",
"--highlighted": "#434c5e", "--highlighted": "#434c5e",
"--bought": "#8FBCBB", "--bought": "#fff7f6",
"--danger": "#D08770", "--danger": "#D08770",
"--link": "#88C0D0", "--link": "#412323",
"--outline": "#3B4252", "--outline": "#3B4252",
"--accent1": "#B48EAD", "--accent1": "#dc7d71",
"--accent2": "#A3BE8C", "--accent2": "#8423a9",
"--accent3": "#EBCB8B", "--accent3": "#47f2ca",
"--border-radius": "4px", "--border-radius": "4px",
"--modal-border": "solid 2px #3B4252", "--modal-border": "solid 2px #3B4252",
"--feature-margin": "5px" "--feature-margin": "5px"

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

@ -133,7 +133,7 @@ export default defineComponent({
padding: 7px; padding: 7px;
border-radius: 3px; border-radius: 3px;
background-color: var(--tooltip-background); background-color: var(--tooltip-background);
color: var(--points); color: var(--background);
z-index: 100 !important; z-index: 100 !important;
word-break: break-word; word-break: break-word;
} }