mirror of
https://gitlab.com/vyla-entertainment/documentation.git
synced 2026-11-14 22:47:26 -05:00
huge doc rewrite
This commit is contained in:
1092
assets/app.js
1092
assets/app.js
File diff suppressed because it is too large
Load Diff
@@ -1,107 +0,0 @@
|
||||
pre code.hljs {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
padding: 1em;
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
code.hljs {
|
||||
padding: 3px 5px;
|
||||
}
|
||||
|
||||
.hljs {
|
||||
color: #5e5e5e;
|
||||
background: #0d1117
|
||||
}
|
||||
|
||||
.hljs-doctag,
|
||||
.hljs-keyword,
|
||||
.hljs-meta .hljs-keyword,
|
||||
.hljs-template-tag,
|
||||
.hljs-template-variable,
|
||||
.hljs-type,
|
||||
.hljs-variable.language_ {
|
||||
color: #ff7b72
|
||||
}
|
||||
|
||||
.hljs-title,
|
||||
.hljs-title.class_,
|
||||
.hljs-title.class_.inherited__,
|
||||
.hljs-title.function_ {
|
||||
color: #d2a8ff
|
||||
}
|
||||
|
||||
.hljs-attr,
|
||||
.hljs-attribute,
|
||||
.hljs-literal,
|
||||
.hljs-meta,
|
||||
.hljs-number,
|
||||
.hljs-operator,
|
||||
.hljs-variable,
|
||||
.hljs-selector-attr,
|
||||
.hljs-selector-class,
|
||||
.hljs-selector-id {
|
||||
color: #79c0ff
|
||||
}
|
||||
|
||||
.hljs-regexp,
|
||||
.hljs-string,
|
||||
.hljs-meta .hljs-string {
|
||||
color: #a5d6ff
|
||||
}
|
||||
|
||||
.hljs-built_in,
|
||||
.hljs-symbol {
|
||||
color: #ffa657
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-code,
|
||||
.hljs-formula {
|
||||
color: #8b949e
|
||||
}
|
||||
|
||||
.hljs-name,
|
||||
.hljs-quote,
|
||||
.hljs-selector-tag,
|
||||
.hljs-selector-pseudo {
|
||||
color: #7ee787
|
||||
}
|
||||
|
||||
.hljs-subst {
|
||||
color: #5e5e5e
|
||||
}
|
||||
|
||||
.hljs-section {
|
||||
color: #1f6feb;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
.hljs-bullet {
|
||||
color: #f2cc60
|
||||
}
|
||||
|
||||
.hljs-emphasis {
|
||||
color: #5e5e5e;
|
||||
font-style: italic
|
||||
}
|
||||
|
||||
.hljs-strong {
|
||||
color: #5e5e5e;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
.hljs-addition {
|
||||
color: #aff5b4;
|
||||
background-color: #033a16
|
||||
}
|
||||
|
||||
.hljs-deletion {
|
||||
color: #ffdcd7;
|
||||
background-color: #67060c
|
||||
}
|
||||
@@ -1,121 +0,0 @@
|
||||
:root {
|
||||
--table-header-text: #000000;
|
||||
--vyla-black: #000000;
|
||||
--vyla-white: #ffffff;
|
||||
--vyla-border-light: rgba(0, 0, 0, 0.12);
|
||||
--vyla-border-dark: rgba(255, 255, 255, 0.16);
|
||||
--banner-bg: #ffffff;
|
||||
--banner-text: #000000;
|
||||
}
|
||||
|
||||
.dark {
|
||||
--table-header-text: #ffffff;
|
||||
--banner-bg: #000000;
|
||||
--banner-text: #ffffff;
|
||||
}
|
||||
|
||||
table th {
|
||||
color: var(--table-header-text) !important;
|
||||
}
|
||||
|
||||
#banner,
|
||||
#banner *,
|
||||
#banner p,
|
||||
#banner a {
|
||||
color: var(--banner-text) !important;
|
||||
}
|
||||
|
||||
.data-\[is-opaque\=true\]\:bg-background-light[data-is-opaque=true] {
|
||||
background-color: rgba(255, 255, 255, 0.2) !important;
|
||||
}
|
||||
|
||||
.data-\[is-opaque\=true\]\:dark\:bg-background-dark\/75:is(.dark *)[data-is-opaque=true] {
|
||||
background-color: rgba(0, 0, 0, 0.2) !important;
|
||||
}
|
||||
|
||||
#banner a {
|
||||
text-decoration: underline !important;
|
||||
text-underline-offset: 3px;
|
||||
}
|
||||
|
||||
#banner button {
|
||||
color: var(--banner-text) !important;
|
||||
}
|
||||
|
||||
#navbar a[href*="gitlab"],
|
||||
#navbar a[href*="discord"],
|
||||
#navbar a[href="/"] {
|
||||
border-radius: 999px !important;
|
||||
}
|
||||
|
||||
#navbar a[href="/"] {
|
||||
padding-left: 16px !important;
|
||||
padding-right: 16px !important;
|
||||
}
|
||||
|
||||
.dark\:border-gray-300\/\[0\.06\]:is(.dark *) {
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
.dark\:ring-0:is(.dark *),
|
||||
.dark\:ring-1:is(.dark *),
|
||||
.ring-1,
|
||||
.ring-2 {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.dark\:hover\:\!border-primary-light:hover:is(.dark *) {
|
||||
background-color: transparent !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
.hover\:\!border-primary:hover {
|
||||
background-color: transparent !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
.dark\:border-white\/10:is(.dark *) {
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
.dark\:bg-white\/10:is(.dark *) {
|
||||
background-color: rgba(25, 25, 25, 0.1) !important;
|
||||
}
|
||||
|
||||
html.dark .code-block-background {
|
||||
background-color: rgba(5, 5, 5) !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
html .code-block-background {
|
||||
background-color: rgba(250, 250, 250) !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
[data-fade-overlay] {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.border {
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
.h-\[1\.5px\] {
|
||||
height: 0px !important;
|
||||
}
|
||||
|
||||
.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
html.dark [data-fade-overlay] {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.dark\:text-gray-500:is(.dark *) {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.px-6 {
|
||||
padding-left: 0px !important;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
140
assets/styling/highlight.css
Normal file
140
assets/styling/highlight.css
Normal file
@@ -0,0 +1,140 @@
|
||||
html.dark pre[class*="language-"],
|
||||
html.dark code[class*="language-"] {
|
||||
color: #abb2bf;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: #6a737d;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
html.dark .token.comment,
|
||||
html.dark .token.prolog,
|
||||
html.dark .token.doctype,
|
||||
html.dark .token.cdata {
|
||||
color: #5c6370;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #24292e;
|
||||
}
|
||||
|
||||
html.dark .token.punctuation {
|
||||
color: #abb2bf;
|
||||
}
|
||||
|
||||
.token.function,
|
||||
.token.function-name {
|
||||
color: #6f42c1;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
html.dark .token.function,
|
||||
html.dark .token.function-name {
|
||||
color: #61afef;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.token.keyword,
|
||||
.token.selector {
|
||||
color: #d73a49;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
html.dark .token.keyword,
|
||||
html.dark .token.selector {
|
||||
color: #c678dd;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.token.string,
|
||||
.token.url {
|
||||
color: #22863a;
|
||||
}
|
||||
|
||||
html.dark .token.string,
|
||||
html.dark .token.url {
|
||||
color: #98c379;
|
||||
}
|
||||
|
||||
.token.variable,
|
||||
.token.attr-name,
|
||||
.token.property {
|
||||
color: #e36209;
|
||||
}
|
||||
|
||||
html.dark .token.variable,
|
||||
html.dark .token.attr-name,
|
||||
html.dark .token.property {
|
||||
color: #e06c75;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity {
|
||||
color: #d73a49;
|
||||
}
|
||||
|
||||
html.dark .token.operator,
|
||||
html.dark .token.entity {
|
||||
color: #56b6c2;
|
||||
}
|
||||
|
||||
.token.number,
|
||||
.token.boolean,
|
||||
.token.constant {
|
||||
color: #005cc5;
|
||||
}
|
||||
|
||||
html.dark .token.number,
|
||||
html.dark .token.boolean,
|
||||
html.dark .token.constant {
|
||||
color: #d19a66;
|
||||
}
|
||||
|
||||
.token.parameter {
|
||||
color: #b08800;
|
||||
}
|
||||
|
||||
html.dark .token.parameter {
|
||||
color: #d19a66;
|
||||
}
|
||||
|
||||
.token.class-name {
|
||||
color: #6f42c1;
|
||||
}
|
||||
|
||||
html.dark .token.class-name {
|
||||
color: #e5c07b;
|
||||
}
|
||||
|
||||
.token.tag {
|
||||
color: #22863a;
|
||||
}
|
||||
|
||||
html.dark .token.tag {
|
||||
color: #e06c75;
|
||||
}
|
||||
|
||||
.token.deleted {
|
||||
color: #b31d28;
|
||||
background-color: #ffeef0;
|
||||
}
|
||||
|
||||
html.dark .token.deleted {
|
||||
color: #e06c75;
|
||||
background-color: rgba(224, 108, 117, 0.15);
|
||||
}
|
||||
|
||||
.token.inserted {
|
||||
color: #22863a;
|
||||
background-color: #f0fff4;
|
||||
}
|
||||
|
||||
html.dark .token.inserted {
|
||||
color: #98c379;
|
||||
background-color: rgba(152, 195, 121, 0.15);
|
||||
}
|
||||
3
assets/styling/main.css
Normal file
3
assets/styling/main.css
Normal file
@@ -0,0 +1,3 @@
|
||||
@import "roots.css";
|
||||
@import "base.css";
|
||||
@import "highlight.css";
|
||||
60
assets/styling/roots.css
Normal file
60
assets/styling/roots.css
Normal file
@@ -0,0 +1,60 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
|
||||
|
||||
:root {
|
||||
--primary: #000000;
|
||||
--bg-light: #ffffff;
|
||||
--bg-dark: #000000;
|
||||
--text-light: #0b0b0c;
|
||||
--text-dark: #f3f3f3;
|
||||
--muted-light: #6b7280;
|
||||
--muted-dark: #a3a3a3;
|
||||
--sidebar-width: 256px;
|
||||
--toc-width: 240px;
|
||||
--header-height: 148px;
|
||||
--font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
||||
--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
|
||||
--border-light: #e5e7eb;
|
||||
--border-dark: #2b2b2b98;
|
||||
}
|
||||
|
||||
body.banner-dismissed {
|
||||
--header-height: 109px;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100%;
|
||||
margin: 0;
|
||||
font-family: var(--font);
|
||||
background: var(--bg-light);
|
||||
color: var(--text-light);
|
||||
line-height: 1.65;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
html.dark body {
|
||||
background: var(--bg-dark);
|
||||
color: var(--text-dark);
|
||||
}
|
||||
|
||||
.video-bg {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
Reference in New Issue
Block a user