techtransthai/www.techtransthai.org
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases 1 Wiki Activity

update css for dark theme

Browse source
This commit is contained in:
Late Night Defender 2024-04-10 04:32:13 +07:00
parent 27508891bc
commit 22f9210d75
1 changed files with 54 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

91
style.css
View file

@ -80,12 +80,6 @@ html *
'left middle right'
}
.separator {
width: 15cm;
height: 1px;
background-color: rgba(237, 237, 237, 1);
}
.listaction {
display: flex;
color: black;
@ -162,53 +156,45 @@ html *
@media (prefers-color-scheme: dark) {
body {
background-color: #222222;
}
.logo {
color: #fff;
font-weight: bold;
text-decoration: none;
}
body {
background-color: #222222;
}
.grid-container {
display: grid;
justify-content: center;
color: #ffffff;
color: #fff;
grid-template-areas:
'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;
}
'left middle right'
}
.listaction {
display: grid;
grid-template-columns: 1fr 1cm;
text-decoration: none;
color: #ffffff;
display: flex;
color: white;
align-items: center;
height: 1.5cm;
}
.listinfo {
display: grid;
grid-template-columns: 1fr 2fr;
.button {
height: 1cm;
border-radius: 6px;
background: rgba(255, 255, 255, 0.1);
color: white;
text-decoration: none;
color: #ffffff;
align-items: center;
height: 1.5cm;
font-weight: bold;
padding: 10px 10px;
margin-top: 1cm;
margin-bottom: 1cm;
transition-duration: 0.2s;
}
.button:hover {
background: rgba(255, 255, 255, 0.18);
}
.gtk-button-pill {
@ -228,4 +214,35 @@ html *
padding: 0px 32px;
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;
}
}