Change colors to match launcher more
This commit is contained in:
4 files changed
+12
-12
No files matched your search
@@ -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
@@ -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;
|
||||
}
|
||||
Reference in new issue
Block a user