FantasyPvP
46 lines
1.2 KiB
CSS
46 lines
1.2 KiB
CSS
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
|
|
--blur-amount: 10px;
|
|
--border-radius: 15px;
|
|
--shadow-color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
*[theme="default"] {
|
|
--background: linear-gradient(135deg, #1a2a6c, #2a4858, #141E30);
|
|
--glow-color: rgba(255, 255, 255, 0.3);
|
|
--message-bubble-color: rgba(255, 255, 255, 0.1);
|
|
--border-color: rgba(255, 255, 255, 0.1);
|
|
--text-color: #ffffff;
|
|
|
|
}
|
|
|
|
*[theme="light"] {
|
|
--background: #ffffff;
|
|
--glow-color: rgba(100, 149, 237, 0.3);
|
|
--message-bubble-color: rgba(100, 149, 237, 0.1);
|
|
--border-color: rgba(100, 149, 237, 0.2);
|
|
--text-color: #000000;
|
|
}
|
|
|
|
*[theme="dark"] {
|
|
--background: linear-gradient(135deg, #121212, #1a1a1a, #232323);
|
|
--glow-color: rgba(147, 112, 219, 0.4);
|
|
--message-bubble-color: rgba(147, 112, 219, 0.15);
|
|
--border-color: rgba(255, 255, 255, 0.1);
|
|
--text-color: #ffffff;
|
|
}
|
|
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100vh;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
background: var(--background);
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
|
color: var(--text-color, white);
|
|
}
|