juli/OrcaSlicer
1
1
Fork 0
mirror of https://github.com/OrcaSlicer/OrcaSlicer.git synced 2026-05-26 22:55:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated Wiki content

OrcaSlicerBot
2026-01-27 23:40:06 +00:00
parent 3631618e5b
commit 4a18b5a715
2 changed files with 113 additions and 400 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
mkdocs.yml

@@ -16,8 +16,6 @@ theme:
logo: assets/images/OrcaSlicer.png logo: assets/images/OrcaSlicer.png
favicon: assets/images/OrcaSlicer.ico favicon: assets/images/OrcaSlicer.ico
features: features:
- navigation.instant # Enable instant loading (SPA behavior)
- navigation.instant.progress # Show progress bar on slow connections
- content.code.copy # Enables the copy-to-clipboard button - content.code.copy # Enables the copy-to-clipboard button
- search.suggest - search.suggest
- search.highlight - search.highlight

511
web_extras/extra.css

@@ -1,201 +1,59 @@
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400&display=swap');
/* ============================================================================
DESIGN TOKENS - Foundation variables for consistent theming
============================================================================ */
:root { :root {
/* ======================================== --md-text-font: "Noto Sans", sans-serif; /* Body text, headings */
Typography --md-code-font: "Roboto Mono", monospace; /* Body text, headings */
======================================== */
--md-text-font: "Noto Sans", sans-serif;
--md-code-font: "Roboto Mono", monospace;
/* ========================================
Font Sizes
======================================== */
--font-size-xxs: 0.5rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
/* ========================================
Spacing Scale (8pt grid)
Use these instead of arbitrary values
======================================== */
--space-0: 0;
--space-0_5: 0.125rem;
/* 2px */
--space-1: 0.25rem;
/* 4px */
--space-2: 0.5rem;
/* 8px */
--space-3: 0.75rem;
/* 12px */
--space-4: 1rem;
/* 16px */
--space-5: 1.25rem;
/* 20px */
--space-6: 1.5rem;
/* 24px */
--space-8: 2rem;
/* 32px */
--space-10: 2.5rem;
/* 40px */
--space-12: 3rem;
/* 48px */
--space-16: 4rem;
/* 64px */
/* ========================================
Border Radius Scale
======================================== */
--radius-none: 0;
--radius-sm: 0.125rem;
/* 2px */
--radius-md: 0.25rem;
/* 4px */
--radius-lg: 0.5rem;
/* 8px */
--radius-xl: 1rem;
/* 16px */
--radius-full: 9999px;
/* ========================================
Shadows
======================================== */
--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
/* ========================================
Transitions
======================================== */
--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
--transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
--transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
--transition-xslow: 1000ms cubic-bezier(0.4, 0, 0.2, 1);
/* Reset for reduced motion preference */
@media (prefers-reduced-motion: reduce) {
--transition-fast: 0ms;
--transition-base: 0ms;
--transition-slow: 0ms;
--transition-xslow: 0ms;
}
} }
/* ============================================================================
COLOR SYSTEM - Theme colors for light and dark modes
============================================================================ */
:root, :root,
[data-md-color-scheme=default] { [data-md-color-scheme=default],
/* ======================================== [data-md-color-scheme=slate]{
Brand Colors (Light Mode) /* Primary color (used in both light and dark) */
======================================== */ --md-primary-fg-color: #009688;
--md-primary-fg-color: #009688; --md-primary-fg-color--light: #009688;
--md-primary-fg-color--light: #009688; --md-primary-fg-color--dark: #00675B;
--md-primary-fg-color--dark: #00675B;
--md-accent-fg-color: #009688;
/* ======================================== /* Accent color */
Derived Colors (color-mix based) --md-accent-fg-color: #009688;
======================================== */
--color-primary-hover: color-mix(in srgb, var(--md-primary-fg-color) 80%, black);
--color-primary-subtle: color-mix(in srgb, var(--md-primary-fg-color) 8%, transparent);
--color-primary-muted: color-mix(in srgb, var(--md-primary-fg-color) 15%, transparent);
/* ======================================== --md-typeset-a-color: var(--md-primary-fg-color--light) !important;
Semantic Colors
======================================== */ --md-footer-bg-color: var(--md-primary-fg-color) !important;
--md-typeset-a-color: var(--md-primary-fg-color) !important; --md-footer-fg-color: #FFFFFF;
--md-default-fg-color--link: var(--md-primary-fg-color);
--md-accent-fg-color--transparent: color-mix(in srgb, var(--md-primary-fg-color) 10%, transparent); /* --md-code-bg-color: #F2F2F2; */
--md-footer-bg-color: var(--md-primary-fg-color) !important;
--md-footer-fg-color: #FFFFFF; /* Use single color for codes. otherwise some parts gCodes etc. is hard to read */
/* --md-code-hl-color: var(--md-code-fg-color); */
/* --md-code-hl-number-color: var(--md-code-fg-color); */
/* --md-code-hl-special-color: var(--md-code-fg-color); */
/* --md-code-hl-function-color: var(--md-code-fg-color); */
/* --md-code-hl-constant-color: var(--md-code-fg-color); *//* variables, gcodes */
/* --md-code-hl-keyword-color: var(--md-code-fg-color); */
/* --md-code-hl-string-color: var(--md-code-fg-color); */
/* --md-code-hl-name-color: var(--md-code-fg-color); */
/* --md-code-hl-color--light: var(--md-default-fg-color--light); */
/* --md-code-hl-operator-color: var(--md-default-fg-color--light); */
/* --md-code-hl-punctuation-color: var(--md-default-fg-color--light); */
/* --md-code-hl-comment-color: var(--md-default-fg-color--light); */
/* --md-code-hl-generic-color: var(--md-default-fg-color--light); */
/* --md-code-hl-variable-color: var(--md-default-fg-color--light); */
} }
[data-md-color-scheme=slate] { [data-md-color-scheme=slate]{
/* ======================================== --md-default-bg-color: #2D2D31;
Brand Colors (Dark Mode) --md-default-fg-color: #EFEFF0;
======================================== */ --md-primary-fg-color: #00675B;
--md-default-bg-color: #2D2D31; --md-footer-bg-color--dark: #00000052;
--md-default-fg-color: #EFEFF0; --md-code-bg-color: #242428;
--md-primary-fg-color: #14B8A6;
--md-accent-fg-color: #14B8A6;
--md-primary-fg-color--light: #14B8A6;
--md-primary-fg-color--dark: #00867b;
/* ========================================
Derived Colors (color-mix based)
======================================== */
--color-primary-hover: color-mix(in srgb, var(--md-primary-fg-color) 60%, white);
--color-primary-subtle: color-mix(in srgb, var(--md-primary-fg-color) 12%, transparent);
--color-primary-muted: color-mix(in srgb, var(--md-primary-fg-color) 20%, transparent);
/* ========================================
Component Colors
======================================== */
--md-typeset-a-color: var(--md-primary-fg-color) !important;
--md-default-fg-color--link: var(--md-primary-fg-color);
--md-accent-fg-color--transparent: color-mix(in srgb, var(--md-primary-fg-color) 15%, transparent);
--md-footer-bg-color--dark: #00000052;
--md-code-bg-color: #242428;
} }
/* ============================================================================
GLOBAL ACCESSIBILITY & BEHAVIOR
============================================================================ */
/* Smooth scrolling with reduced motion support */
html {
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
/* Global focus ring for keyboard navigation */
:focus-visible {
outline: 2px solid var(--md-accent-fg-color);
outline-offset: 2px;
border-radius: var(--radius-sm);
}
:focus:not(:focus-visible) {
outline: none;
}
/* ============================================================================
COMPONENT STYLES
============================================================================ */
/* /////// HEADER */ /* /////// HEADER */
.md-header {
background-color: light-dark(var(--md-primary-fg-color--light), var(--md-primary-fg-color--dark));
}
/* Reduce vertical margin on logo to make header more compact */ /* Reduce vertical margin on logo to make header more compact */
.md-header__button.md-logo { .md-header__button.md-logo {
margin: 0 var(--space-1); margin: 0 .2rem;
} }
/* Increase size of logo on header */ /* Increase size of logo on header */
@@ -206,101 +64,25 @@ html {
/* Reduce margin between logo and title */ /* Reduce margin between logo and title */
[dir=ltr] .md-header__title { [dir=ltr] .md-header__title {
margin-left: var(--space-2); margin-left: 0.5rem;
}
/* Header button interactions */
.md-header__button {
transition: background-color var(--transition-fast), transform var(--transition-fast);
border-radius: var(--radius-md);
}
.md-header__button:hover {
background-color: color-mix(in srgb, currentColor 10%, transparent);
}
.md-header__button:active {
transform: scale(0.95);
} }
/* /////// SIDEBARS */ /* /////// SIDEBARS */
.md-nav__link[for],
.md-nav__link[href] {
text-decoration: underline transparent;
transition: var(--transition-fast);
&:hover {
color: var(--color-primary-hover);
text-decoration: underline var(--color-primary-hover);
transition: var(--transition-base);
}
&:focus-visible {
color: var(--color-primary-hover);
}
&:focus:not(:focus-visible) {
/* resets clicked nav items to prevent focus styles from persisting */
color: unset;
}
}
/* Enhanced TOC active section indicator */
.md-nav--secondary .md-nav__link {
transition: all var(--transition-base);
border-radius: var(--radius-md);
padding: 0 var(--space-3) 0 var(--space-5);
position: relative;
margin-left: calc(-1 * var(--space-1));
}
.md-nav--secondary .md-nav__link--active {
color: var(--md-primary-fg-color);
background-color: var(--color-primary-subtle);
}
.md-nav--secondary .md-nav__link--active::before {
content: '';
position: absolute;
left: var(--space-1);
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 65%;
background-color: var(--md-primary-fg-color);
border-radius: var(--radius-full);
}
/* Use bold font on selected navigation bar item */ /* Use bold font on selected navigation bar item */
.md-nav__item .md-nav__link--active { .md-nav__item .md-nav__link--active {
color: var(--md-primary-fg-color); font-weight: 600;
scale: 1.02;
}
/* Reset TOC styling for mobile/tablet (drawer mode) */
@media screen and (max-width: 76.24em) {
.md-nav--secondary .md-nav__link {
padding: var(--space-2) var(--space-4);
margin-left: 0;
}
.md-nav--secondary .md-nav__link--active::before {
left: 0;
}
} }
@media screen and (min-width: 76.25em) { @media screen and (min-width: 76.25em) {
/* Hide title on left sidebar */ /* Hide title on left sidebar */
.md-nav--primary .md-nav__title[for=__drawer] { .md-nav--primary .md-nav__title[for=__drawer] {
display: none; display:none;
} }
/* Remove leftover margin for first item*/ /* Remove leftover margin for first item*/
.md-nav--primary>.md-nav__list>.md-nav__item:first-of-type>a { .md-nav--primary>.md-nav__list>.md-nav__item:first-of-type>a{
margin-top: 0 !important; margin-top: 0 !important;
} }
} }
/* Fixes unnecassary scrollbars on sidebars */ /* Fixes unnecassary scrollbars on sidebars */
@@ -316,86 +98,64 @@ html {
/* /////// TITLES */ /* /////// TITLES */
/* Use bolder titles */ /* Use bolder titles */
.md-typeset h1 { .md-typeset h1{ font-weight: 550}
font-weight: 550 .md-typeset h2{ font-weight: 550}
} .md-typeset h3{ font-weight: 550}
.md-typeset h4{ font-weight: 700}
.md-typeset h2 {
font-weight: 550
}
.md-typeset h3 {
font-weight: 550
}
.md-typeset h4 {
font-weight: 700
}
/* Match color of titles */ /* Match color of titles */
.md-typeset h1, .md-typeset h1,
.md-typeset h2, .md-typeset h2,
.md-typeset h3, .md-typeset h3,
.md-typeset h4 { .md-typeset h4 {
color: var(--md-typeset-color); color:var(--md-typeset-color);
} }
/* Reduce margins after headers / titles */ /* Reduce margins after headers / titles */
.md-typeset h1 { .md-typeset h1 {
margin-bottom: 0 !important; margin-bottom: 0 !important;
margin-block-end: var(--space-2); margin-block-end: 0.4em;
} }
.md-typeset h2 { .md-typeset h2 {
margin-bottom: 0 !important; margin-bottom: 0 !important;
margin-top: var(--space-4) !important; margin-top: 1.0em !important;
margin-block-end: var(--space-2); margin-block-end: 0.4em;
} }
.md-typeset h3 { .md-typeset h3 {
margin-bottom: 0 !important; margin-bottom: 0 !important;
margin-top: var(--space-4) !important; margin-top: 1.0em !important;
margin-block-end: var(--space-1); margin-block-end: 0.3em;
} }
.md-typeset h4 { .md-typeset h4 {
margin-bottom: 0 !important; margin-bottom: 0 !important;
margin-block-end: var(--space-1); margin-block-end: 0.2em;
}
h1 + p,
h2 + p,
h3 + p,
h4 + p{
margin-block-start: 0.4em;
} }
h1+p, h1 + ul, h2 + ul, h3 + ul, h4 + ul,
h2+p, h1 + ol, h2 + ol, h3 + ol, h4 + ol{
h3+p, margin-top: 0.4em !important;
h4+p {
margin-block-start: var(--space-2);
}
h1+ul,
h2+ul,
h3+ul,
h4+ul,
h1+ol,
h2+ol,
h3+ol,
h4+ol {
margin-top: var(--space-2) !important;
} }
/* Add thin borders for separation */ /* Add thin borders for separation */
.md-typeset h2, .md-typeset h2,
.md-typeset h3 { .md-typeset h3 {
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%; width: 100%;
} }
.md-typeset h2::after,
.md-typeset h2::after, .md-typeset h3::after {
.md-typeset h3::after {
content: ''; content: '';
flex: 1; flex: 1;
height: 1px; height: 0.1em;
background-color: var(--md-typeset-table-color); background-color: var(--md-typeset-table-color);
margin-left: var(--space-1); margin-left: 0.2em;
} }
/* /////// Images */ /* /////// Images */
@@ -405,43 +165,25 @@ h4+ol {
vertical-align: middle; vertical-align: middle;
} }
img[height="22"] { img[height="22"] { /* Text icons */
/* Text icons */
height: 22px; height: 22px;
} }
img[height="45"] { /* Patterns table */
img[height="45"] {
/* Patterns table */
height: 45px; height: 45px;
} }
img[height="200"] { /* Calibrations guide preview */
img[height="200"] {
/* Calibrations guide preview */
height: 200px; height: 200px;
} }
/* /////// LINKS */ /* /////// LINKS */
.md-typeset a { /* Make hyperlinks slightly bolder */
.md-typeset a{
font-weight: 500; font-weight: 500;
} }
/* Show underline on links while hovering */
.md-typeset a, .md-typeset a:hover {
.md-typeset a::before { text-decoration: underline;
transition: var(--transition-fast);
text-decoration: underline transparent;
&:hover,
&:focus-visible {
color: var(--color-primary-hover);
transition: var(--transition-base);
text-decoration: underline var(--color-primary-hover);
}
&:focus:not(:focus-visible) {
color: unset;
text-decoration: underline transparent;
}
} }
/* /////// LISTS / BULLETS */ /* /////// LISTS / BULLETS */
@@ -449,13 +191,14 @@ img[height="200"] {
/* Reduce left margin for bullets */ /* Reduce left margin for bullets */
[dir=ltr] .md-typeset ol li, [dir=ltr] .md-typeset ol li,
[dir=ltr] .md-typeset ul li { [dir=ltr] .md-typeset ul li {
margin-left: var(--space-2); margin-left: 0.5em;
} }
/* Reduce line height on lists */ /* Reduce line height on lists */
.md-typeset ol li, .md-typeset ol li,
.md-typeset ul li { .md-typeset ul li {
margin-bottom: var(--space-1); margin-bottom: .3em;
} }
/* Use circle instead disc as list item marker. just less distracting */ /* Use circle instead disc as list item marker. just less distracting */
@@ -474,80 +217,80 @@ img[height="200"] {
/* Use regular font size on annotions */ /* Use regular font size on annotions */
.md-typeset .admonition, .md-typeset .admonition,
.md-typeset details { .md-typeset details {
font-size: var(--font-size-xs); font-size: .8rem;
} }
.md-typeset .admonition, .md-typeset .admonition,
.md-typeset details { .md-typeset details {
background-color: var(--md-admonition-bg-color); background-color: var(--md-admonition-bg-color);
border: none; border: none;
border-left: var(--space-1) solid #448aff; border-left: 0.3rem solid #448aff;
border-radius: var(--radius-none); border-radius: 0;
margin: var(--space-5) 0; margin: 1.2em 0;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-lg);
} }
.md-typeset .admonition-title, .md-typeset .admonition-title,
.md-typeset summary { .md-typeset summary {
background-color: transparent !important; background-color: transparent !important;
padding-bottom: 0 !important; padding-bottom: 0 !important;
padding-top: var(--space-1) !important; padding-top: .2rem !important;
} }
.md-typeset .admonition-title:before, .md-typeset .admonition-title:before,
.md-typeset summary:before { .md-typeset summary:before {
top: var(--space-2) !important; top: .4em !important;
}
.md-typeset .admonition>:last-child,
.md-typeset details>:last-child {
margin-bottom: .4rem;
} }
.md-typeset .admonition>:last-child, .md-typeset .admonition>:last-child,
.md-typeset details>:last-child { .md-typeset details>:last-child {
margin-bottom: 0; margin-bottom: 0;
margin-block-start: var(--space-1); margin-block-start: 0.3em;
margin-block-end: var(--space-1); margin-block-end: 0.2em;
} }
.md-typeset .admonition.warning, .md-typeset .admonition.warning,
.md-typeset details.warning { .md-typeset details.warning {
border-color: #ff9100; border-color: #ff9100;
background-color: color-mix(in srgb, #ff9100 3%, transparent); background-color: #ff910005;
} }
.md-typeset .admonition.warning .admonition-title, .md-typeset .admonition.warning .admonition-title,
.md-typeset details.warning summary { .md-typeset details.warning summary{
color: #ff9100; color: #ff9100;
} }
.md-typeset .admonition.note, .md-typeset .admonition.note,
.md-typeset details.note { .md-typeset details.note {
border-color: #448aff; border-color: #448aff;
background-color: color-mix(in srgb, #448aff 3%, transparent); background-color: #448aff05;
} }
.md-typeset .admonition.note .admonition-title, .md-typeset .admonition.note .admonition-title,
.md-typeset details.note summary { .md-typeset details.note summary{
color: #448aff; color: #448aff;
} }
.md-typeset .admonition.tip, .md-typeset .admonition.tip,
.md-typeset details.tip { .md-typeset details.tip {
border-color: #00bfa5; border-color: #00bfa5;
background-color: color-mix(in srgb, #00bfa5 3%, transparent); background-color: #00bfa505;
} }
.md-typeset .admonition.tip .admonition-title, .md-typeset .admonition.tip .admonition-title,
.md-typeset details.tip summary { .md-typeset details.tip summary{
color: #00bfa5; color: #00bfa5;
} }
.md-typeset .admonition.danger, .md-typeset .admonition.danger,
.md-typeset details.danger { .md-typeset details.danger {
border-color: #ff1744; border-color: #ff1744;
background-color: color-mix(in srgb, #ff1744 3%, transparent); background-color: #ff174405;
} }
.md-typeset .admonition.danger .admonition-title, .md-typeset .admonition.danger .admonition-title,
.md-typeset details.danger summary { .md-typeset details.danger summary{
color: #ff1744; color: #ff1744;
} }
@@ -555,7 +298,7 @@ img[height="200"] {
/* Slighly reduce table cell height */ /* Slighly reduce table cell height */
.md-typeset table:not([class]) td { .md-typeset table:not([class]) td {
padding: var(--space-3) var(--space-5); padding: .75em 1.25em;
vertical-align: middle; vertical-align: middle;
} }
@@ -570,15 +313,6 @@ img[height="200"] {
vertical-align: middle; vertical-align: middle;
} }
/* Hover effect on table rows */
.md-typeset table:not([class]) tbody tr {
transition: background-color var(--transition-fast);
}
.md-typeset table:not([class]) tbody tr:hover {
background-color: var(--color-primary-subtle);
}
/* Keep pattern icons fixed at 45px inside tables */ /* Keep pattern icons fixed at 45px inside tables */
.md-typeset table img[alt^="param_"] { .md-typeset table img[alt^="param_"] {
max-width: none; max-width: none;
@@ -587,28 +321,9 @@ img[height="200"] {
height: 45px !important; height: 45px !important;
} }
/* /////// CODE BLOCKS */
/* Subtle hover effect on code blocks */
.md-typeset pre,
.md-typeset .highlight {
transition: box-shadow var(--transition-base), transform var(--transition-base);
border-radius: var(--radius-md);
}
.md-typeset pre:hover,
.md-typeset .highlight:hover {
box-shadow: var(--shadow-md);
transform: translateY(-1px);
}
.md-typeset pre code {
border-radius: var(--radius-md);
}
/* /////// FOOTER */ /* /////// FOOTER */
/* Fixes sidebar content rendering over footer when all items expanded */ /* Fixes sidebar content rendering over footer when all items expanded */
.md-footer { .md-footer{
z-index: 10; z-index: 10;
} }
@@ -616,7 +331,7 @@ img[height="200"] {
/* :has selector might not work on old browsers */ /* :has selector might not work on old browsers */
/* using ~body required to get elements properly */ /* using ~body required to get elements properly */
head:has(link[rel="canonical"][href$="keyboard-shortcuts.html"])~body td>code { head:has(link[rel="canonical"][href$="keyboard-shortcuts.html"])~body td>code {
background-color: transparent; background-color: transparent;
color: var(--md-typeset-color); color: var(--md-typeset-color);
font-weight: 550; font-weight: 550;
} }