StarMirror/hack-chat-main
1
0
Fork 0
mirror of https://github.com/hack-chat/main.git synced 2024-03-22 13:20:33 +08:00
Code Issues Projects Releases Wiki Activity

Merge pull request #227 from FFUV/patch-1

Browse Source 
Anime Aesthetic: Minimalistic and Kawaii CSS Theme with Makima Touch
This commit is contained in:
marzavec 2024-02-14 07:25:21 -06:00 committed by GitHub
commit b42a0ef9ec
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 56 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
client/schemes/Waifu.css Normal file
View File

@ -0,0 +1,56 @@
body {
background-color: #2C001E;
color: #E95420;
margin: 0;
font-family: 'Arial', sans-serif;
overflow: hidden;
}
.container {
padding: 20px;
overflow-y: auto;
max-height: calc(100vh - 70px);
}
.message {
border-left: 2px solid #E95420;
margin: 10px 0;
padding-left: 10px;
}
.nick {
color: #E95420;
}
#footer {
background: #2C001E;
padding: 10px;
}
/* Add Makima in the top right corner */
body::after {
content: "";
display: block;
position: fixed;
top: 10px;
right: 10px;
width: 50px;
height: 50px;
background: url('https://static.wikia.nocookie.net/chainsaw-man/images/d/d9/Makima_anime_design_2.png/revision/latest?cb=20220919121118') no-repeat;
background-size: cover;
border-radius: 50%;
z-index: 9999;
filter: drop-shadow(2px 2px 4px #000);
}
/* Additional styles for a kawaii touch */
.message:hover {
background-color: #3E002A;
transition: background-color 0.3s ease;
}
.message img {
max-width: 100%;
border-radius: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}