Sweep cap (#54)
* Added initial implementation of Sweep groups * Added initial implementation of Sweep groups * Added initial implementation of Sweep groups * Added initial implementation of Sweep groups * fixed issues when testing * Intercept cap (#55) * First intial WIP for intercept units * First intial WIP for intercept units * major updates --------- Co-authored-by: ex61wi <tim.rorije@ing.com> Co-authored-by: dutchie032 <dutchie032> --------- Co-authored-by: ex61wi <tim.rorije@ing.com> Co-authored-by: dutchie032 <dutchie032>
This commit is contained in:
committed by
GitHub
co-authored by
ex61wi
dutchie032 <dutchie032>
parent
bdf7154333
commit
ef65f5a353
+99
-37
@@ -1,16 +1,17 @@
|
||||
|
||||
:root {
|
||||
/* Dark Theme (Default) - Slightly lighter */
|
||||
--color-bg-primary: #0a0b10; /* Much darker primary background */
|
||||
--color-bg-secondary: #13141a; /* Darker secondary background */
|
||||
--color-bg-tertiary: #181a22; /* Darker tertiary */
|
||||
--color-bg-header: #090a0f; /* Darker header */
|
||||
--color-bg-primary: #1b1d27; /* Much darker primary background */
|
||||
--color-bg-secondary: #2d303f; /* Darker secondary background */
|
||||
--color-bg-tertiary: #2c3041; /* Darker tertiary */
|
||||
--color-bg-header: #10121b; /* Darker header */
|
||||
--color-bg-code: #10121a; /* Almost black code block background */
|
||||
--color-bg-note: rgba(30, 32, 40, 0.85); /* Slightly darker note background */
|
||||
--color-bg-hover: rgba(120, 140, 255, 0.12); /* More visible hover */
|
||||
--color-bg-inline-lua: #181a22; /* Match code block background */
|
||||
--color-bg-note-dark: rgba(40, 35, 30, 0.85); /* Slightly darker note box */
|
||||
|
||||
--color-text-primary: #f6f8fa; /* Brighter text */
|
||||
--color-text-primary: #a5a5a5; /* Brighter text */
|
||||
--color-text-secondary: #bfc8d8; /* Lighter secondary text */
|
||||
--color-text-accent: #7ecbff; /* Brighter accent */
|
||||
--color-text-light: #ffffff;
|
||||
@@ -32,10 +33,11 @@
|
||||
/* Shadow and transparency values - unchanged */
|
||||
--shadow-small: 0 2px 5px rgba(0, 0, 0, 0.3);
|
||||
--shadow-medium: 0 3px 8px rgba(0, 0, 0, 0.5);
|
||||
--shadow-large: 0 4px 12px rgba(0, 0, 0, 0.6);
|
||||
|
||||
/* Common opacity values */
|
||||
--opacity-sidenav: 0.85; /* Increased opacity for better contrast */
|
||||
--shadow-large: 0 4px 12px rgba(0, 0, 0, 0.6); /* Common opacity values */
|
||||
--opacity-sidenav: 0.85; /* Increased opacity for better contrast */ /* Font families with improved Inter setup */
|
||||
--font-family-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||||
--font-family-code: 'JetBrains Mono', 'Monaco', 'Cascadia Code', monospace;
|
||||
--font-family-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||||
|
||||
/* Responsive margins - unchanged */
|
||||
--margin-left: 20%;
|
||||
@@ -58,17 +60,23 @@
|
||||
--color-bg-header-accent: #2a2620;
|
||||
--color-logo-gradient: linear-gradient(120deg, #5caaff, #a0e8ff, #ffffff);
|
||||
--color-nav-underline: #b0a890;
|
||||
--color-nav-underline-glow: rgba(176, 168, 144, 0.6);
|
||||
--color-nav-hover-bg: var(--color-bg-hover);
|
||||
--color-nav-underline-glow: rgba(176, 168, 144, 0.6); --color-nav-hover-bg: var(--color-bg-hover);
|
||||
--color-nav-hover-text: #ffffff;
|
||||
--color-nav-hover-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
|
||||
|
||||
/* Heading colors */
|
||||
--color-heading-h1: #8fc6ff;
|
||||
--color-heading-h2: #b3e0ff;
|
||||
--color-heading-h3: #c9e6ff;
|
||||
--color-heading-h1-border: #8fc6ff;
|
||||
--color-heading-h2-border: #b3e0ff;
|
||||
}
|
||||
|
||||
[data-theme="light"] {
|
||||
--color-bg-primary: #f5f7ff;
|
||||
--color-bg-secondary: #e8ecf7;
|
||||
--color-bg-tertiary: #dce2f0;
|
||||
--color-bg-header: #f0f2fa;
|
||||
--color-bg-primary: #e0e0e0;
|
||||
--color-bg-secondary: #b6b6b6;
|
||||
--color-bg-tertiary: #b6b6b6;
|
||||
--color-bg-header: #d3d3d3;
|
||||
--color-bg-code: #e3e6eb; /* Medium-light gray for code block background */
|
||||
--color-bg-note: rgba(215, 228, 245, 0.75);
|
||||
--color-bg-hover: rgba(100, 120, 200, 0.1);
|
||||
@@ -80,8 +88,8 @@
|
||||
--color-text-accent: #3050b0;
|
||||
--color-text-light: #2a2e40;
|
||||
|
||||
--color-border-primary: #a0a8b8;
|
||||
--color-border-accent: #5c75d9;
|
||||
--color-border-primary: #496cb3;
|
||||
--color-border-accent: #1d46ee;
|
||||
|
||||
--color-link: #3050b0;
|
||||
--color-link-hover: #4060c0;
|
||||
@@ -117,10 +125,16 @@
|
||||
--color-bg-header-accent: #f5e9d2;
|
||||
--color-logo-gradient: linear-gradient(120deg, #225a9e, #3578c7, #70aaff);
|
||||
--color-nav-underline: #e0cfa0;
|
||||
--color-nav-underline-glow: rgba(224, 207, 160, 0.4);
|
||||
--color-nav-hover-bg: var(--color-bg-hover);
|
||||
--color-nav-underline-glow: rgba(224, 207, 160, 0.4); --color-nav-hover-bg: var(--color-bg-hover);
|
||||
--color-nav-hover-text: var(--color-text-primary);
|
||||
--color-nav-hover-shadow: 0 4px 8px rgba(48, 80, 176, 0.15);
|
||||
|
||||
/* Heading colors for light theme */
|
||||
--color-heading-h1: #225a9e;
|
||||
--color-heading-h2: #3578c7;
|
||||
--color-heading-h3: #4a90e2;
|
||||
--color-heading-h1-border: #225a9e;
|
||||
--color-heading-h2-border: #3578c7;
|
||||
}
|
||||
|
||||
html {
|
||||
@@ -131,14 +145,17 @@ html {
|
||||
|
||||
body {
|
||||
color: var(--color-text-primary);
|
||||
font-family: Arial, sans-serif;
|
||||
font-family: var(--font-family-primary);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 16px;
|
||||
line-height: 1.6;
|
||||
line-height: 1.65; /* Increased for better Inter readability */
|
||||
font-weight: 500; /* Medium weight for substantial feel */
|
||||
letter-spacing: 0.015em; /* Slightly more spacing for better readability */
|
||||
font-feature-settings: "cv02", "cv03", "cv04", "cv11"; /* Better Inter alternates */
|
||||
transition: background-color 0.3s ease, color 0.3s ease;
|
||||
}
|
||||
|
||||
@@ -243,6 +260,35 @@ header nav a:hover::after {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.dropdown-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
top: 100%; /* Position below the dropdown */
|
||||
left: 0; /* Align left edge */
|
||||
min-width: 160px;
|
||||
|
||||
background-color: var(--color-bg-secondary);
|
||||
box-shadow: var(--shadow-medium);
|
||||
z-index: 1;
|
||||
border-radius: 8px;
|
||||
|
||||
max-height: 0px;
|
||||
transition: all 1.5s ease;
|
||||
}
|
||||
|
||||
.dropdown:hover .dropdown-content {
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
header.collapsible {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
@@ -292,13 +338,13 @@ main {
|
||||
|
||||
/* Side navigation styles */
|
||||
.reference-container {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
display: block; /* Change from flex since sidebar is now fixed */
|
||||
margin-top: 2em;
|
||||
margin-left: var(--margin-left);
|
||||
flex-direction: row;
|
||||
gap: 2em;
|
||||
position: relative;
|
||||
/* Ensure the container doesn't interfere with sticky positioning */
|
||||
overflow: visible;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.side-nav {
|
||||
@@ -307,9 +353,14 @@ main {
|
||||
padding-left: 0;
|
||||
overflow-y: auto;
|
||||
border-right: none;
|
||||
position: sticky;
|
||||
top: 2em;
|
||||
align-self: flex-start;
|
||||
position: fixed;
|
||||
top: 7em; /* Account for header height (5em) + spacing (2em) */
|
||||
left: var(--margin-left);
|
||||
max-height: calc(100vh - 9em); /* Account for header + top spacing */
|
||||
z-index: 10;
|
||||
/* Ensure proper stacking context */
|
||||
transform: translateZ(0);
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
.side-nav h4 {
|
||||
@@ -366,7 +417,7 @@ main {
|
||||
.content-wrapper {
|
||||
flex: 1;
|
||||
max-width: 70%;
|
||||
margin-left: 0;
|
||||
margin-left: 220px; /* Account for fixed sidebar width + gap */
|
||||
border-left: 2px solid var(--color-border-accent);
|
||||
padding-left: 1.5em;
|
||||
padding-bottom: 20vh; /* Allow last section to scroll to top */
|
||||
@@ -377,33 +428,34 @@ h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.8em;
|
||||
color: var(--color-text-secondary);
|
||||
font-family: var(--font-family-heading);
|
||||
font-weight: 600;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.2em;
|
||||
color: #8fc6ff;
|
||||
color: var(--color-heading-h1);
|
||||
font-weight: 700;
|
||||
text-shadow: 0 1px 4px rgba(143,198,255,0.08);
|
||||
letter-spacing: 0.01em;
|
||||
border-bottom: 1.5px solid #8fc6ff;
|
||||
border-bottom: 1.5px solid var(--color-heading-h1-border);
|
||||
padding-bottom: 0.3em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.8em;
|
||||
color: #b3e0ff;
|
||||
color: var(--color-heading-h2);
|
||||
font-weight: 600;
|
||||
text-shadow: 0 1px 2px rgba(179,224,255,0.07);
|
||||
letter-spacing: 0.005em;
|
||||
border-bottom: 1px solid #b3e0ff;
|
||||
border-bottom: 1px solid var(--color-heading-h2-border);
|
||||
padding-bottom: 0.2em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.4em;
|
||||
color: #c9e6ff;
|
||||
color: var(--color-heading-h3);
|
||||
font-weight: 600;
|
||||
text-shadow: 0 1px 1px rgba(201,230,255,0.06);
|
||||
letter-spacing: 0.005em;
|
||||
@@ -455,7 +507,7 @@ th {
|
||||
.inline-lua {
|
||||
background-color: var(--color-bg-inline-lua);
|
||||
border-radius: 3px;
|
||||
font-family: 'Courier New', monospace;
|
||||
font-family: var(--font-family-code);
|
||||
white-space: nowrap;
|
||||
padding: 0.1em 0.3em;
|
||||
color: #23272e;
|
||||
@@ -469,7 +521,7 @@ pre {
|
||||
padding: 1.2em;
|
||||
margin: 1.5em 0;
|
||||
overflow-x: auto;
|
||||
font-family: 'Courier New', monospace;
|
||||
font-family: var(--font-family-code);
|
||||
line-height: 1.4;
|
||||
box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.08);
|
||||
color: #23272e;
|
||||
@@ -590,6 +642,10 @@ img {
|
||||
}
|
||||
.content-wrapper {
|
||||
margin-left: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
.reference-container {
|
||||
margin-left: var(--margin-small);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -605,6 +661,12 @@ img {
|
||||
|
||||
.content-wrapper {
|
||||
width: 100%; /* Make content take full width */
|
||||
margin-left: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.reference-container {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
main {
|
||||
@@ -667,4 +729,4 @@ img {
|
||||
|
||||
.theme-toggle:hover svg {
|
||||
fill: var(--color-text-accent);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user