phlaym/moshing-mammut
1
0
Fork 0
Code Issues 4 Pull Requests Projects Releases 8 Activity

Improve color palette

Browse Source
This commit is contained in:
Max Nuding
2023-04-06 18:25:35 +02:00
parent bbe3883979
commit a273c8de4b
3 changed files with 62 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/FooterComponent.svelte
View File

@ -34,7 +34,7 @@
gap: 10px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: #bbbbcd73;
background-color: var(--color-grey-translucent);
padding: 0.3em 1em;
margin: 0 -8px;
border-radius: 3px;
@ -50,7 +50,7 @@
filter: invert();
}
.footer {
background-color: #6364FF88;
background-color: var(--color-grey-translucent);
}
}
</style>

19
src/lib/components/LoadMoreComponent.svelte
View File

@ -31,16 +31,27 @@
padding: 0.75em;
border-radius: 3px;
border: none;
background-color: var(--color-link);
color: white;
background-color: var(--color-button);
color: var(--color-button-text);
cursor: grab;
transition: all 0.2s ease-in-out;
}
button:hover:not(:disabled) {
background-color: var(--color-link-visited);
background-color: var(--color-button-hover);
}
button:hover:not(:disabled):not(:active) {
box-shadow: 4px 4px 3px 0 var(--color-button-shadow);
translate: -2px -2px;
}
button:disabled {
cursor: not-allowed;
background-color: grey;
background-color: var(--color-button-deactivated);
}
button:not(:disabled) {
box-shadow: 2px 2px 1px 0 var(--color-button-shadow);
}
</style>