update css for dark theme

This commit is contained in:
Late Night Defender 2024-04-10 04:32:13 +07:00
parent 27508891bc
commit 22f9210d75

View file

@ -80,12 +80,6 @@ html *
'left middle right' 'left middle right'
} }
.separator {
width: 15cm;
height: 1px;
background-color: rgba(237, 237, 237, 1);
}
.listaction { .listaction {
display: flex; display: flex;
color: black; color: black;
@ -162,53 +156,45 @@ html *
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body {
background-color: #222222;
}
.logo { .logo {
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
} }
body {
background-color: #222222;
}
.grid-container { .grid-container {
display: grid; display: grid;
justify-content: center; justify-content: center;
color: #ffffff; color: #fff;
grid-template-areas: grid-template-areas:
'left middle right' 'left middle right'
}
.list {
border-radius: 12px 12px 12px 12px;
background-color: #363636;
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
margin-bottom: 50px;
}
.separator {
width: 15cm;
height: 1px;
background-color: #232323;
} }
.listaction { .listaction {
display: grid; display: flex;
grid-template-columns: 1fr 1cm; color: white;
text-decoration: none;
color: #ffffff;
align-items: center; align-items: center;
height: 1.5cm;
} }
.listinfo { .button {
display: grid; height: 1cm;
grid-template-columns: 1fr 2fr; border-radius: 6px;
background: rgba(255, 255, 255, 0.1);
color: white;
text-decoration: none; text-decoration: none;
color: #ffffff; font-weight: bold;
align-items: center; padding: 10px 10px;
height: 1.5cm; margin-top: 1cm;
margin-bottom: 1cm;
transition-duration: 0.2s;
}
.button:hover {
background: rgba(255, 255, 255, 0.18);
} }
.gtk-button-pill { .gtk-button-pill {
@ -228,4 +214,35 @@ html *
padding: 0px 32px; padding: 0px 32px;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.itemcard {
display: grid;
border-radius: 12px;
text-decoration: none;
background-color: #303030;
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
margin-bottom: 0.5cm;
min-height: 3cm;
min-width: 6cm;
width: 32.5%;
transition-duration: 0.2s;
}
.itemcard-stealth {
display: grid;
border-radius: 12px;
text-decoration: none;
margin-bottom: 0.5cm;
min-height: 3cm;
min-width: 6cm;
width: 32.5%;
transition-duration: 0.2s;
}
.itemcard:hover {
background-color: #4a4a4a;
}
.itemcard-stealth:hover {
background-color: #4a4a4a;
}
} }