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";
|
@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
@@ -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;
|
||||||
}
|
}
|
||||||
Reference in new issue
Block a user