61 lines
1.1 KiB
CSS
61 lines
1.1 KiB
CSS
:root {
|
|
--bs-dark-rgb: 26, 28, 35;
|
|
--bs-light-rgb: 224, 224, 224;
|
|
--primary-ui-color: #252831;
|
|
--accent-color: #00aaff;
|
|
--critical-alert-color: #ff4d4d;
|
|
--high-alert-color: #ff9933;
|
|
--medium-alert-color: #ffff66;
|
|
--text-secondary-color: #a0a0a0;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Inter', sans-serif;
|
|
background-color: #1a1c23;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: 'Roboto Mono', monospace;
|
|
}
|
|
|
|
.card {
|
|
background-color: var(--primary-ui-color);
|
|
}
|
|
|
|
.security-score {
|
|
width: 150px;
|
|
height: 150px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 2.5rem;
|
|
font-weight: bold;
|
|
border: 10px solid var(--accent-color);
|
|
}
|
|
|
|
.alert-card {
|
|
border-left: 5px solid;
|
|
}
|
|
|
|
.alert-critical {
|
|
border-color: var(--critical-alert-color);
|
|
}
|
|
|
|
.alert-high {
|
|
border-color: var(--high-alert-color);
|
|
}
|
|
|
|
.alert-medium {
|
|
border-color: var(--medium-alert-color);
|
|
}
|
|
|
|
.text-secondary {
|
|
color: var(--text-secondary-color) !important;
|
|
}
|
|
|
|
.log-line {
|
|
font-family: 'Roboto Mono', monospace;
|
|
font-size: 0.9rem;
|
|
white-space: pre-wrap;
|
|
} |