Files
SQLBot/frontend/src/style.less
T
2025-05-13 16:08:54 +08:00

80 lines
1.3 KiB
Plaintext

:root {
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;
color-scheme: light dark;
color: rgba(255, 255, 255, 0.87);
background-color: #242424;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* --primary-color: var(--el-color-primary); */
--primary-color: #1CBA90;
--primary-light: #e8f0fe;
--secondary-color: #5f6368;
--danger-color: #ea4335;
--success-color: #34a853;
--warning-color: #fbbc05;
--text-color: #202124;
--text-light: #5f6368;
--bg-color: #f8f9fa;
--white: #ffffff;
--border-color: #dadce0;
--sidebar-width: 240px;
--header-height: 64px;
--border-radius: 8px;
--shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
--el-color-primary: #1CBA90 !important;
}
a {
font-weight: 500;
color: #646cff;
text-decoration: inherit;
}
a:hover {
color: #535bf2;
}
body {
margin: 0;
display: flex;
place-items: center;
min-width: 320px;
min-height: 100vh;
}
h1 {
font-size: 3.2em;
line-height: 1.1;
}
.card {
padding: 2em;
}
#app {
width: 100%;
margin: 0;
text-align: center;
}
@media (prefers-color-scheme: light) {
:root {
color: #213547;
background-color: #ffffff;
}
a:hover {
color: #747bff;
}
button {
background-color: #f9f9f9;
}
}