Initial commit: WindPlaner application
This commit is contained in:
parent
cde6609044
commit
cdbb6d5658
Binary file not shown.
|
After Width: | Height: | Size: 349 KiB |
Binary file not shown.
|
|
@ -22,8 +22,9 @@
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<aside class="sidebar">
|
<aside class="sidebar">
|
||||||
<div class="sidebar-header">
|
<div class="sidebar-header" style="display: flex; flex-direction: column; align-items: center; gap: 15px;">
|
||||||
<h1>WindPlaner</h1>
|
<img src="Logos/20201202-ENWELO-Logo-4c_ohne_Claim.png" alt="ENWELO Logo" style="max-width: 85%; height: auto; display: block;">
|
||||||
|
<h1 style="margin: 0; text-align: center;">WindPlaner</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="sidebar-content">
|
<div class="sidebar-content">
|
||||||
|
|
|
||||||
45
style.css
45
style.css
|
|
@ -1,12 +1,13 @@
|
||||||
:root {
|
:root {
|
||||||
--primary-color: #00c8ff;
|
--primary-color: rgb(115, 176, 118);
|
||||||
--primary-hover: #0099cc;
|
--primary-hover: rgb(48, 119, 37);
|
||||||
--bg-dark: #121212;
|
--bg-dark: #001e2e;
|
||||||
--panel-bg: rgba(30, 30, 30, 0.85);
|
--panel-bg: rgba(0, 30, 46, 0.95);
|
||||||
--text-main: #f0f0f0;
|
--text-main: rgb(215, 234, 216);
|
||||||
--text-dim: #b0b0b0;
|
--text-dim: rgb(151, 197, 212);
|
||||||
--border-color: rgba(255, 255, 255, 0.1);
|
--border-color: rgba(151, 197, 212, 0.4);
|
||||||
--accent-glow: 0 0 15px rgba(0, 200, 255, 0.3);
|
--accent-glow: 0 0 15px rgba(115, 176, 118, 0.4);
|
||||||
|
--danger-color: rgb(238, 2, 45);
|
||||||
--font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
--font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -152,7 +153,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-secondary:hover {
|
.btn-secondary:hover {
|
||||||
background: rgba(0, 200, 255, 0.1);
|
background: rgba(115, 176, 118, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Variant Switcher */
|
/* Variant Switcher */
|
||||||
|
|
@ -199,7 +200,7 @@ body {
|
||||||
|
|
||||||
/* WEA Labels */
|
/* WEA Labels */
|
||||||
.wea-label {
|
.wea-label {
|
||||||
background: rgba(18, 18, 18, 0.8) !important;
|
background: var(--panel-bg) !important;
|
||||||
backdrop-filter: blur(4px);
|
backdrop-filter: blur(4px);
|
||||||
border: 1px solid var(--primary-color) !important;
|
border: 1px solid var(--primary-color) !important;
|
||||||
color: white !important;
|
color: white !important;
|
||||||
|
|
@ -356,9 +357,9 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-danger-mini {
|
.btn-danger-mini {
|
||||||
background: rgba(255, 68, 68, 0.1);
|
background: rgba(238, 2, 45, 0.1);
|
||||||
border: 1px solid #ff4444;
|
border: 1px solid var(--danger-color);
|
||||||
color: #ff4444;
|
color: var(--danger-color);
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
|
|
@ -593,33 +594,33 @@ body {
|
||||||
|
|
||||||
/* Status Indicators (UI & Legend) */
|
/* Status Indicators (UI & Legend) */
|
||||||
.status-gbr {
|
.status-gbr {
|
||||||
color: #2ecc71;
|
color: rgb(115, 176, 118);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Green */
|
/* Green */
|
||||||
.status-external {
|
.status-external {
|
||||||
color: #e74c3c;
|
color: rgb(238, 2, 45);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Red */
|
/* Red */
|
||||||
.status-declined {
|
.status-declined {
|
||||||
color: #f1c40f;
|
color: rgb(238, 2, 45);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Yellow */
|
/* Yellow -> Red */
|
||||||
.status-positive {
|
.status-positive {
|
||||||
color: #5efd9c;
|
color: rgb(48, 119, 37);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Light Green */
|
/* Light Green -> Dark Green */
|
||||||
.status-undecided {
|
.status-undecided {
|
||||||
color: #95a5a6;
|
color: rgb(151, 197, 212);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Grey */
|
/* Grey -> Light Blue */
|
||||||
|
|
||||||
/* Selection specific styles */
|
/* Selection specific styles */
|
||||||
select.status-select option {
|
select.status-select option {
|
||||||
background: #1e1e1e;
|
background: var(--bg-dark);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue