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"; @import "tailwindcss";
.actionbutton { .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 => ( response.map(icon => (
<div className='sub-box2' key={icon.id}> <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 <Image
src={ src={
'/api/berrydash/icon-marketplace/icon?id=' + '/api/berrydash/icon-marketplace/icon?id=' +
@@ -176,7 +176,7 @@ export default function BerryDashSubmitIcon () {
<div className='mt-4'> <div className='mt-4'>
<p className='text-center mb-1 text-xl'>Preview:</p> <p className='text-center mb-1 text-xl'>Preview:</p>
<div className='sub-box2 text-center'> <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 <img
src={preview ?? undefined} src={preview ?? undefined}
width={96} width={96}
+9 -9
View File
@@ -65,15 +65,15 @@ img {
} }
.box { .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 { .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 { .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 { .games-grid {
@@ -81,8 +81,8 @@ img {
} }
.games-grid a { .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 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-(--col5) hover:border-(--col7) hover:-translate-y-0.5 min-w-30 w-auto h-32 shadow; @apply hover:bg-(--col3) hover:border-(--col5) hover:-translate-y-0.5 min-w-30 w-auto h-32 shadow;
} }
.games-grid a img { .games-grid a img {
@@ -114,15 +114,15 @@ img {
button, button,
.button, .button,
select { 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 { 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 { .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 { .top-button svg {
@@ -130,5 +130,5 @@ button:disabled {
} }
input { 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;
} }