Change colors to match launcher more

This commit is contained in:
Lncvrt committed 2026-05-29 16:45:00 -07:00
1 parent 87f34f62a3
commit 52d0d915f3
4 files changed
+12 -12

No files matched your search

+1 -1
View File
@@ -1,5 +1,5 @@
@import "tailwindcss";
.actionbutton {
@apply absolute right-0 w-6 h-6 bg-(--col6) hover:bg-(--col8) rounded-full -mt-1.5 flex justify-center items-center cursor-pointer transition-colors;
@apply absolute right-0 w-6 h-6 bg-(--col5) hover:bg-(--col7) rounded-full -mt-1.5 flex justify-center items-center cursor-pointer transition-colors;
}
@@ -65,7 +65,7 @@ export default function BerryDashIconMarketplace () {
) : (
response.map(icon => (
<div className='sub-box2' key={icon.id}>
<div className='bg-(--col8) rounded-md w-fit h-fit p-2 mx-auto'>
<div className='bg-(--col7) rounded-md w-fit h-fit p-2 mx-auto'>
<Image
src={
'/api/berrydash/icon-marketplace/icon?id=' +
@@ -176,7 +176,7 @@ export default function BerryDashSubmitIcon () {
<div className='mt-4'>
<p className='text-center mb-1 text-xl'>Preview:</p>
<div className='sub-box2 text-center'>
<div className='bg-(--col8) rounded-md w-fit h-fit p-2 mx-auto'>
<div className='bg-(--col7) rounded-md w-fit h-fit p-2 mx-auto'>
<img
src={preview ?? undefined}
width={96}
+9 -9
View File
@@ -65,15 +65,15 @@ img {
}
.box {
@apply bg-(--col2) border border-(--col4) rounded-lg w-auto p-6 my-10;
@apply bg-(--col1) border border-(--col3) rounded-lg w-auto p-6 my-10;
}
.sub-box {
@apply bg-(--col3) border border-(--col5) rounded-lg w-auto p-2;
@apply bg-(--col2) border border-(--col4) rounded-lg w-auto p-2;
}
.sub-box2 {
@apply bg-(--col4) border border-(--col6) rounded-lg w-auto p-2;
@apply bg-(--col3) border border-(--col5) rounded-lg w-auto p-2;
}
.games-grid {
@@ -81,8 +81,8 @@ img {
}
.games-grid a {
@apply flex flex-col items-center justify-center px-5 py-2.5 m-1 bg-(--col4) border border-(--col6) rounded-lg transition-all duration-200;
@apply hover:bg-(--col5) hover:border-(--col7) hover:-translate-y-0.5 min-w-30 w-auto h-32 shadow;
@apply flex flex-col items-center justify-center px-5 py-2.5 m-1 bg-(--col2) border border-(--col4) rounded-lg transition-all duration-200;
@apply hover:bg-(--col3) hover:border-(--col5) hover:-translate-y-0.5 min-w-30 w-auto h-32 shadow;
}
.games-grid a img {
@@ -114,15 +114,15 @@ img {
button,
.button,
select {
@apply bg-(--col4) hover:bg-(--col5) border border-(--col6) hover:border-(--col8) hover:-translate-y-0.5 rounded-lg px-4 py-2 inline-block transition-all duration-200 cursor-pointer;
@apply bg-(--col2) hover:bg-(--col3) border border-(--col4) hover:border-(--col6) hover:-translate-y-0.5 rounded-lg px-4 py-2 inline-block transition-all duration-200 cursor-pointer;
}
button:disabled {
@apply bg-(--col3) hover:bg-(--col4) border border-(--col5) hover:border-(--col7);
@apply bg-(--col1) hover:bg-(--col2) border border-(--col3) hover:border-(--col5);
}
.top-button {
@apply bg-(--col4) hover:bg-(--col5) border border-(--col6) hover:border-(--col7) hover:-translate-y-px rounded-full transition-all h-10 w-10 flex items-center justify-center;
@apply bg-(--col2) hover:bg-(--col3) border border-(--col4) hover:border-(--col5) hover:-translate-y-px rounded-full transition-all h-10 w-10 flex items-center justify-center;
}
.top-button svg {
@@ -130,5 +130,5 @@ button:disabled {
}
input {
@apply bg-(--col4) focus:bg-(--col5) border border-(--col6) focus:border-(--col7) rounded-lg px-4 py-2 inline-block transition-all duration-200 cursor-pointer focus:cursor-text;
@apply bg-(--col2) focus:bg-(--col3) border border-(--col4) focus:border-(--col5) rounded-lg px-4 py-2 inline-block transition-all duration-200 cursor-pointer focus:cursor-text;
}