diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml index 65540d3..ee2f447 100644 --- a/.github/workflows/main.yml +++ b/.github/workflows/main.yml @@ -46,6 +46,7 @@ jobs: features: dioxus-code/all-languages dioxus-code-editor/web dioxus-code-demo/web dioxus-code-live-input/web web-demo: + if: github.event_name == 'push' uses: ealmloff/dioxus-ci/.github/workflows/web-build.yml@main with: working-directory: demo diff --git a/Cargo.lock b/Cargo.lock index e5ad32f..799dab4 100644 --- a/Cargo.lock +++ b/Cargo.lock @@ -56,6 +56,15 @@ version = "1.0.102" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "7f202df86484c868dbad7eaa557ef785d5c66295e41b460ef922eca0723b842c" +[[package]] +name = "approx" +version = "0.5.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "cab112f0a86d568ea0e627cc1d6be74a1e9cd55214684db5561995f6dad897c6" +dependencies = [ + "num-traits", +] + [[package]] name = "arbitrary" version = "1.4.2" @@ -1701,6 +1710,12 @@ version = "3.20.2" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "5d20789868f4b01b2f2caec9f5c4e0213b41e3e5702a50157d699ae31ced2fcb" +[[package]] +name = "by_address" +version = "1.2.1" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "64fa3c856b712db6612c019f14756e64e4bcea13337a6b33b696333a9eaa2d06" + [[package]] name = "bytemuck" version = "1.25.0" @@ -2352,6 +2367,17 @@ dependencies = [ "web-sys", ] +[[package]] +name = "dioxus-attributes" +version = "0.1.0" +source = "git+https://github.com/DioxusLabs/components#ce5adffe692d7f3420af71037389b3d4609e69e5" +dependencies = [ + "dioxus-rsx", + "proc-macro2", + "quote", + "syn 2.0.117", +] + [[package]] name = "dioxus-cli-config" version = "0.7.7" @@ -2386,6 +2412,7 @@ dependencies = [ "dioxus", "dioxus-code", "dioxus-code-editor", + "dioxus-primitives", ] [[package]] @@ -2417,6 +2444,7 @@ version = "0.0.1" dependencies = [ "arborium", "arborium-theme", + "macro-string", "proc-macro-crate 3.5.0", "proc-macro2", "quote", @@ -2518,7 +2546,7 @@ dependencies = [ "image", "infer", "jni 0.21.1", - "lazy-js-bundle", + "lazy-js-bundle 0.7.7", "libc", "muda", "ndk", @@ -2589,7 +2617,7 @@ dependencies = [ "futures-channel", "futures-util", "generational-box", - "lazy-js-bundle", + "lazy-js-bundle 0.7.7", "serde", "serde_json", "tracing", @@ -2747,7 +2775,7 @@ dependencies = [ "futures-util", "generational-box", "keyboard-types", - "lazy-js-bundle", + "lazy-js-bundle 0.7.7", "rustversion", "serde", "serde_json", @@ -2777,7 +2805,7 @@ dependencies = [ "dioxus-core-types", "dioxus-html", "js-sys", - "lazy-js-bundle", + "lazy-js-bundle 0.7.7", "rustc-hash 2.1.2", "serde", "sledgehammer_bindgen", @@ -2827,6 +2855,22 @@ dependencies = [ "tracing-wasm", ] +[[package]] +name = "dioxus-primitives" +version = "0.0.1" +source = "git+https://github.com/DioxusLabs/components#ce5adffe692d7f3420af71037389b3d4609e69e5" +dependencies = [ + "dioxus", + "dioxus-attributes", + "dioxus-sdk-time", + "lazy-js-bundle 0.6.2", + "num-integer", + "palette", + "serde", + "time", + "tracing", +] + [[package]] name = "dioxus-router" version = "0.7.7" @@ -2876,6 +2920,18 @@ dependencies = [ "syn 2.0.117", ] +[[package]] +name = "dioxus-sdk-time" +version = "0.7.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "80c25ae93a3f72e734873b97fbd09d9b1b6adff97205fb0ffd8543e3564fb78e" +dependencies = [ + "dioxus", + "futures", + "gloo-timers", + "tokio", +] + [[package]] name = "dioxus-server" version = "0.7.7" @@ -3007,7 +3063,7 @@ dependencies = [ "generational-box", "gloo-timers", "js-sys", - "lazy-js-bundle", + "lazy-js-bundle 0.7.7", "rustc-hash 2.1.2", "send_wrapper", "serde", @@ -3231,6 +3287,12 @@ dependencies = [ "zune-inflate", ] +[[package]] +name = "fast-srgb8" +version = "1.0.0" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "dd2e7510819d6fbf51a5545c8f922716ecfb14df168a3242f7d33e0239efe6a1" + [[package]] name = "fastrand" version = "2.4.1" @@ -4458,6 +4520,12 @@ dependencies = [ "selectors", ] +[[package]] +name = "lazy-js-bundle" +version = "0.6.2" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "e49596223b9d9d4947a14a25c142a6e7d8ab3f27eb3ade269d238bb8b5c267e2" + [[package]] name = "lazy-js-bundle" version = "0.7.7" @@ -5038,6 +5106,15 @@ dependencies = [ "syn 2.0.117", ] +[[package]] +name = "num_threads" +version = "0.1.7" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "5c7398b9c8b70908f6371f47ed36737907c87c52af34c268fed0bf0ceb92ead9" +dependencies = [ + "libc", +] + [[package]] name = "objc" version = "0.2.7" @@ -5208,6 +5285,30 @@ version = "0.2.0" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "04744f49eae99ab78e0d5c0b603ab218f515ea8cfe5a456d7629ad883a3b6e7d" +[[package]] +name = "palette" +version = "0.7.6" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "4cbf71184cc5ecc2e4e1baccdb21026c20e5fc3dcf63028a086131b3ab00b6e6" +dependencies = [ + "approx", + "fast-srgb8", + "palette_derive", + "phf 0.11.3", +] + +[[package]] +name = "palette_derive" +version = "0.7.6" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "f5030daf005bface118c096f510ffb781fc28f9ab6a32ab224d8631be6851d30" +dependencies = [ + "by_address", + "proc-macro2", + "quote", + "syn 2.0.117", +] + [[package]] name = "pango" version = "0.18.3" @@ -5289,7 +5390,7 @@ version = "0.10.1" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "fabbf1ead8a5bcbc20f5f8b939ee3f5b0f6f281b6ad3468b84656b658b455259" dependencies = [ - "phf_macros", + "phf_macros 0.10.0", "phf_shared 0.10.0", "proc-macro-hack", ] @@ -5300,6 +5401,7 @@ version = "0.11.3" source = "registry+https://github.com/rust-lang/crates.io-index" checksum = "1fd6780a80ae0c52cc120a26a1a42c1ae51b247a253e4e06113d23d2c2edd078" dependencies = [ + "phf_macros 0.11.3", "phf_shared 0.11.3", ] @@ -5367,6 +5469,19 @@ dependencies = [ "syn 1.0.109", ] +[[package]] +name = "phf_macros" +version = "0.11.3" +source = "registry+https://github.com/rust-lang/crates.io-index" +checksum = "f84ac04429c13a7ff43785d75ad27569f2951ce0ffd30a3321230db2fc727216" +dependencies = [ + "phf_generator 0.11.3", + "phf_shared 0.11.3", + "proc-macro2", + "quote", + "syn 2.0.117", +] + [[package]] name = "phf_shared" version = "0.8.0" @@ -6809,7 +6924,10 @@ checksum = "743bd48c283afc0388f9b8827b976905fb217ad9e647fae3a379a9283c4def2c" dependencies = [ "deranged", "itoa", + "js-sys", + "libc", "num-conv", + "num_threads", "powerfmt", "serde_core", "time-core", diff --git a/README.md b/README.md index fae0ae9..262f761 100644 --- a/README.md +++ b/README.md @@ -31,7 +31,7 @@ Two ways to highlight: dioxus-code = "0.1" ``` -```rust +```rust,ignore use dioxus::prelude::*; use dioxus_code::{Code, Theme, code}; @@ -57,7 +57,7 @@ For editor-style use cases where the source isn't known at compile time: dioxus-code = { version = "0.1", features = ["runtime"] } ``` -```rust +```rust,ignore use dioxus_code::{Code, SourceCode, Theme}; rsx! { @@ -74,7 +74,7 @@ Language can be set explicitly, inferred from a filename via `with_name("main.rs `dioxus-code-editor` is a sibling crate that pairs the highlighter with a `contenteditable` input layer: -```rust +```rust,ignore use dioxus_code_editor::CodeEditor; use dioxus_code::Theme; @@ -96,10 +96,22 @@ It is controlled — drive `value` from your own signal and update it inside `on Thirty-odd built-ins, including Tokyo Night, Catppuccin (all four), Dracula, GitHub Light/Dark, Gruvbox, Nord, One Dark, Rosé Pine, Solarized, the Rustdoc themes, and others. Each is exposed as a `Theme` constant and a CSS asset; pages with multiple themes render side-by-side without leaking styles. -```rust +```rust,ignore Code { src: code!("/example.rs"), theme: Theme::CATPPUCCIN_MOCHA } ``` +Use `CodeTheme::system` to select a light and dark theme with CSS media +queries. This is JavaScript-free and works during SSR: + +```rust,ignore +use dioxus_code::{Code, CodeTheme, Theme, code}; + +Code { + src: code!("/example.rs"), + theme: CodeTheme::system(Theme::GITHUB_LIGHT, Theme::TOKYO_NIGHT), +} +``` + ## Examples ```sh diff --git a/assets/generated/arborium-themes/alabaster-system-dark.css b/assets/generated/arborium-themes/alabaster-system-dark.css new file mode 100644 index 0000000..16a515d --- /dev/null +++ b/assets/generated/arborium-themes/alabaster-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-alabaster { + --dxc-dark-background: #f7f7f7; + --dxc-dark-var-bg: #f7f7f7; + --dxc-dark-var-surface: #ebebeb; + --dxc-dark-color: #000000; + --dxc-dark-var-fg: #000000; + --dxc-dark-var-accent: #325cc0; + --dxc-dark-var-muted: #aa3731; + --dxc-dark-a-at-color: #7a3e9d; + --dxc-dark-a-c-color: #aa3731; + --dxc-dark-a-cb-color: #7a3e9d; + --dxc-dark-a-cd-color: #aa3731; + --dxc-dark-a-ch-color: #448c27; + --dxc-dark-a-cn-color: #000000; + --dxc-dark-a-co-color: #7a3e9d; + --dxc-dark-a-cs-color: #448c27; + --dxc-dark-a-dr-color: #000000; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #000000; + --dxc-dark-a-f-color: #325cc0; + --dxc-dark-a-fb-color: #325cc0; + --dxc-dark-a-fc-color: #325cc0; + --dxc-dark-a-fd-color: #325cc0; + --dxc-dark-a-fm-color: #325cc0; + --dxc-dark-a-in-color: #000000; + --dxc-dark-a-k-color: #000000; + --dxc-dark-a-kc-color: #000000; + --dxc-dark-a-kd-color: #000000; + --dxc-dark-a-ke-color: #000000; + --dxc-dark-a-kf-color: #000000; + --dxc-dark-a-ki-color: #000000; + --dxc-dark-a-km-color: #000000; + --dxc-dark-a-ko-color: #000000; + --dxc-dark-a-kp-color: #000000; + --dxc-dark-a-kr-color: #000000; + --dxc-dark-a-kt-color: #000000; + --dxc-dark-a-ky-color: #000000; + --dxc-dark-a-l-color: #325cc0; + --dxc-dark-a-m-color: #325cc0; + --dxc-dark-a-n-color: #7a3e9d; + --dxc-dark-a-o-color: #777777; + --dxc-dark-a-p-color: #777777; + --dxc-dark-a-pb-color: #777777; + --dxc-dark-a-pd-color: #777777; + --dxc-dark-a-pp-color: #000000; + --dxc-dark-a-pr-color: #000000; + --dxc-dark-a-ps-color: #777777; + --dxc-dark-a-rp-color: #000000; + --dxc-dark-a-rx-color: #448c27; + --dxc-dark-a-s-color: #448c27; + --dxc-dark-a-sc-color: #000000; + --dxc-dark-a-se-color: #777777; + --dxc-dark-a-sp-color: #000000; + --dxc-dark-a-ss-color: #777777; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #325cc0; + --dxc-dark-a-tb-color: #325cc0; + --dxc-dark-a-td-color: #325cc0; + --dxc-dark-a-te-color: #325cc0; + --dxc-dark-a-tf-color: #325cc0; + --dxc-dark-a-tg-color: #325cc0; + --dxc-dark-a-tl-color: #000000; + --dxc-dark-a-tq-color: #325cc0; + --dxc-dark-a-tr-color: #325cc0; + --dxc-dark-a-tt-color: #325cc0; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #325cc0; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #000000; + --dxc-dark-a-vb-color: #7a3e9d; + --dxc-dark-a-vm-color: #000000; + --dxc-dark-a-vp-color: #000000; +} diff --git a/assets/generated/arborium-themes/alabaster-system-light.css b/assets/generated/arborium-themes/alabaster-system-light.css new file mode 100644 index 0000000..f7f3c80 --- /dev/null +++ b/assets/generated/arborium-themes/alabaster-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-alabaster { + --dxc-light-background: #f7f7f7; + --dxc-light-var-bg: #f7f7f7; + --dxc-light-var-surface: #ebebeb; + --dxc-light-color: #000000; + --dxc-light-var-fg: #000000; + --dxc-light-var-accent: #325cc0; + --dxc-light-var-muted: #aa3731; + --dxc-light-a-at-color: #7a3e9d; + --dxc-light-a-c-color: #aa3731; + --dxc-light-a-cb-color: #7a3e9d; + --dxc-light-a-cd-color: #aa3731; + --dxc-light-a-ch-color: #448c27; + --dxc-light-a-cn-color: #000000; + --dxc-light-a-co-color: #7a3e9d; + --dxc-light-a-cs-color: #448c27; + --dxc-light-a-dr-color: #000000; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #000000; + --dxc-light-a-f-color: #325cc0; + --dxc-light-a-fb-color: #325cc0; + --dxc-light-a-fc-color: #325cc0; + --dxc-light-a-fd-color: #325cc0; + --dxc-light-a-fm-color: #325cc0; + --dxc-light-a-in-color: #000000; + --dxc-light-a-k-color: #000000; + --dxc-light-a-kc-color: #000000; + --dxc-light-a-kd-color: #000000; + --dxc-light-a-ke-color: #000000; + --dxc-light-a-kf-color: #000000; + --dxc-light-a-ki-color: #000000; + --dxc-light-a-km-color: #000000; + --dxc-light-a-ko-color: #000000; + --dxc-light-a-kp-color: #000000; + --dxc-light-a-kr-color: #000000; + --dxc-light-a-kt-color: #000000; + --dxc-light-a-ky-color: #000000; + --dxc-light-a-l-color: #325cc0; + --dxc-light-a-m-color: #325cc0; + --dxc-light-a-n-color: #7a3e9d; + --dxc-light-a-o-color: #777777; + --dxc-light-a-p-color: #777777; + --dxc-light-a-pb-color: #777777; + --dxc-light-a-pd-color: #777777; + --dxc-light-a-pp-color: #000000; + --dxc-light-a-pr-color: #000000; + --dxc-light-a-ps-color: #777777; + --dxc-light-a-rp-color: #000000; + --dxc-light-a-rx-color: #448c27; + --dxc-light-a-s-color: #448c27; + --dxc-light-a-sc-color: #000000; + --dxc-light-a-se-color: #777777; + --dxc-light-a-sp-color: #000000; + --dxc-light-a-ss-color: #777777; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #325cc0; + --dxc-light-a-tb-color: #325cc0; + --dxc-light-a-td-color: #325cc0; + --dxc-light-a-te-color: #325cc0; + --dxc-light-a-tf-color: #325cc0; + --dxc-light-a-tg-color: #325cc0; + --dxc-light-a-tl-color: #000000; + --dxc-light-a-tq-color: #325cc0; + --dxc-light-a-tr-color: #325cc0; + --dxc-light-a-tt-color: #325cc0; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #325cc0; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #000000; + --dxc-light-a-vb-color: #7a3e9d; + --dxc-light-a-vm-color: #000000; + --dxc-light-a-vp-color: #000000; +} diff --git a/assets/generated/arborium-themes/alabaster.css b/assets/generated/arborium-themes/alabaster.css index 1be93b3..6e29a64 100644 --- a/assets/generated/arborium-themes/alabaster.css +++ b/assets/generated/arborium-themes/alabaster.css @@ -1,72 +1,74 @@ .dxc-alabaster { - background: #f7f7f7; - --bg: #f7f7f7; - --surface: #ebebeb; - color: #000000; - --fg: #000000; - --accent: #325cc0; - --muted: #aa3731; + --dxc-light-background: #f7f7f7; + --dxc-light-var-bg: #f7f7f7; + --dxc-light-var-surface: #ebebeb; + --dxc-light-color: #000000; + --dxc-light-var-fg: #000000; + --dxc-light-var-accent: #325cc0; + --dxc-light-var-muted: #aa3731; + --dxc-light-a-at-color: #7a3e9d; + --dxc-light-a-c-color: #aa3731; + --dxc-light-a-cb-color: #7a3e9d; + --dxc-light-a-cd-color: #aa3731; + --dxc-light-a-ch-color: #448c27; + --dxc-light-a-cn-color: #000000; + --dxc-light-a-co-color: #7a3e9d; + --dxc-light-a-cs-color: #448c27; + --dxc-light-a-dr-color: #000000; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #000000; + --dxc-light-a-f-color: #325cc0; + --dxc-light-a-fb-color: #325cc0; + --dxc-light-a-fc-color: #325cc0; + --dxc-light-a-fd-color: #325cc0; + --dxc-light-a-fm-color: #325cc0; + --dxc-light-a-in-color: #000000; + --dxc-light-a-k-color: #000000; + --dxc-light-a-kc-color: #000000; + --dxc-light-a-kd-color: #000000; + --dxc-light-a-ke-color: #000000; + --dxc-light-a-kf-color: #000000; + --dxc-light-a-ki-color: #000000; + --dxc-light-a-km-color: #000000; + --dxc-light-a-ko-color: #000000; + --dxc-light-a-kp-color: #000000; + --dxc-light-a-kr-color: #000000; + --dxc-light-a-kt-color: #000000; + --dxc-light-a-ky-color: #000000; + --dxc-light-a-l-color: #325cc0; + --dxc-light-a-m-color: #325cc0; + --dxc-light-a-n-color: #7a3e9d; + --dxc-light-a-o-color: #777777; + --dxc-light-a-p-color: #777777; + --dxc-light-a-pb-color: #777777; + --dxc-light-a-pd-color: #777777; + --dxc-light-a-pp-color: #000000; + --dxc-light-a-pr-color: #000000; + --dxc-light-a-ps-color: #777777; + --dxc-light-a-rp-color: #000000; + --dxc-light-a-rx-color: #448c27; + --dxc-light-a-s-color: #448c27; + --dxc-light-a-sc-color: #000000; + --dxc-light-a-se-color: #777777; + --dxc-light-a-sp-color: #000000; + --dxc-light-a-ss-color: #777777; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #325cc0; + --dxc-light-a-tb-color: #325cc0; + --dxc-light-a-td-color: #325cc0; + --dxc-light-a-te-color: #325cc0; + --dxc-light-a-tf-color: #325cc0; + --dxc-light-a-tg-color: #325cc0; + --dxc-light-a-tl-color: #000000; + --dxc-light-a-tq-color: #325cc0; + --dxc-light-a-tr-color: #325cc0; + --dxc-light-a-tt-color: #325cc0; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #325cc0; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #000000; + --dxc-light-a-vb-color: #7a3e9d; + --dxc-light-a-vm-color: #000000; + --dxc-light-a-vp-color: #000000; } -.dxc-alabaster .a-at { color: #7a3e9d; } -.dxc-alabaster .a-co { color: #7a3e9d; } -.dxc-alabaster .a-cb { color: #7a3e9d; } -.dxc-alabaster .a-fb { color: #325cc0; } -.dxc-alabaster .a-f { color: #325cc0; } -.dxc-alabaster .a-fm { color: #325cc0; } -.dxc-alabaster .a-k { color: #000000; } -.dxc-alabaster .a-kc { color: #000000; } -.dxc-alabaster .a-ko { color: #000000; } -.dxc-alabaster .a-kd { color: #000000; } -.dxc-alabaster .a-ke { color: #000000; } -.dxc-alabaster .a-kf { color: #000000; } -.dxc-alabaster .a-ki { color: #000000; } -.dxc-alabaster .a-kp { color: #000000; } -.dxc-alabaster .a-kr { color: #000000; } -.dxc-alabaster .a-kt { color: #000000; } -.dxc-alabaster .a-ky { color: #000000; } -.dxc-alabaster .a-o { color: #777777; } -.dxc-alabaster .a-pr { color: #000000; } -.dxc-alabaster .a-p { color: #777777; } -.dxc-alabaster .a-pb { color: #777777; } -.dxc-alabaster .a-pd { color: #777777; } -.dxc-alabaster .a-ps { color: #777777; } -.dxc-alabaster .a-s { color: #448c27; } -.dxc-alabaster .a-ss { color: #777777; } -.dxc-alabaster .a-tg { color: #325cc0; } -.dxc-alabaster .a-td { color: #325cc0; } -.dxc-alabaster .a-te { color: #325cc0; } -.dxc-alabaster .a-t { color: #325cc0; } -.dxc-alabaster .a-tb { color: #325cc0; } -.dxc-alabaster .a-tq { color: #325cc0; } -.dxc-alabaster .a-v { color: #000000; } -.dxc-alabaster .a-vb { color: #7a3e9d; } -.dxc-alabaster .a-vp { color: #000000; } -.dxc-alabaster .a-c { color: #aa3731; } -.dxc-alabaster .a-cd { color: #aa3731; } -.dxc-alabaster .a-m { color: #325cc0; } -.dxc-alabaster .a-l { color: #325cc0; } -.dxc-alabaster .a-n { color: #7a3e9d; } -.dxc-alabaster .a-tl { color: #000000; } -.dxc-alabaster .a-em { font-style: italic; } -.dxc-alabaster .a-st { font-weight: bold; } -.dxc-alabaster .a-tu { color: #325cc0; text-decoration: underline; } -.dxc-alabaster .a-tr { color: #325cc0; } -.dxc-alabaster .a-se { color: #777777; } -.dxc-alabaster .a-tt { color: #325cc0; font-weight: bold; } -.dxc-alabaster .a-tx { text-decoration: line-through; } -.dxc-alabaster .a-sp { color: #000000; } -.dxc-alabaster .a-in { color: #000000; } -.dxc-alabaster .a-sc { color: #000000; } -.dxc-alabaster .a-rp { color: #000000; } -.dxc-alabaster .a-cn { color: #000000; } -.dxc-alabaster .a-ex { color: #000000; } -.dxc-alabaster .a-pp { color: #000000; } -.dxc-alabaster .a-ch { color: #448c27; } -.dxc-alabaster .a-cs { color: #448c27; } -.dxc-alabaster .a-vm { color: #000000; } -.dxc-alabaster .a-fd { color: #325cc0; } -.dxc-alabaster .a-tf { color: #325cc0; } -.dxc-alabaster .a-fc { color: #325cc0; } -.dxc-alabaster .a-km { color: #000000; } -.dxc-alabaster .a-dr { color: #000000; } -.dxc-alabaster .a-rx { color: #448c27; } diff --git a/assets/generated/arborium-themes/ayu-dark-system-dark.css b/assets/generated/arborium-themes/ayu-dark-system-dark.css new file mode 100644 index 0000000..e9e2982 --- /dev/null +++ b/assets/generated/arborium-themes/ayu-dark-system-dark.css @@ -0,0 +1,72 @@ +.dxc-system-dark-ayu-dark { + --dxc-dark-background: #0d1017; + --dxc-dark-var-bg: #0d1017; + --dxc-dark-var-surface: #20232a; + --dxc-dark-color: #bfbdb6; + --dxc-dark-var-fg: #bfbdb6; + --dxc-dark-var-accent: #ffb454; + --dxc-dark-var-muted: #626a73; + --dxc-dark-a-c-color: #626a73; + --dxc-dark-a-c-font-style: italic; + --dxc-dark-a-cb-color: #d2a6ff; + --dxc-dark-a-cd-color: #626a73; + --dxc-dark-a-cd-font-style: italic; + --dxc-dark-a-ch-color: #aad94c; + --dxc-dark-a-cn-color: #ff8f40; + --dxc-dark-a-co-color: #d2a6ff; + --dxc-dark-a-cs-color: #aad94c; + --dxc-dark-a-dr-color: #ff8f40; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #ff8f40; + --dxc-dark-a-f-color: #ffb454; + --dxc-dark-a-fb-color: #ffb454; + --dxc-dark-a-fc-color: #ffb454; + --dxc-dark-a-fd-color: #ffb454; + --dxc-dark-a-fm-color: #ffb454; + --dxc-dark-a-in-color: #ff8f40; + --dxc-dark-a-k-color: #ff8f40; + --dxc-dark-a-kc-color: #ff8f40; + --dxc-dark-a-kd-color: #ff8f40; + --dxc-dark-a-ke-color: #ff8f40; + --dxc-dark-a-kf-color: #ff8f40; + --dxc-dark-a-ki-color: #ff8f40; + --dxc-dark-a-km-color: #ff8f40; + --dxc-dark-a-ko-color: #ff8f40; + --dxc-dark-a-kp-color: #ff8f40; + --dxc-dark-a-kr-color: #ff8f40; + --dxc-dark-a-kt-color: #ff8f40; + --dxc-dark-a-ky-color: #ff8f40; + --dxc-dark-a-l-color: #39bae6; + --dxc-dark-a-m-color: #ffb454; + --dxc-dark-a-n-color: #d2a6ff; + --dxc-dark-a-o-color: #f29668; + --dxc-dark-a-pp-color: #ff8f40; + --dxc-dark-a-pr-color: #59c2ff; + --dxc-dark-a-ps-color: #e6b673; + --dxc-dark-a-rp-color: #ff8f40; + --dxc-dark-a-rx-color: #aad94c; + --dxc-dark-a-s-color: #aad94c; + --dxc-dark-a-sc-color: #ff8f40; + --dxc-dark-a-se-color: #95e6cb; + --dxc-dark-a-sp-color: #bfbdb6; + --dxc-dark-a-ss-color: #95e6cb; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #59c2ff; + --dxc-dark-a-tb-color: #59c2ff; + --dxc-dark-a-td-color: #39bae6; + --dxc-dark-a-te-color: #39bae6; + --dxc-dark-a-tf-color: #59c2ff; + --dxc-dark-a-tg-color: #39bae6; + --dxc-dark-a-tl-color: #bfbdb6; + --dxc-dark-a-tq-color: #59c2ff; + --dxc-dark-a-tr-color: #59c2ff; + --dxc-dark-a-tt-color: #59c2ff; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #39bae6; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #bfbdb6; + --dxc-dark-a-vb-color: #ff8f40; + --dxc-dark-a-vm-color: #bfbdb6; + --dxc-dark-a-vp-color: #bfbdb6; +} diff --git a/assets/generated/arborium-themes/ayu-dark-system-light.css b/assets/generated/arborium-themes/ayu-dark-system-light.css new file mode 100644 index 0000000..175dd90 --- /dev/null +++ b/assets/generated/arborium-themes/ayu-dark-system-light.css @@ -0,0 +1,72 @@ +.dxc-system-light-ayu-dark { + --dxc-light-background: #0d1017; + --dxc-light-var-bg: #0d1017; + --dxc-light-var-surface: #20232a; + --dxc-light-color: #bfbdb6; + --dxc-light-var-fg: #bfbdb6; + --dxc-light-var-accent: #ffb454; + --dxc-light-var-muted: #626a73; + --dxc-light-a-c-color: #626a73; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #d2a6ff; + --dxc-light-a-cd-color: #626a73; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #aad94c; + --dxc-light-a-cn-color: #ff8f40; + --dxc-light-a-co-color: #d2a6ff; + --dxc-light-a-cs-color: #aad94c; + --dxc-light-a-dr-color: #ff8f40; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ff8f40; + --dxc-light-a-f-color: #ffb454; + --dxc-light-a-fb-color: #ffb454; + --dxc-light-a-fc-color: #ffb454; + --dxc-light-a-fd-color: #ffb454; + --dxc-light-a-fm-color: #ffb454; + --dxc-light-a-in-color: #ff8f40; + --dxc-light-a-k-color: #ff8f40; + --dxc-light-a-kc-color: #ff8f40; + --dxc-light-a-kd-color: #ff8f40; + --dxc-light-a-ke-color: #ff8f40; + --dxc-light-a-kf-color: #ff8f40; + --dxc-light-a-ki-color: #ff8f40; + --dxc-light-a-km-color: #ff8f40; + --dxc-light-a-ko-color: #ff8f40; + --dxc-light-a-kp-color: #ff8f40; + --dxc-light-a-kr-color: #ff8f40; + --dxc-light-a-kt-color: #ff8f40; + --dxc-light-a-ky-color: #ff8f40; + --dxc-light-a-l-color: #39bae6; + --dxc-light-a-m-color: #ffb454; + --dxc-light-a-n-color: #d2a6ff; + --dxc-light-a-o-color: #f29668; + --dxc-light-a-pp-color: #ff8f40; + --dxc-light-a-pr-color: #59c2ff; + --dxc-light-a-ps-color: #e6b673; + --dxc-light-a-rp-color: #ff8f40; + --dxc-light-a-rx-color: #aad94c; + --dxc-light-a-s-color: #aad94c; + --dxc-light-a-sc-color: #ff8f40; + --dxc-light-a-se-color: #95e6cb; + --dxc-light-a-sp-color: #bfbdb6; + --dxc-light-a-ss-color: #95e6cb; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #59c2ff; + --dxc-light-a-tb-color: #59c2ff; + --dxc-light-a-td-color: #39bae6; + --dxc-light-a-te-color: #39bae6; + --dxc-light-a-tf-color: #59c2ff; + --dxc-light-a-tg-color: #39bae6; + --dxc-light-a-tl-color: #bfbdb6; + --dxc-light-a-tq-color: #59c2ff; + --dxc-light-a-tr-color: #59c2ff; + --dxc-light-a-tt-color: #59c2ff; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #39bae6; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #bfbdb6; + --dxc-light-a-vb-color: #ff8f40; + --dxc-light-a-vm-color: #bfbdb6; + --dxc-light-a-vp-color: #bfbdb6; +} diff --git a/assets/generated/arborium-themes/ayu-dark.css b/assets/generated/arborium-themes/ayu-dark.css index f61446a..4a7d152 100644 --- a/assets/generated/arborium-themes/ayu-dark.css +++ b/assets/generated/arborium-themes/ayu-dark.css @@ -1,68 +1,72 @@ .dxc-ayu-dark { - background: #0d1017; - --bg: #0d1017; - --surface: #20232a; - color: #bfbdb6; - --fg: #bfbdb6; - --accent: #ffb454; - --muted: #626a73; + --dxc-light-background: #0d1017; + --dxc-light-var-bg: #0d1017; + --dxc-light-var-surface: #20232a; + --dxc-light-color: #bfbdb6; + --dxc-light-var-fg: #bfbdb6; + --dxc-light-var-accent: #ffb454; + --dxc-light-var-muted: #626a73; + --dxc-light-a-c-color: #626a73; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #d2a6ff; + --dxc-light-a-cd-color: #626a73; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #aad94c; + --dxc-light-a-cn-color: #ff8f40; + --dxc-light-a-co-color: #d2a6ff; + --dxc-light-a-cs-color: #aad94c; + --dxc-light-a-dr-color: #ff8f40; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ff8f40; + --dxc-light-a-f-color: #ffb454; + --dxc-light-a-fb-color: #ffb454; + --dxc-light-a-fc-color: #ffb454; + --dxc-light-a-fd-color: #ffb454; + --dxc-light-a-fm-color: #ffb454; + --dxc-light-a-in-color: #ff8f40; + --dxc-light-a-k-color: #ff8f40; + --dxc-light-a-kc-color: #ff8f40; + --dxc-light-a-kd-color: #ff8f40; + --dxc-light-a-ke-color: #ff8f40; + --dxc-light-a-kf-color: #ff8f40; + --dxc-light-a-ki-color: #ff8f40; + --dxc-light-a-km-color: #ff8f40; + --dxc-light-a-ko-color: #ff8f40; + --dxc-light-a-kp-color: #ff8f40; + --dxc-light-a-kr-color: #ff8f40; + --dxc-light-a-kt-color: #ff8f40; + --dxc-light-a-ky-color: #ff8f40; + --dxc-light-a-l-color: #39bae6; + --dxc-light-a-m-color: #ffb454; + --dxc-light-a-n-color: #d2a6ff; + --dxc-light-a-o-color: #f29668; + --dxc-light-a-pp-color: #ff8f40; + --dxc-light-a-pr-color: #59c2ff; + --dxc-light-a-ps-color: #e6b673; + --dxc-light-a-rp-color: #ff8f40; + --dxc-light-a-rx-color: #aad94c; + --dxc-light-a-s-color: #aad94c; + --dxc-light-a-sc-color: #ff8f40; + --dxc-light-a-se-color: #95e6cb; + --dxc-light-a-sp-color: #bfbdb6; + --dxc-light-a-ss-color: #95e6cb; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #59c2ff; + --dxc-light-a-tb-color: #59c2ff; + --dxc-light-a-td-color: #39bae6; + --dxc-light-a-te-color: #39bae6; + --dxc-light-a-tf-color: #59c2ff; + --dxc-light-a-tg-color: #39bae6; + --dxc-light-a-tl-color: #bfbdb6; + --dxc-light-a-tq-color: #59c2ff; + --dxc-light-a-tr-color: #59c2ff; + --dxc-light-a-tt-color: #59c2ff; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #39bae6; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #bfbdb6; + --dxc-light-a-vb-color: #ff8f40; + --dxc-light-a-vm-color: #bfbdb6; + --dxc-light-a-vp-color: #bfbdb6; } -.dxc-ayu-dark .a-co { color: #d2a6ff; } -.dxc-ayu-dark .a-cb { color: #d2a6ff; } -.dxc-ayu-dark .a-fb { color: #ffb454; } -.dxc-ayu-dark .a-f { color: #ffb454; } -.dxc-ayu-dark .a-fm { color: #ffb454; } -.dxc-ayu-dark .a-k { color: #ff8f40; } -.dxc-ayu-dark .a-kc { color: #ff8f40; } -.dxc-ayu-dark .a-ko { color: #ff8f40; } -.dxc-ayu-dark .a-kd { color: #ff8f40; } -.dxc-ayu-dark .a-ke { color: #ff8f40; } -.dxc-ayu-dark .a-kf { color: #ff8f40; } -.dxc-ayu-dark .a-ki { color: #ff8f40; } -.dxc-ayu-dark .a-kp { color: #ff8f40; } -.dxc-ayu-dark .a-kr { color: #ff8f40; } -.dxc-ayu-dark .a-kt { color: #ff8f40; } -.dxc-ayu-dark .a-ky { color: #ff8f40; } -.dxc-ayu-dark .a-o { color: #f29668; } -.dxc-ayu-dark .a-pr { color: #59c2ff; } -.dxc-ayu-dark .a-ps { color: #e6b673; } -.dxc-ayu-dark .a-s { color: #aad94c; } -.dxc-ayu-dark .a-ss { color: #95e6cb; } -.dxc-ayu-dark .a-tg { color: #39bae6; } -.dxc-ayu-dark .a-td { color: #39bae6; } -.dxc-ayu-dark .a-te { color: #39bae6; } -.dxc-ayu-dark .a-t { color: #59c2ff; } -.dxc-ayu-dark .a-tb { color: #59c2ff; } -.dxc-ayu-dark .a-tq { color: #59c2ff; } -.dxc-ayu-dark .a-v { color: #bfbdb6; } -.dxc-ayu-dark .a-vb { color: #ff8f40; } -.dxc-ayu-dark .a-vp { color: #bfbdb6; } -.dxc-ayu-dark .a-c { color: #626a73; font-style: italic; } -.dxc-ayu-dark .a-cd { color: #626a73; font-style: italic; } -.dxc-ayu-dark .a-m { color: #ffb454; } -.dxc-ayu-dark .a-l { color: #39bae6; } -.dxc-ayu-dark .a-n { color: #d2a6ff; } -.dxc-ayu-dark .a-tl { color: #bfbdb6; } -.dxc-ayu-dark .a-em { font-style: italic; } -.dxc-ayu-dark .a-st { font-weight: bold; } -.dxc-ayu-dark .a-tu { color: #39bae6; text-decoration: underline; } -.dxc-ayu-dark .a-tr { color: #59c2ff; } -.dxc-ayu-dark .a-se { color: #95e6cb; } -.dxc-ayu-dark .a-tt { color: #59c2ff; font-weight: bold; } -.dxc-ayu-dark .a-tx { text-decoration: line-through; } -.dxc-ayu-dark .a-sp { color: #bfbdb6; } -.dxc-ayu-dark .a-in { color: #ff8f40; } -.dxc-ayu-dark .a-sc { color: #ff8f40; } -.dxc-ayu-dark .a-rp { color: #ff8f40; } -.dxc-ayu-dark .a-cn { color: #ff8f40; } -.dxc-ayu-dark .a-ex { color: #ff8f40; } -.dxc-ayu-dark .a-pp { color: #ff8f40; } -.dxc-ayu-dark .a-ch { color: #aad94c; } -.dxc-ayu-dark .a-cs { color: #aad94c; } -.dxc-ayu-dark .a-vm { color: #bfbdb6; } -.dxc-ayu-dark .a-fd { color: #ffb454; } -.dxc-ayu-dark .a-tf { color: #59c2ff; } -.dxc-ayu-dark .a-fc { color: #ffb454; } -.dxc-ayu-dark .a-km { color: #ff8f40; } -.dxc-ayu-dark .a-dr { color: #ff8f40; } -.dxc-ayu-dark .a-rx { color: #aad94c; } diff --git a/assets/generated/arborium-themes/ayu-light-system-dark.css b/assets/generated/arborium-themes/ayu-light-system-dark.css new file mode 100644 index 0000000..149db8f --- /dev/null +++ b/assets/generated/arborium-themes/ayu-light-system-dark.css @@ -0,0 +1,72 @@ +.dxc-system-dark-ayu-light { + --dxc-dark-background: #fafafa; + --dxc-dark-var-bg: #fafafa; + --dxc-dark-var-surface: #eeeeee; + --dxc-dark-color: #5c6166; + --dxc-dark-var-fg: #5c6166; + --dxc-dark-var-accent: #f2ae49; + --dxc-dark-var-muted: #8a9199; + --dxc-dark-a-c-color: #8a9199; + --dxc-dark-a-c-font-style: italic; + --dxc-dark-a-cb-color: #a37acc; + --dxc-dark-a-cd-color: #8a9199; + --dxc-dark-a-cd-font-style: italic; + --dxc-dark-a-ch-color: #86b300; + --dxc-dark-a-cn-color: #fa8d3e; + --dxc-dark-a-co-color: #a37acc; + --dxc-dark-a-cs-color: #86b300; + --dxc-dark-a-dr-color: #fa8d3e; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #fa8d3e; + --dxc-dark-a-f-color: #f2ae49; + --dxc-dark-a-fb-color: #f2ae49; + --dxc-dark-a-fc-color: #f2ae49; + --dxc-dark-a-fd-color: #f2ae49; + --dxc-dark-a-fm-color: #f2ae49; + --dxc-dark-a-in-color: #fa8d3e; + --dxc-dark-a-k-color: #fa8d3e; + --dxc-dark-a-kc-color: #fa8d3e; + --dxc-dark-a-kd-color: #fa8d3e; + --dxc-dark-a-ke-color: #fa8d3e; + --dxc-dark-a-kf-color: #fa8d3e; + --dxc-dark-a-ki-color: #fa8d3e; + --dxc-dark-a-km-color: #fa8d3e; + --dxc-dark-a-ko-color: #fa8d3e; + --dxc-dark-a-kp-color: #fa8d3e; + --dxc-dark-a-kr-color: #fa8d3e; + --dxc-dark-a-kt-color: #fa8d3e; + --dxc-dark-a-ky-color: #fa8d3e; + --dxc-dark-a-l-color: #55b4d4; + --dxc-dark-a-m-color: #f2ae49; + --dxc-dark-a-n-color: #a37acc; + --dxc-dark-a-o-color: #ed9366; + --dxc-dark-a-pp-color: #fa8d3e; + --dxc-dark-a-pr-color: #399ee6; + --dxc-dark-a-ps-color: #e6ba7e; + --dxc-dark-a-rp-color: #fa8d3e; + --dxc-dark-a-rx-color: #86b300; + --dxc-dark-a-s-color: #86b300; + --dxc-dark-a-sc-color: #fa8d3e; + --dxc-dark-a-se-color: #4cbf99; + --dxc-dark-a-sp-color: #5c6166; + --dxc-dark-a-ss-color: #4cbf99; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #399ee6; + --dxc-dark-a-tb-color: #399ee6; + --dxc-dark-a-td-color: #55b4d4; + --dxc-dark-a-te-color: #55b4d4; + --dxc-dark-a-tf-color: #399ee6; + --dxc-dark-a-tg-color: #55b4d4; + --dxc-dark-a-tl-color: #5c6166; + --dxc-dark-a-tq-color: #399ee6; + --dxc-dark-a-tr-color: #399ee6; + --dxc-dark-a-tt-color: #399ee6; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #55b4d4; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #5c6166; + --dxc-dark-a-vb-color: #fa8d3e; + --dxc-dark-a-vm-color: #5c6166; + --dxc-dark-a-vp-color: #5c6166; +} diff --git a/assets/generated/arborium-themes/ayu-light-system-light.css b/assets/generated/arborium-themes/ayu-light-system-light.css new file mode 100644 index 0000000..2e73b49 --- /dev/null +++ b/assets/generated/arborium-themes/ayu-light-system-light.css @@ -0,0 +1,72 @@ +.dxc-system-light-ayu-light { + --dxc-light-background: #fafafa; + --dxc-light-var-bg: #fafafa; + --dxc-light-var-surface: #eeeeee; + --dxc-light-color: #5c6166; + --dxc-light-var-fg: #5c6166; + --dxc-light-var-accent: #f2ae49; + --dxc-light-var-muted: #8a9199; + --dxc-light-a-c-color: #8a9199; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #a37acc; + --dxc-light-a-cd-color: #8a9199; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #86b300; + --dxc-light-a-cn-color: #fa8d3e; + --dxc-light-a-co-color: #a37acc; + --dxc-light-a-cs-color: #86b300; + --dxc-light-a-dr-color: #fa8d3e; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #fa8d3e; + --dxc-light-a-f-color: #f2ae49; + --dxc-light-a-fb-color: #f2ae49; + --dxc-light-a-fc-color: #f2ae49; + --dxc-light-a-fd-color: #f2ae49; + --dxc-light-a-fm-color: #f2ae49; + --dxc-light-a-in-color: #fa8d3e; + --dxc-light-a-k-color: #fa8d3e; + --dxc-light-a-kc-color: #fa8d3e; + --dxc-light-a-kd-color: #fa8d3e; + --dxc-light-a-ke-color: #fa8d3e; + --dxc-light-a-kf-color: #fa8d3e; + --dxc-light-a-ki-color: #fa8d3e; + --dxc-light-a-km-color: #fa8d3e; + --dxc-light-a-ko-color: #fa8d3e; + --dxc-light-a-kp-color: #fa8d3e; + --dxc-light-a-kr-color: #fa8d3e; + --dxc-light-a-kt-color: #fa8d3e; + --dxc-light-a-ky-color: #fa8d3e; + --dxc-light-a-l-color: #55b4d4; + --dxc-light-a-m-color: #f2ae49; + --dxc-light-a-n-color: #a37acc; + --dxc-light-a-o-color: #ed9366; + --dxc-light-a-pp-color: #fa8d3e; + --dxc-light-a-pr-color: #399ee6; + --dxc-light-a-ps-color: #e6ba7e; + --dxc-light-a-rp-color: #fa8d3e; + --dxc-light-a-rx-color: #86b300; + --dxc-light-a-s-color: #86b300; + --dxc-light-a-sc-color: #fa8d3e; + --dxc-light-a-se-color: #4cbf99; + --dxc-light-a-sp-color: #5c6166; + --dxc-light-a-ss-color: #4cbf99; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #399ee6; + --dxc-light-a-tb-color: #399ee6; + --dxc-light-a-td-color: #55b4d4; + --dxc-light-a-te-color: #55b4d4; + --dxc-light-a-tf-color: #399ee6; + --dxc-light-a-tg-color: #55b4d4; + --dxc-light-a-tl-color: #5c6166; + --dxc-light-a-tq-color: #399ee6; + --dxc-light-a-tr-color: #399ee6; + --dxc-light-a-tt-color: #399ee6; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #55b4d4; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #5c6166; + --dxc-light-a-vb-color: #fa8d3e; + --dxc-light-a-vm-color: #5c6166; + --dxc-light-a-vp-color: #5c6166; +} diff --git a/assets/generated/arborium-themes/ayu-light.css b/assets/generated/arborium-themes/ayu-light.css index f47bca2..1827945 100644 --- a/assets/generated/arborium-themes/ayu-light.css +++ b/assets/generated/arborium-themes/ayu-light.css @@ -1,68 +1,72 @@ .dxc-ayu-light { - background: #fafafa; - --bg: #fafafa; - --surface: #eeeeee; - color: #5c6166; - --fg: #5c6166; - --accent: #f2ae49; - --muted: #8a9199; + --dxc-light-background: #fafafa; + --dxc-light-var-bg: #fafafa; + --dxc-light-var-surface: #eeeeee; + --dxc-light-color: #5c6166; + --dxc-light-var-fg: #5c6166; + --dxc-light-var-accent: #f2ae49; + --dxc-light-var-muted: #8a9199; + --dxc-light-a-c-color: #8a9199; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #a37acc; + --dxc-light-a-cd-color: #8a9199; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #86b300; + --dxc-light-a-cn-color: #fa8d3e; + --dxc-light-a-co-color: #a37acc; + --dxc-light-a-cs-color: #86b300; + --dxc-light-a-dr-color: #fa8d3e; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #fa8d3e; + --dxc-light-a-f-color: #f2ae49; + --dxc-light-a-fb-color: #f2ae49; + --dxc-light-a-fc-color: #f2ae49; + --dxc-light-a-fd-color: #f2ae49; + --dxc-light-a-fm-color: #f2ae49; + --dxc-light-a-in-color: #fa8d3e; + --dxc-light-a-k-color: #fa8d3e; + --dxc-light-a-kc-color: #fa8d3e; + --dxc-light-a-kd-color: #fa8d3e; + --dxc-light-a-ke-color: #fa8d3e; + --dxc-light-a-kf-color: #fa8d3e; + --dxc-light-a-ki-color: #fa8d3e; + --dxc-light-a-km-color: #fa8d3e; + --dxc-light-a-ko-color: #fa8d3e; + --dxc-light-a-kp-color: #fa8d3e; + --dxc-light-a-kr-color: #fa8d3e; + --dxc-light-a-kt-color: #fa8d3e; + --dxc-light-a-ky-color: #fa8d3e; + --dxc-light-a-l-color: #55b4d4; + --dxc-light-a-m-color: #f2ae49; + --dxc-light-a-n-color: #a37acc; + --dxc-light-a-o-color: #ed9366; + --dxc-light-a-pp-color: #fa8d3e; + --dxc-light-a-pr-color: #399ee6; + --dxc-light-a-ps-color: #e6ba7e; + --dxc-light-a-rp-color: #fa8d3e; + --dxc-light-a-rx-color: #86b300; + --dxc-light-a-s-color: #86b300; + --dxc-light-a-sc-color: #fa8d3e; + --dxc-light-a-se-color: #4cbf99; + --dxc-light-a-sp-color: #5c6166; + --dxc-light-a-ss-color: #4cbf99; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #399ee6; + --dxc-light-a-tb-color: #399ee6; + --dxc-light-a-td-color: #55b4d4; + --dxc-light-a-te-color: #55b4d4; + --dxc-light-a-tf-color: #399ee6; + --dxc-light-a-tg-color: #55b4d4; + --dxc-light-a-tl-color: #5c6166; + --dxc-light-a-tq-color: #399ee6; + --dxc-light-a-tr-color: #399ee6; + --dxc-light-a-tt-color: #399ee6; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #55b4d4; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #5c6166; + --dxc-light-a-vb-color: #fa8d3e; + --dxc-light-a-vm-color: #5c6166; + --dxc-light-a-vp-color: #5c6166; } -.dxc-ayu-light .a-co { color: #a37acc; } -.dxc-ayu-light .a-cb { color: #a37acc; } -.dxc-ayu-light .a-fb { color: #f2ae49; } -.dxc-ayu-light .a-f { color: #f2ae49; } -.dxc-ayu-light .a-fm { color: #f2ae49; } -.dxc-ayu-light .a-k { color: #fa8d3e; } -.dxc-ayu-light .a-kc { color: #fa8d3e; } -.dxc-ayu-light .a-ko { color: #fa8d3e; } -.dxc-ayu-light .a-kd { color: #fa8d3e; } -.dxc-ayu-light .a-ke { color: #fa8d3e; } -.dxc-ayu-light .a-kf { color: #fa8d3e; } -.dxc-ayu-light .a-ki { color: #fa8d3e; } -.dxc-ayu-light .a-kp { color: #fa8d3e; } -.dxc-ayu-light .a-kr { color: #fa8d3e; } -.dxc-ayu-light .a-kt { color: #fa8d3e; } -.dxc-ayu-light .a-ky { color: #fa8d3e; } -.dxc-ayu-light .a-o { color: #ed9366; } -.dxc-ayu-light .a-pr { color: #399ee6; } -.dxc-ayu-light .a-ps { color: #e6ba7e; } -.dxc-ayu-light .a-s { color: #86b300; } -.dxc-ayu-light .a-ss { color: #4cbf99; } -.dxc-ayu-light .a-tg { color: #55b4d4; } -.dxc-ayu-light .a-td { color: #55b4d4; } -.dxc-ayu-light .a-te { color: #55b4d4; } -.dxc-ayu-light .a-t { color: #399ee6; } -.dxc-ayu-light .a-tb { color: #399ee6; } -.dxc-ayu-light .a-tq { color: #399ee6; } -.dxc-ayu-light .a-v { color: #5c6166; } -.dxc-ayu-light .a-vb { color: #fa8d3e; } -.dxc-ayu-light .a-vp { color: #5c6166; } -.dxc-ayu-light .a-c { color: #8a9199; font-style: italic; } -.dxc-ayu-light .a-cd { color: #8a9199; font-style: italic; } -.dxc-ayu-light .a-m { color: #f2ae49; } -.dxc-ayu-light .a-l { color: #55b4d4; } -.dxc-ayu-light .a-n { color: #a37acc; } -.dxc-ayu-light .a-tl { color: #5c6166; } -.dxc-ayu-light .a-em { font-style: italic; } -.dxc-ayu-light .a-st { font-weight: bold; } -.dxc-ayu-light .a-tu { color: #55b4d4; text-decoration: underline; } -.dxc-ayu-light .a-tr { color: #399ee6; } -.dxc-ayu-light .a-se { color: #4cbf99; } -.dxc-ayu-light .a-tt { color: #399ee6; font-weight: bold; } -.dxc-ayu-light .a-tx { text-decoration: line-through; } -.dxc-ayu-light .a-sp { color: #5c6166; } -.dxc-ayu-light .a-in { color: #fa8d3e; } -.dxc-ayu-light .a-sc { color: #fa8d3e; } -.dxc-ayu-light .a-rp { color: #fa8d3e; } -.dxc-ayu-light .a-cn { color: #fa8d3e; } -.dxc-ayu-light .a-ex { color: #fa8d3e; } -.dxc-ayu-light .a-pp { color: #fa8d3e; } -.dxc-ayu-light .a-ch { color: #86b300; } -.dxc-ayu-light .a-cs { color: #86b300; } -.dxc-ayu-light .a-vm { color: #5c6166; } -.dxc-ayu-light .a-fd { color: #f2ae49; } -.dxc-ayu-light .a-tf { color: #399ee6; } -.dxc-ayu-light .a-fc { color: #f2ae49; } -.dxc-ayu-light .a-km { color: #fa8d3e; } -.dxc-ayu-light .a-dr { color: #fa8d3e; } -.dxc-ayu-light .a-rx { color: #86b300; } diff --git a/assets/generated/arborium-themes/catppuccin-frappe-system-dark.css b/assets/generated/arborium-themes/catppuccin-frappe-system-dark.css new file mode 100644 index 0000000..56f358b --- /dev/null +++ b/assets/generated/arborium-themes/catppuccin-frappe-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-catppuccin-frappe { + --dxc-dark-background: #303446; + --dxc-dark-var-bg: #303446; + --dxc-dark-var-surface: #414455; + --dxc-dark-color: #c6d0f5; + --dxc-dark-var-fg: #c6d0f5; + --dxc-dark-var-accent: #8caaee; + --dxc-dark-var-muted: #737994; + --dxc-dark-a-at-color: #e5c890; + --dxc-dark-a-c-color: #737994; + --dxc-dark-a-cb-color: #ef9f76; + --dxc-dark-a-cd-color: #737994; + --dxc-dark-a-ch-color: #a6d189; + --dxc-dark-a-cn-color: #ca9ee6; + --dxc-dark-a-co-color: #ef9f76; + --dxc-dark-a-cs-color: #a6d189; + --dxc-dark-a-dr-color: #ca9ee6; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #ca9ee6; + --dxc-dark-a-f-color: #8caaee; + --dxc-dark-a-fb-color: #99d1db; + --dxc-dark-a-fc-color: #8caaee; + --dxc-dark-a-fd-color: #8caaee; + --dxc-dark-a-fm-color: #8caaee; + --dxc-dark-a-in-color: #ca9ee6; + --dxc-dark-a-k-color: #ca9ee6; + --dxc-dark-a-kc-color: #ca9ee6; + --dxc-dark-a-kd-color: #ca9ee6; + --dxc-dark-a-ke-color: #ca9ee6; + --dxc-dark-a-kf-color: #ca9ee6; + --dxc-dark-a-ki-color: #ca9ee6; + --dxc-dark-a-km-color: #ca9ee6; + --dxc-dark-a-ko-color: #ca9ee6; + --dxc-dark-a-kp-color: #ca9ee6; + --dxc-dark-a-kr-color: #ca9ee6; + --dxc-dark-a-kt-color: #ca9ee6; + --dxc-dark-a-ky-color: #ca9ee6; + --dxc-dark-a-l-color: #f4b8e4; + --dxc-dark-a-m-color: #81c8be; + --dxc-dark-a-n-color: #ef9f76; + --dxc-dark-a-o-color: #81c8be; + --dxc-dark-a-p-color: #949cbb; + --dxc-dark-a-pb-color: #949cbb; + --dxc-dark-a-pd-color: #949cbb; + --dxc-dark-a-pp-color: #ca9ee6; + --dxc-dark-a-pr-color: #8caaee; + --dxc-dark-a-ps-color: #f4b8e4; + --dxc-dark-a-rp-color: #ca9ee6; + --dxc-dark-a-rx-color: #a6d189; + --dxc-dark-a-s-color: #a6d189; + --dxc-dark-a-sc-color: #ca9ee6; + --dxc-dark-a-se-color: #ef9f76; + --dxc-dark-a-sp-color: #c6d0f5; + --dxc-dark-a-ss-color: #e78284; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #e5c890; + --dxc-dark-a-tb-color: #e5c890; + --dxc-dark-a-td-color: #8caaee; + --dxc-dark-a-te-color: #8caaee; + --dxc-dark-a-tf-color: #e5c890; + --dxc-dark-a-tg-color: #8caaee; + --dxc-dark-a-tl-color: #c6d0f5; + --dxc-dark-a-tq-color: #e5c890; + --dxc-dark-a-tr-color: #99d1db; + --dxc-dark-a-tt-color: #ca9ee6; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #8caaee; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #c6d0f5; + --dxc-dark-a-vb-color: #e78284; + --dxc-dark-a-vm-color: #c6d0f5; + --dxc-dark-a-vp-color: #ef9f76; +} diff --git a/assets/generated/arborium-themes/catppuccin-frappe-system-light.css b/assets/generated/arborium-themes/catppuccin-frappe-system-light.css new file mode 100644 index 0000000..3c4a923 --- /dev/null +++ b/assets/generated/arborium-themes/catppuccin-frappe-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-catppuccin-frappe { + --dxc-light-background: #303446; + --dxc-light-var-bg: #303446; + --dxc-light-var-surface: #414455; + --dxc-light-color: #c6d0f5; + --dxc-light-var-fg: #c6d0f5; + --dxc-light-var-accent: #8caaee; + --dxc-light-var-muted: #737994; + --dxc-light-a-at-color: #e5c890; + --dxc-light-a-c-color: #737994; + --dxc-light-a-cb-color: #ef9f76; + --dxc-light-a-cd-color: #737994; + --dxc-light-a-ch-color: #a6d189; + --dxc-light-a-cn-color: #ca9ee6; + --dxc-light-a-co-color: #ef9f76; + --dxc-light-a-cs-color: #a6d189; + --dxc-light-a-dr-color: #ca9ee6; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ca9ee6; + --dxc-light-a-f-color: #8caaee; + --dxc-light-a-fb-color: #99d1db; + --dxc-light-a-fc-color: #8caaee; + --dxc-light-a-fd-color: #8caaee; + --dxc-light-a-fm-color: #8caaee; + --dxc-light-a-in-color: #ca9ee6; + --dxc-light-a-k-color: #ca9ee6; + --dxc-light-a-kc-color: #ca9ee6; + --dxc-light-a-kd-color: #ca9ee6; + --dxc-light-a-ke-color: #ca9ee6; + --dxc-light-a-kf-color: #ca9ee6; + --dxc-light-a-ki-color: #ca9ee6; + --dxc-light-a-km-color: #ca9ee6; + --dxc-light-a-ko-color: #ca9ee6; + --dxc-light-a-kp-color: #ca9ee6; + --dxc-light-a-kr-color: #ca9ee6; + --dxc-light-a-kt-color: #ca9ee6; + --dxc-light-a-ky-color: #ca9ee6; + --dxc-light-a-l-color: #f4b8e4; + --dxc-light-a-m-color: #81c8be; + --dxc-light-a-n-color: #ef9f76; + --dxc-light-a-o-color: #81c8be; + --dxc-light-a-p-color: #949cbb; + --dxc-light-a-pb-color: #949cbb; + --dxc-light-a-pd-color: #949cbb; + --dxc-light-a-pp-color: #ca9ee6; + --dxc-light-a-pr-color: #8caaee; + --dxc-light-a-ps-color: #f4b8e4; + --dxc-light-a-rp-color: #ca9ee6; + --dxc-light-a-rx-color: #a6d189; + --dxc-light-a-s-color: #a6d189; + --dxc-light-a-sc-color: #ca9ee6; + --dxc-light-a-se-color: #ef9f76; + --dxc-light-a-sp-color: #c6d0f5; + --dxc-light-a-ss-color: #e78284; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #e5c890; + --dxc-light-a-tb-color: #e5c890; + --dxc-light-a-td-color: #8caaee; + --dxc-light-a-te-color: #8caaee; + --dxc-light-a-tf-color: #e5c890; + --dxc-light-a-tg-color: #8caaee; + --dxc-light-a-tl-color: #c6d0f5; + --dxc-light-a-tq-color: #e5c890; + --dxc-light-a-tr-color: #99d1db; + --dxc-light-a-tt-color: #ca9ee6; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #8caaee; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #c6d0f5; + --dxc-light-a-vb-color: #e78284; + --dxc-light-a-vm-color: #c6d0f5; + --dxc-light-a-vp-color: #ef9f76; +} diff --git a/assets/generated/arborium-themes/catppuccin-frappe.css b/assets/generated/arborium-themes/catppuccin-frappe.css index fc81019..983f714 100644 --- a/assets/generated/arborium-themes/catppuccin-frappe.css +++ b/assets/generated/arborium-themes/catppuccin-frappe.css @@ -1,72 +1,74 @@ .dxc-catppuccin-frappe { - background: #303446; - --bg: #303446; - --surface: #414455; - color: #c6d0f5; - --fg: #c6d0f5; - --accent: #8caaee; - --muted: #737994; + --dxc-light-background: #303446; + --dxc-light-var-bg: #303446; + --dxc-light-var-surface: #414455; + --dxc-light-color: #c6d0f5; + --dxc-light-var-fg: #c6d0f5; + --dxc-light-var-accent: #8caaee; + --dxc-light-var-muted: #737994; + --dxc-light-a-at-color: #e5c890; + --dxc-light-a-c-color: #737994; + --dxc-light-a-cb-color: #ef9f76; + --dxc-light-a-cd-color: #737994; + --dxc-light-a-ch-color: #a6d189; + --dxc-light-a-cn-color: #ca9ee6; + --dxc-light-a-co-color: #ef9f76; + --dxc-light-a-cs-color: #a6d189; + --dxc-light-a-dr-color: #ca9ee6; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ca9ee6; + --dxc-light-a-f-color: #8caaee; + --dxc-light-a-fb-color: #99d1db; + --dxc-light-a-fc-color: #8caaee; + --dxc-light-a-fd-color: #8caaee; + --dxc-light-a-fm-color: #8caaee; + --dxc-light-a-in-color: #ca9ee6; + --dxc-light-a-k-color: #ca9ee6; + --dxc-light-a-kc-color: #ca9ee6; + --dxc-light-a-kd-color: #ca9ee6; + --dxc-light-a-ke-color: #ca9ee6; + --dxc-light-a-kf-color: #ca9ee6; + --dxc-light-a-ki-color: #ca9ee6; + --dxc-light-a-km-color: #ca9ee6; + --dxc-light-a-ko-color: #ca9ee6; + --dxc-light-a-kp-color: #ca9ee6; + --dxc-light-a-kr-color: #ca9ee6; + --dxc-light-a-kt-color: #ca9ee6; + --dxc-light-a-ky-color: #ca9ee6; + --dxc-light-a-l-color: #f4b8e4; + --dxc-light-a-m-color: #81c8be; + --dxc-light-a-n-color: #ef9f76; + --dxc-light-a-o-color: #81c8be; + --dxc-light-a-p-color: #949cbb; + --dxc-light-a-pb-color: #949cbb; + --dxc-light-a-pd-color: #949cbb; + --dxc-light-a-pp-color: #ca9ee6; + --dxc-light-a-pr-color: #8caaee; + --dxc-light-a-ps-color: #f4b8e4; + --dxc-light-a-rp-color: #ca9ee6; + --dxc-light-a-rx-color: #a6d189; + --dxc-light-a-s-color: #a6d189; + --dxc-light-a-sc-color: #ca9ee6; + --dxc-light-a-se-color: #ef9f76; + --dxc-light-a-sp-color: #c6d0f5; + --dxc-light-a-ss-color: #e78284; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #e5c890; + --dxc-light-a-tb-color: #e5c890; + --dxc-light-a-td-color: #8caaee; + --dxc-light-a-te-color: #8caaee; + --dxc-light-a-tf-color: #e5c890; + --dxc-light-a-tg-color: #8caaee; + --dxc-light-a-tl-color: #c6d0f5; + --dxc-light-a-tq-color: #e5c890; + --dxc-light-a-tr-color: #99d1db; + --dxc-light-a-tt-color: #ca9ee6; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #8caaee; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #c6d0f5; + --dxc-light-a-vb-color: #e78284; + --dxc-light-a-vm-color: #c6d0f5; + --dxc-light-a-vp-color: #ef9f76; } -.dxc-catppuccin-frappe .a-at { color: #e5c890; } -.dxc-catppuccin-frappe .a-co { color: #ef9f76; } -.dxc-catppuccin-frappe .a-cb { color: #ef9f76; } -.dxc-catppuccin-frappe .a-fb { color: #99d1db; } -.dxc-catppuccin-frappe .a-f { color: #8caaee; } -.dxc-catppuccin-frappe .a-fm { color: #8caaee; } -.dxc-catppuccin-frappe .a-k { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-kc { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-ko { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-kd { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-ke { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-kf { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-ki { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-kp { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-kr { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-kt { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-ky { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-o { color: #81c8be; } -.dxc-catppuccin-frappe .a-pr { color: #8caaee; } -.dxc-catppuccin-frappe .a-p { color: #949cbb; } -.dxc-catppuccin-frappe .a-pb { color: #949cbb; } -.dxc-catppuccin-frappe .a-pd { color: #949cbb; } -.dxc-catppuccin-frappe .a-ps { color: #f4b8e4; } -.dxc-catppuccin-frappe .a-s { color: #a6d189; } -.dxc-catppuccin-frappe .a-ss { color: #e78284; } -.dxc-catppuccin-frappe .a-tg { color: #8caaee; } -.dxc-catppuccin-frappe .a-td { color: #8caaee; } -.dxc-catppuccin-frappe .a-te { color: #8caaee; } -.dxc-catppuccin-frappe .a-t { color: #e5c890; } -.dxc-catppuccin-frappe .a-tb { color: #e5c890; } -.dxc-catppuccin-frappe .a-tq { color: #e5c890; } -.dxc-catppuccin-frappe .a-v { color: #c6d0f5; } -.dxc-catppuccin-frappe .a-vb { color: #e78284; } -.dxc-catppuccin-frappe .a-vp { color: #ef9f76; } -.dxc-catppuccin-frappe .a-c { color: #737994; } -.dxc-catppuccin-frappe .a-cd { color: #737994; } -.dxc-catppuccin-frappe .a-m { color: #81c8be; } -.dxc-catppuccin-frappe .a-l { color: #f4b8e4; } -.dxc-catppuccin-frappe .a-n { color: #ef9f76; } -.dxc-catppuccin-frappe .a-tl { color: #c6d0f5; } -.dxc-catppuccin-frappe .a-em { font-style: italic; } -.dxc-catppuccin-frappe .a-st { font-weight: bold; } -.dxc-catppuccin-frappe .a-tu { color: #8caaee; text-decoration: underline; } -.dxc-catppuccin-frappe .a-tr { color: #99d1db; } -.dxc-catppuccin-frappe .a-se { color: #ef9f76; } -.dxc-catppuccin-frappe .a-tt { color: #ca9ee6; font-weight: bold; } -.dxc-catppuccin-frappe .a-tx { text-decoration: line-through; } -.dxc-catppuccin-frappe .a-sp { color: #c6d0f5; } -.dxc-catppuccin-frappe .a-in { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-sc { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-rp { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-cn { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-ex { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-pp { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-ch { color: #a6d189; } -.dxc-catppuccin-frappe .a-cs { color: #a6d189; } -.dxc-catppuccin-frappe .a-vm { color: #c6d0f5; } -.dxc-catppuccin-frappe .a-fd { color: #8caaee; } -.dxc-catppuccin-frappe .a-tf { color: #e5c890; } -.dxc-catppuccin-frappe .a-fc { color: #8caaee; } -.dxc-catppuccin-frappe .a-km { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-dr { color: #ca9ee6; } -.dxc-catppuccin-frappe .a-rx { color: #a6d189; } diff --git a/assets/generated/arborium-themes/catppuccin-latte-system-dark.css b/assets/generated/arborium-themes/catppuccin-latte-system-dark.css new file mode 100644 index 0000000..663dce8 --- /dev/null +++ b/assets/generated/arborium-themes/catppuccin-latte-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-catppuccin-latte { + --dxc-dark-background: #eff1f5; + --dxc-dark-var-bg: #eff1f5; + --dxc-dark-var-surface: #e3e5e9; + --dxc-dark-color: #4c4f69; + --dxc-dark-var-fg: #4c4f69; + --dxc-dark-var-accent: #1e66f5; + --dxc-dark-var-muted: #9ca0b0; + --dxc-dark-a-at-color: #df8e1d; + --dxc-dark-a-c-color: #9ca0b0; + --dxc-dark-a-cb-color: #fe640b; + --dxc-dark-a-cd-color: #9ca0b0; + --dxc-dark-a-ch-color: #40a02b; + --dxc-dark-a-cn-color: #8839ef; + --dxc-dark-a-co-color: #fe640b; + --dxc-dark-a-cs-color: #40a02b; + --dxc-dark-a-dr-color: #8839ef; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #8839ef; + --dxc-dark-a-f-color: #1e66f5; + --dxc-dark-a-fb-color: #04a5e5; + --dxc-dark-a-fc-color: #1e66f5; + --dxc-dark-a-fd-color: #1e66f5; + --dxc-dark-a-fm-color: #1e66f5; + --dxc-dark-a-in-color: #8839ef; + --dxc-dark-a-k-color: #8839ef; + --dxc-dark-a-kc-color: #8839ef; + --dxc-dark-a-kd-color: #8839ef; + --dxc-dark-a-ke-color: #8839ef; + --dxc-dark-a-kf-color: #8839ef; + --dxc-dark-a-ki-color: #8839ef; + --dxc-dark-a-km-color: #8839ef; + --dxc-dark-a-ko-color: #8839ef; + --dxc-dark-a-kp-color: #8839ef; + --dxc-dark-a-kr-color: #8839ef; + --dxc-dark-a-kt-color: #8839ef; + --dxc-dark-a-ky-color: #8839ef; + --dxc-dark-a-l-color: #ea76cb; + --dxc-dark-a-m-color: #179299; + --dxc-dark-a-n-color: #fe640b; + --dxc-dark-a-o-color: #179299; + --dxc-dark-a-p-color: #7c7f93; + --dxc-dark-a-pb-color: #7c7f93; + --dxc-dark-a-pd-color: #7c7f93; + --dxc-dark-a-pp-color: #8839ef; + --dxc-dark-a-pr-color: #1e66f5; + --dxc-dark-a-ps-color: #ea76cb; + --dxc-dark-a-rp-color: #8839ef; + --dxc-dark-a-rx-color: #40a02b; + --dxc-dark-a-s-color: #40a02b; + --dxc-dark-a-sc-color: #8839ef; + --dxc-dark-a-se-color: #fe640b; + --dxc-dark-a-sp-color: #4c4f69; + --dxc-dark-a-ss-color: #d20f39; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #df8e1d; + --dxc-dark-a-tb-color: #df8e1d; + --dxc-dark-a-td-color: #1e66f5; + --dxc-dark-a-te-color: #1e66f5; + --dxc-dark-a-tf-color: #df8e1d; + --dxc-dark-a-tg-color: #1e66f5; + --dxc-dark-a-tl-color: #4c4f69; + --dxc-dark-a-tq-color: #df8e1d; + --dxc-dark-a-tr-color: #04a5e5; + --dxc-dark-a-tt-color: #8839ef; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #1e66f5; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #4c4f69; + --dxc-dark-a-vb-color: #d20f39; + --dxc-dark-a-vm-color: #4c4f69; + --dxc-dark-a-vp-color: #fe640b; +} diff --git a/assets/generated/arborium-themes/catppuccin-latte-system-light.css b/assets/generated/arborium-themes/catppuccin-latte-system-light.css new file mode 100644 index 0000000..4743263 --- /dev/null +++ b/assets/generated/arborium-themes/catppuccin-latte-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-catppuccin-latte { + --dxc-light-background: #eff1f5; + --dxc-light-var-bg: #eff1f5; + --dxc-light-var-surface: #e3e5e9; + --dxc-light-color: #4c4f69; + --dxc-light-var-fg: #4c4f69; + --dxc-light-var-accent: #1e66f5; + --dxc-light-var-muted: #9ca0b0; + --dxc-light-a-at-color: #df8e1d; + --dxc-light-a-c-color: #9ca0b0; + --dxc-light-a-cb-color: #fe640b; + --dxc-light-a-cd-color: #9ca0b0; + --dxc-light-a-ch-color: #40a02b; + --dxc-light-a-cn-color: #8839ef; + --dxc-light-a-co-color: #fe640b; + --dxc-light-a-cs-color: #40a02b; + --dxc-light-a-dr-color: #8839ef; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #8839ef; + --dxc-light-a-f-color: #1e66f5; + --dxc-light-a-fb-color: #04a5e5; + --dxc-light-a-fc-color: #1e66f5; + --dxc-light-a-fd-color: #1e66f5; + --dxc-light-a-fm-color: #1e66f5; + --dxc-light-a-in-color: #8839ef; + --dxc-light-a-k-color: #8839ef; + --dxc-light-a-kc-color: #8839ef; + --dxc-light-a-kd-color: #8839ef; + --dxc-light-a-ke-color: #8839ef; + --dxc-light-a-kf-color: #8839ef; + --dxc-light-a-ki-color: #8839ef; + --dxc-light-a-km-color: #8839ef; + --dxc-light-a-ko-color: #8839ef; + --dxc-light-a-kp-color: #8839ef; + --dxc-light-a-kr-color: #8839ef; + --dxc-light-a-kt-color: #8839ef; + --dxc-light-a-ky-color: #8839ef; + --dxc-light-a-l-color: #ea76cb; + --dxc-light-a-m-color: #179299; + --dxc-light-a-n-color: #fe640b; + --dxc-light-a-o-color: #179299; + --dxc-light-a-p-color: #7c7f93; + --dxc-light-a-pb-color: #7c7f93; + --dxc-light-a-pd-color: #7c7f93; + --dxc-light-a-pp-color: #8839ef; + --dxc-light-a-pr-color: #1e66f5; + --dxc-light-a-ps-color: #ea76cb; + --dxc-light-a-rp-color: #8839ef; + --dxc-light-a-rx-color: #40a02b; + --dxc-light-a-s-color: #40a02b; + --dxc-light-a-sc-color: #8839ef; + --dxc-light-a-se-color: #fe640b; + --dxc-light-a-sp-color: #4c4f69; + --dxc-light-a-ss-color: #d20f39; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #df8e1d; + --dxc-light-a-tb-color: #df8e1d; + --dxc-light-a-td-color: #1e66f5; + --dxc-light-a-te-color: #1e66f5; + --dxc-light-a-tf-color: #df8e1d; + --dxc-light-a-tg-color: #1e66f5; + --dxc-light-a-tl-color: #4c4f69; + --dxc-light-a-tq-color: #df8e1d; + --dxc-light-a-tr-color: #04a5e5; + --dxc-light-a-tt-color: #8839ef; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #1e66f5; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #4c4f69; + --dxc-light-a-vb-color: #d20f39; + --dxc-light-a-vm-color: #4c4f69; + --dxc-light-a-vp-color: #fe640b; +} diff --git a/assets/generated/arborium-themes/catppuccin-latte.css b/assets/generated/arborium-themes/catppuccin-latte.css index 8779d05..82e3715 100644 --- a/assets/generated/arborium-themes/catppuccin-latte.css +++ b/assets/generated/arborium-themes/catppuccin-latte.css @@ -1,72 +1,74 @@ .dxc-catppuccin-latte { - background: #eff1f5; - --bg: #eff1f5; - --surface: #e3e5e9; - color: #4c4f69; - --fg: #4c4f69; - --accent: #1e66f5; - --muted: #9ca0b0; + --dxc-light-background: #eff1f5; + --dxc-light-var-bg: #eff1f5; + --dxc-light-var-surface: #e3e5e9; + --dxc-light-color: #4c4f69; + --dxc-light-var-fg: #4c4f69; + --dxc-light-var-accent: #1e66f5; + --dxc-light-var-muted: #9ca0b0; + --dxc-light-a-at-color: #df8e1d; + --dxc-light-a-c-color: #9ca0b0; + --dxc-light-a-cb-color: #fe640b; + --dxc-light-a-cd-color: #9ca0b0; + --dxc-light-a-ch-color: #40a02b; + --dxc-light-a-cn-color: #8839ef; + --dxc-light-a-co-color: #fe640b; + --dxc-light-a-cs-color: #40a02b; + --dxc-light-a-dr-color: #8839ef; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #8839ef; + --dxc-light-a-f-color: #1e66f5; + --dxc-light-a-fb-color: #04a5e5; + --dxc-light-a-fc-color: #1e66f5; + --dxc-light-a-fd-color: #1e66f5; + --dxc-light-a-fm-color: #1e66f5; + --dxc-light-a-in-color: #8839ef; + --dxc-light-a-k-color: #8839ef; + --dxc-light-a-kc-color: #8839ef; + --dxc-light-a-kd-color: #8839ef; + --dxc-light-a-ke-color: #8839ef; + --dxc-light-a-kf-color: #8839ef; + --dxc-light-a-ki-color: #8839ef; + --dxc-light-a-km-color: #8839ef; + --dxc-light-a-ko-color: #8839ef; + --dxc-light-a-kp-color: #8839ef; + --dxc-light-a-kr-color: #8839ef; + --dxc-light-a-kt-color: #8839ef; + --dxc-light-a-ky-color: #8839ef; + --dxc-light-a-l-color: #ea76cb; + --dxc-light-a-m-color: #179299; + --dxc-light-a-n-color: #fe640b; + --dxc-light-a-o-color: #179299; + --dxc-light-a-p-color: #7c7f93; + --dxc-light-a-pb-color: #7c7f93; + --dxc-light-a-pd-color: #7c7f93; + --dxc-light-a-pp-color: #8839ef; + --dxc-light-a-pr-color: #1e66f5; + --dxc-light-a-ps-color: #ea76cb; + --dxc-light-a-rp-color: #8839ef; + --dxc-light-a-rx-color: #40a02b; + --dxc-light-a-s-color: #40a02b; + --dxc-light-a-sc-color: #8839ef; + --dxc-light-a-se-color: #fe640b; + --dxc-light-a-sp-color: #4c4f69; + --dxc-light-a-ss-color: #d20f39; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #df8e1d; + --dxc-light-a-tb-color: #df8e1d; + --dxc-light-a-td-color: #1e66f5; + --dxc-light-a-te-color: #1e66f5; + --dxc-light-a-tf-color: #df8e1d; + --dxc-light-a-tg-color: #1e66f5; + --dxc-light-a-tl-color: #4c4f69; + --dxc-light-a-tq-color: #df8e1d; + --dxc-light-a-tr-color: #04a5e5; + --dxc-light-a-tt-color: #8839ef; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #1e66f5; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #4c4f69; + --dxc-light-a-vb-color: #d20f39; + --dxc-light-a-vm-color: #4c4f69; + --dxc-light-a-vp-color: #fe640b; } -.dxc-catppuccin-latte .a-at { color: #df8e1d; } -.dxc-catppuccin-latte .a-co { color: #fe640b; } -.dxc-catppuccin-latte .a-cb { color: #fe640b; } -.dxc-catppuccin-latte .a-fb { color: #04a5e5; } -.dxc-catppuccin-latte .a-f { color: #1e66f5; } -.dxc-catppuccin-latte .a-fm { color: #1e66f5; } -.dxc-catppuccin-latte .a-k { color: #8839ef; } -.dxc-catppuccin-latte .a-kc { color: #8839ef; } -.dxc-catppuccin-latte .a-ko { color: #8839ef; } -.dxc-catppuccin-latte .a-kd { color: #8839ef; } -.dxc-catppuccin-latte .a-ke { color: #8839ef; } -.dxc-catppuccin-latte .a-kf { color: #8839ef; } -.dxc-catppuccin-latte .a-ki { color: #8839ef; } -.dxc-catppuccin-latte .a-kp { color: #8839ef; } -.dxc-catppuccin-latte .a-kr { color: #8839ef; } -.dxc-catppuccin-latte .a-kt { color: #8839ef; } -.dxc-catppuccin-latte .a-ky { color: #8839ef; } -.dxc-catppuccin-latte .a-o { color: #179299; } -.dxc-catppuccin-latte .a-pr { color: #1e66f5; } -.dxc-catppuccin-latte .a-p { color: #7c7f93; } -.dxc-catppuccin-latte .a-pb { color: #7c7f93; } -.dxc-catppuccin-latte .a-pd { color: #7c7f93; } -.dxc-catppuccin-latte .a-ps { color: #ea76cb; } -.dxc-catppuccin-latte .a-s { color: #40a02b; } -.dxc-catppuccin-latte .a-ss { color: #d20f39; } -.dxc-catppuccin-latte .a-tg { color: #1e66f5; } -.dxc-catppuccin-latte .a-td { color: #1e66f5; } -.dxc-catppuccin-latte .a-te { color: #1e66f5; } -.dxc-catppuccin-latte .a-t { color: #df8e1d; } -.dxc-catppuccin-latte .a-tb { color: #df8e1d; } -.dxc-catppuccin-latte .a-tq { color: #df8e1d; } -.dxc-catppuccin-latte .a-v { color: #4c4f69; } -.dxc-catppuccin-latte .a-vb { color: #d20f39; } -.dxc-catppuccin-latte .a-vp { color: #fe640b; } -.dxc-catppuccin-latte .a-c { color: #9ca0b0; } -.dxc-catppuccin-latte .a-cd { color: #9ca0b0; } -.dxc-catppuccin-latte .a-m { color: #179299; } -.dxc-catppuccin-latte .a-l { color: #ea76cb; } -.dxc-catppuccin-latte .a-n { color: #fe640b; } -.dxc-catppuccin-latte .a-tl { color: #4c4f69; } -.dxc-catppuccin-latte .a-em { font-style: italic; } -.dxc-catppuccin-latte .a-st { font-weight: bold; } -.dxc-catppuccin-latte .a-tu { color: #1e66f5; text-decoration: underline; } -.dxc-catppuccin-latte .a-tr { color: #04a5e5; } -.dxc-catppuccin-latte .a-se { color: #fe640b; } -.dxc-catppuccin-latte .a-tt { color: #8839ef; font-weight: bold; } -.dxc-catppuccin-latte .a-tx { text-decoration: line-through; } -.dxc-catppuccin-latte .a-sp { color: #4c4f69; } -.dxc-catppuccin-latte .a-in { color: #8839ef; } -.dxc-catppuccin-latte .a-sc { color: #8839ef; } -.dxc-catppuccin-latte .a-rp { color: #8839ef; } -.dxc-catppuccin-latte .a-cn { color: #8839ef; } -.dxc-catppuccin-latte .a-ex { color: #8839ef; } -.dxc-catppuccin-latte .a-pp { color: #8839ef; } -.dxc-catppuccin-latte .a-ch { color: #40a02b; } -.dxc-catppuccin-latte .a-cs { color: #40a02b; } -.dxc-catppuccin-latte .a-vm { color: #4c4f69; } -.dxc-catppuccin-latte .a-fd { color: #1e66f5; } -.dxc-catppuccin-latte .a-tf { color: #df8e1d; } -.dxc-catppuccin-latte .a-fc { color: #1e66f5; } -.dxc-catppuccin-latte .a-km { color: #8839ef; } -.dxc-catppuccin-latte .a-dr { color: #8839ef; } -.dxc-catppuccin-latte .a-rx { color: #40a02b; } diff --git a/assets/generated/arborium-themes/catppuccin-macchiato-system-dark.css b/assets/generated/arborium-themes/catppuccin-macchiato-system-dark.css new file mode 100644 index 0000000..38c1913 --- /dev/null +++ b/assets/generated/arborium-themes/catppuccin-macchiato-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-catppuccin-macchiato { + --dxc-dark-background: #24273a; + --dxc-dark-var-bg: #24273a; + --dxc-dark-var-surface: #36384a; + --dxc-dark-color: #cad3f5; + --dxc-dark-var-fg: #cad3f5; + --dxc-dark-var-accent: #8aadf4; + --dxc-dark-var-muted: #6e738d; + --dxc-dark-a-at-color: #eed49f; + --dxc-dark-a-c-color: #6e738d; + --dxc-dark-a-cb-color: #f5a97f; + --dxc-dark-a-cd-color: #6e738d; + --dxc-dark-a-ch-color: #a6da95; + --dxc-dark-a-cn-color: #c6a0f6; + --dxc-dark-a-co-color: #f5a97f; + --dxc-dark-a-cs-color: #a6da95; + --dxc-dark-a-dr-color: #c6a0f6; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #c6a0f6; + --dxc-dark-a-f-color: #8aadf4; + --dxc-dark-a-fb-color: #91d7e3; + --dxc-dark-a-fc-color: #8aadf4; + --dxc-dark-a-fd-color: #8aadf4; + --dxc-dark-a-fm-color: #8aadf4; + --dxc-dark-a-in-color: #c6a0f6; + --dxc-dark-a-k-color: #c6a0f6; + --dxc-dark-a-kc-color: #c6a0f6; + --dxc-dark-a-kd-color: #c6a0f6; + --dxc-dark-a-ke-color: #c6a0f6; + --dxc-dark-a-kf-color: #c6a0f6; + --dxc-dark-a-ki-color: #c6a0f6; + --dxc-dark-a-km-color: #c6a0f6; + --dxc-dark-a-ko-color: #c6a0f6; + --dxc-dark-a-kp-color: #c6a0f6; + --dxc-dark-a-kr-color: #c6a0f6; + --dxc-dark-a-kt-color: #c6a0f6; + --dxc-dark-a-ky-color: #c6a0f6; + --dxc-dark-a-l-color: #f5bde6; + --dxc-dark-a-m-color: #8bd5ca; + --dxc-dark-a-n-color: #f5a97f; + --dxc-dark-a-o-color: #8bd5ca; + --dxc-dark-a-p-color: #939ab7; + --dxc-dark-a-pb-color: #939ab7; + --dxc-dark-a-pd-color: #939ab7; + --dxc-dark-a-pp-color: #c6a0f6; + --dxc-dark-a-pr-color: #8aadf4; + --dxc-dark-a-ps-color: #f5bde6; + --dxc-dark-a-rp-color: #c6a0f6; + --dxc-dark-a-rx-color: #a6da95; + --dxc-dark-a-s-color: #a6da95; + --dxc-dark-a-sc-color: #c6a0f6; + --dxc-dark-a-se-color: #f5a97f; + --dxc-dark-a-sp-color: #cad3f5; + --dxc-dark-a-ss-color: #ed8796; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #eed49f; + --dxc-dark-a-tb-color: #eed49f; + --dxc-dark-a-td-color: #8aadf4; + --dxc-dark-a-te-color: #8aadf4; + --dxc-dark-a-tf-color: #eed49f; + --dxc-dark-a-tg-color: #8aadf4; + --dxc-dark-a-tl-color: #cad3f5; + --dxc-dark-a-tq-color: #eed49f; + --dxc-dark-a-tr-color: #91d7e3; + --dxc-dark-a-tt-color: #c6a0f6; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #8aadf4; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #cad3f5; + --dxc-dark-a-vb-color: #ed8796; + --dxc-dark-a-vm-color: #cad3f5; + --dxc-dark-a-vp-color: #f5a97f; +} diff --git a/assets/generated/arborium-themes/catppuccin-macchiato-system-light.css b/assets/generated/arborium-themes/catppuccin-macchiato-system-light.css new file mode 100644 index 0000000..6f43c66 --- /dev/null +++ b/assets/generated/arborium-themes/catppuccin-macchiato-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-catppuccin-macchiato { + --dxc-light-background: #24273a; + --dxc-light-var-bg: #24273a; + --dxc-light-var-surface: #36384a; + --dxc-light-color: #cad3f5; + --dxc-light-var-fg: #cad3f5; + --dxc-light-var-accent: #8aadf4; + --dxc-light-var-muted: #6e738d; + --dxc-light-a-at-color: #eed49f; + --dxc-light-a-c-color: #6e738d; + --dxc-light-a-cb-color: #f5a97f; + --dxc-light-a-cd-color: #6e738d; + --dxc-light-a-ch-color: #a6da95; + --dxc-light-a-cn-color: #c6a0f6; + --dxc-light-a-co-color: #f5a97f; + --dxc-light-a-cs-color: #a6da95; + --dxc-light-a-dr-color: #c6a0f6; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #c6a0f6; + --dxc-light-a-f-color: #8aadf4; + --dxc-light-a-fb-color: #91d7e3; + --dxc-light-a-fc-color: #8aadf4; + --dxc-light-a-fd-color: #8aadf4; + --dxc-light-a-fm-color: #8aadf4; + --dxc-light-a-in-color: #c6a0f6; + --dxc-light-a-k-color: #c6a0f6; + --dxc-light-a-kc-color: #c6a0f6; + --dxc-light-a-kd-color: #c6a0f6; + --dxc-light-a-ke-color: #c6a0f6; + --dxc-light-a-kf-color: #c6a0f6; + --dxc-light-a-ki-color: #c6a0f6; + --dxc-light-a-km-color: #c6a0f6; + --dxc-light-a-ko-color: #c6a0f6; + --dxc-light-a-kp-color: #c6a0f6; + --dxc-light-a-kr-color: #c6a0f6; + --dxc-light-a-kt-color: #c6a0f6; + --dxc-light-a-ky-color: #c6a0f6; + --dxc-light-a-l-color: #f5bde6; + --dxc-light-a-m-color: #8bd5ca; + --dxc-light-a-n-color: #f5a97f; + --dxc-light-a-o-color: #8bd5ca; + --dxc-light-a-p-color: #939ab7; + --dxc-light-a-pb-color: #939ab7; + --dxc-light-a-pd-color: #939ab7; + --dxc-light-a-pp-color: #c6a0f6; + --dxc-light-a-pr-color: #8aadf4; + --dxc-light-a-ps-color: #f5bde6; + --dxc-light-a-rp-color: #c6a0f6; + --dxc-light-a-rx-color: #a6da95; + --dxc-light-a-s-color: #a6da95; + --dxc-light-a-sc-color: #c6a0f6; + --dxc-light-a-se-color: #f5a97f; + --dxc-light-a-sp-color: #cad3f5; + --dxc-light-a-ss-color: #ed8796; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #eed49f; + --dxc-light-a-tb-color: #eed49f; + --dxc-light-a-td-color: #8aadf4; + --dxc-light-a-te-color: #8aadf4; + --dxc-light-a-tf-color: #eed49f; + --dxc-light-a-tg-color: #8aadf4; + --dxc-light-a-tl-color: #cad3f5; + --dxc-light-a-tq-color: #eed49f; + --dxc-light-a-tr-color: #91d7e3; + --dxc-light-a-tt-color: #c6a0f6; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #8aadf4; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #cad3f5; + --dxc-light-a-vb-color: #ed8796; + --dxc-light-a-vm-color: #cad3f5; + --dxc-light-a-vp-color: #f5a97f; +} diff --git a/assets/generated/arborium-themes/catppuccin-macchiato.css b/assets/generated/arborium-themes/catppuccin-macchiato.css index ee83980..243e5a9 100644 --- a/assets/generated/arborium-themes/catppuccin-macchiato.css +++ b/assets/generated/arborium-themes/catppuccin-macchiato.css @@ -1,72 +1,74 @@ .dxc-catppuccin-macchiato { - background: #24273a; - --bg: #24273a; - --surface: #36384a; - color: #cad3f5; - --fg: #cad3f5; - --accent: #8aadf4; - --muted: #6e738d; + --dxc-light-background: #24273a; + --dxc-light-var-bg: #24273a; + --dxc-light-var-surface: #36384a; + --dxc-light-color: #cad3f5; + --dxc-light-var-fg: #cad3f5; + --dxc-light-var-accent: #8aadf4; + --dxc-light-var-muted: #6e738d; + --dxc-light-a-at-color: #eed49f; + --dxc-light-a-c-color: #6e738d; + --dxc-light-a-cb-color: #f5a97f; + --dxc-light-a-cd-color: #6e738d; + --dxc-light-a-ch-color: #a6da95; + --dxc-light-a-cn-color: #c6a0f6; + --dxc-light-a-co-color: #f5a97f; + --dxc-light-a-cs-color: #a6da95; + --dxc-light-a-dr-color: #c6a0f6; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #c6a0f6; + --dxc-light-a-f-color: #8aadf4; + --dxc-light-a-fb-color: #91d7e3; + --dxc-light-a-fc-color: #8aadf4; + --dxc-light-a-fd-color: #8aadf4; + --dxc-light-a-fm-color: #8aadf4; + --dxc-light-a-in-color: #c6a0f6; + --dxc-light-a-k-color: #c6a0f6; + --dxc-light-a-kc-color: #c6a0f6; + --dxc-light-a-kd-color: #c6a0f6; + --dxc-light-a-ke-color: #c6a0f6; + --dxc-light-a-kf-color: #c6a0f6; + --dxc-light-a-ki-color: #c6a0f6; + --dxc-light-a-km-color: #c6a0f6; + --dxc-light-a-ko-color: #c6a0f6; + --dxc-light-a-kp-color: #c6a0f6; + --dxc-light-a-kr-color: #c6a0f6; + --dxc-light-a-kt-color: #c6a0f6; + --dxc-light-a-ky-color: #c6a0f6; + --dxc-light-a-l-color: #f5bde6; + --dxc-light-a-m-color: #8bd5ca; + --dxc-light-a-n-color: #f5a97f; + --dxc-light-a-o-color: #8bd5ca; + --dxc-light-a-p-color: #939ab7; + --dxc-light-a-pb-color: #939ab7; + --dxc-light-a-pd-color: #939ab7; + --dxc-light-a-pp-color: #c6a0f6; + --dxc-light-a-pr-color: #8aadf4; + --dxc-light-a-ps-color: #f5bde6; + --dxc-light-a-rp-color: #c6a0f6; + --dxc-light-a-rx-color: #a6da95; + --dxc-light-a-s-color: #a6da95; + --dxc-light-a-sc-color: #c6a0f6; + --dxc-light-a-se-color: #f5a97f; + --dxc-light-a-sp-color: #cad3f5; + --dxc-light-a-ss-color: #ed8796; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #eed49f; + --dxc-light-a-tb-color: #eed49f; + --dxc-light-a-td-color: #8aadf4; + --dxc-light-a-te-color: #8aadf4; + --dxc-light-a-tf-color: #eed49f; + --dxc-light-a-tg-color: #8aadf4; + --dxc-light-a-tl-color: #cad3f5; + --dxc-light-a-tq-color: #eed49f; + --dxc-light-a-tr-color: #91d7e3; + --dxc-light-a-tt-color: #c6a0f6; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #8aadf4; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #cad3f5; + --dxc-light-a-vb-color: #ed8796; + --dxc-light-a-vm-color: #cad3f5; + --dxc-light-a-vp-color: #f5a97f; } -.dxc-catppuccin-macchiato .a-at { color: #eed49f; } -.dxc-catppuccin-macchiato .a-co { color: #f5a97f; } -.dxc-catppuccin-macchiato .a-cb { color: #f5a97f; } -.dxc-catppuccin-macchiato .a-fb { color: #91d7e3; } -.dxc-catppuccin-macchiato .a-f { color: #8aadf4; } -.dxc-catppuccin-macchiato .a-fm { color: #8aadf4; } -.dxc-catppuccin-macchiato .a-k { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-kc { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-ko { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-kd { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-ke { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-kf { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-ki { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-kp { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-kr { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-kt { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-ky { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-o { color: #8bd5ca; } -.dxc-catppuccin-macchiato .a-pr { color: #8aadf4; } -.dxc-catppuccin-macchiato .a-p { color: #939ab7; } -.dxc-catppuccin-macchiato .a-pb { color: #939ab7; } -.dxc-catppuccin-macchiato .a-pd { color: #939ab7; } -.dxc-catppuccin-macchiato .a-ps { color: #f5bde6; } -.dxc-catppuccin-macchiato .a-s { color: #a6da95; } -.dxc-catppuccin-macchiato .a-ss { color: #ed8796; } -.dxc-catppuccin-macchiato .a-tg { color: #8aadf4; } -.dxc-catppuccin-macchiato .a-td { color: #8aadf4; } -.dxc-catppuccin-macchiato .a-te { color: #8aadf4; } -.dxc-catppuccin-macchiato .a-t { color: #eed49f; } -.dxc-catppuccin-macchiato .a-tb { color: #eed49f; } -.dxc-catppuccin-macchiato .a-tq { color: #eed49f; } -.dxc-catppuccin-macchiato .a-v { color: #cad3f5; } -.dxc-catppuccin-macchiato .a-vb { color: #ed8796; } -.dxc-catppuccin-macchiato .a-vp { color: #f5a97f; } -.dxc-catppuccin-macchiato .a-c { color: #6e738d; } -.dxc-catppuccin-macchiato .a-cd { color: #6e738d; } -.dxc-catppuccin-macchiato .a-m { color: #8bd5ca; } -.dxc-catppuccin-macchiato .a-l { color: #f5bde6; } -.dxc-catppuccin-macchiato .a-n { color: #f5a97f; } -.dxc-catppuccin-macchiato .a-tl { color: #cad3f5; } -.dxc-catppuccin-macchiato .a-em { font-style: italic; } -.dxc-catppuccin-macchiato .a-st { font-weight: bold; } -.dxc-catppuccin-macchiato .a-tu { color: #8aadf4; text-decoration: underline; } -.dxc-catppuccin-macchiato .a-tr { color: #91d7e3; } -.dxc-catppuccin-macchiato .a-se { color: #f5a97f; } -.dxc-catppuccin-macchiato .a-tt { color: #c6a0f6; font-weight: bold; } -.dxc-catppuccin-macchiato .a-tx { text-decoration: line-through; } -.dxc-catppuccin-macchiato .a-sp { color: #cad3f5; } -.dxc-catppuccin-macchiato .a-in { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-sc { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-rp { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-cn { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-ex { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-pp { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-ch { color: #a6da95; } -.dxc-catppuccin-macchiato .a-cs { color: #a6da95; } -.dxc-catppuccin-macchiato .a-vm { color: #cad3f5; } -.dxc-catppuccin-macchiato .a-fd { color: #8aadf4; } -.dxc-catppuccin-macchiato .a-tf { color: #eed49f; } -.dxc-catppuccin-macchiato .a-fc { color: #8aadf4; } -.dxc-catppuccin-macchiato .a-km { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-dr { color: #c6a0f6; } -.dxc-catppuccin-macchiato .a-rx { color: #a6da95; } diff --git a/assets/generated/arborium-themes/catppuccin-mocha-system-dark.css b/assets/generated/arborium-themes/catppuccin-mocha-system-dark.css new file mode 100644 index 0000000..fbf39c8 --- /dev/null +++ b/assets/generated/arborium-themes/catppuccin-mocha-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-catppuccin-mocha { + --dxc-dark-background: #1e1e2e; + --dxc-dark-var-bg: #1e1e2e; + --dxc-dark-var-surface: #30303f; + --dxc-dark-color: #cdd6f4; + --dxc-dark-var-fg: #cdd6f4; + --dxc-dark-var-accent: #89b4fa; + --dxc-dark-var-muted: #6c7086; + --dxc-dark-a-at-color: #f9e2af; + --dxc-dark-a-c-color: #6c7086; + --dxc-dark-a-cb-color: #fab387; + --dxc-dark-a-cd-color: #6c7086; + --dxc-dark-a-ch-color: #a6e3a1; + --dxc-dark-a-cn-color: #cba6f7; + --dxc-dark-a-co-color: #fab387; + --dxc-dark-a-cs-color: #a6e3a1; + --dxc-dark-a-dr-color: #cba6f7; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #cba6f7; + --dxc-dark-a-f-color: #89b4fa; + --dxc-dark-a-fb-color: #89dceb; + --dxc-dark-a-fc-color: #89b4fa; + --dxc-dark-a-fd-color: #89b4fa; + --dxc-dark-a-fm-color: #89b4fa; + --dxc-dark-a-in-color: #cba6f7; + --dxc-dark-a-k-color: #cba6f7; + --dxc-dark-a-kc-color: #cba6f7; + --dxc-dark-a-kd-color: #cba6f7; + --dxc-dark-a-ke-color: #cba6f7; + --dxc-dark-a-kf-color: #cba6f7; + --dxc-dark-a-ki-color: #cba6f7; + --dxc-dark-a-km-color: #cba6f7; + --dxc-dark-a-ko-color: #cba6f7; + --dxc-dark-a-kp-color: #cba6f7; + --dxc-dark-a-kr-color: #cba6f7; + --dxc-dark-a-kt-color: #cba6f7; + --dxc-dark-a-ky-color: #cba6f7; + --dxc-dark-a-l-color: #f5c2e7; + --dxc-dark-a-m-color: #94e2d5; + --dxc-dark-a-n-color: #fab387; + --dxc-dark-a-o-color: #94e2d5; + --dxc-dark-a-p-color: #9399b2; + --dxc-dark-a-pb-color: #9399b2; + --dxc-dark-a-pd-color: #9399b2; + --dxc-dark-a-pp-color: #cba6f7; + --dxc-dark-a-pr-color: #89b4fa; + --dxc-dark-a-ps-color: #f5c2e7; + --dxc-dark-a-rp-color: #cba6f7; + --dxc-dark-a-rx-color: #a6e3a1; + --dxc-dark-a-s-color: #a6e3a1; + --dxc-dark-a-sc-color: #cba6f7; + --dxc-dark-a-se-color: #fab387; + --dxc-dark-a-sp-color: #cdd6f4; + --dxc-dark-a-ss-color: #f38ba8; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #f9e2af; + --dxc-dark-a-tb-color: #f9e2af; + --dxc-dark-a-td-color: #89b4fa; + --dxc-dark-a-te-color: #89b4fa; + --dxc-dark-a-tf-color: #f9e2af; + --dxc-dark-a-tg-color: #89b4fa; + --dxc-dark-a-tl-color: #cdd6f4; + --dxc-dark-a-tq-color: #f9e2af; + --dxc-dark-a-tr-color: #89dceb; + --dxc-dark-a-tt-color: #cba6f7; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #89b4fa; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #cdd6f4; + --dxc-dark-a-vb-color: #f38ba8; + --dxc-dark-a-vm-color: #cdd6f4; + --dxc-dark-a-vp-color: #fab387; +} diff --git a/assets/generated/arborium-themes/catppuccin-mocha-system-light.css b/assets/generated/arborium-themes/catppuccin-mocha-system-light.css new file mode 100644 index 0000000..10a15f6 --- /dev/null +++ b/assets/generated/arborium-themes/catppuccin-mocha-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-catppuccin-mocha { + --dxc-light-background: #1e1e2e; + --dxc-light-var-bg: #1e1e2e; + --dxc-light-var-surface: #30303f; + --dxc-light-color: #cdd6f4; + --dxc-light-var-fg: #cdd6f4; + --dxc-light-var-accent: #89b4fa; + --dxc-light-var-muted: #6c7086; + --dxc-light-a-at-color: #f9e2af; + --dxc-light-a-c-color: #6c7086; + --dxc-light-a-cb-color: #fab387; + --dxc-light-a-cd-color: #6c7086; + --dxc-light-a-ch-color: #a6e3a1; + --dxc-light-a-cn-color: #cba6f7; + --dxc-light-a-co-color: #fab387; + --dxc-light-a-cs-color: #a6e3a1; + --dxc-light-a-dr-color: #cba6f7; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #cba6f7; + --dxc-light-a-f-color: #89b4fa; + --dxc-light-a-fb-color: #89dceb; + --dxc-light-a-fc-color: #89b4fa; + --dxc-light-a-fd-color: #89b4fa; + --dxc-light-a-fm-color: #89b4fa; + --dxc-light-a-in-color: #cba6f7; + --dxc-light-a-k-color: #cba6f7; + --dxc-light-a-kc-color: #cba6f7; + --dxc-light-a-kd-color: #cba6f7; + --dxc-light-a-ke-color: #cba6f7; + --dxc-light-a-kf-color: #cba6f7; + --dxc-light-a-ki-color: #cba6f7; + --dxc-light-a-km-color: #cba6f7; + --dxc-light-a-ko-color: #cba6f7; + --dxc-light-a-kp-color: #cba6f7; + --dxc-light-a-kr-color: #cba6f7; + --dxc-light-a-kt-color: #cba6f7; + --dxc-light-a-ky-color: #cba6f7; + --dxc-light-a-l-color: #f5c2e7; + --dxc-light-a-m-color: #94e2d5; + --dxc-light-a-n-color: #fab387; + --dxc-light-a-o-color: #94e2d5; + --dxc-light-a-p-color: #9399b2; + --dxc-light-a-pb-color: #9399b2; + --dxc-light-a-pd-color: #9399b2; + --dxc-light-a-pp-color: #cba6f7; + --dxc-light-a-pr-color: #89b4fa; + --dxc-light-a-ps-color: #f5c2e7; + --dxc-light-a-rp-color: #cba6f7; + --dxc-light-a-rx-color: #a6e3a1; + --dxc-light-a-s-color: #a6e3a1; + --dxc-light-a-sc-color: #cba6f7; + --dxc-light-a-se-color: #fab387; + --dxc-light-a-sp-color: #cdd6f4; + --dxc-light-a-ss-color: #f38ba8; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #f9e2af; + --dxc-light-a-tb-color: #f9e2af; + --dxc-light-a-td-color: #89b4fa; + --dxc-light-a-te-color: #89b4fa; + --dxc-light-a-tf-color: #f9e2af; + --dxc-light-a-tg-color: #89b4fa; + --dxc-light-a-tl-color: #cdd6f4; + --dxc-light-a-tq-color: #f9e2af; + --dxc-light-a-tr-color: #89dceb; + --dxc-light-a-tt-color: #cba6f7; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #89b4fa; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #cdd6f4; + --dxc-light-a-vb-color: #f38ba8; + --dxc-light-a-vm-color: #cdd6f4; + --dxc-light-a-vp-color: #fab387; +} diff --git a/assets/generated/arborium-themes/catppuccin-mocha.css b/assets/generated/arborium-themes/catppuccin-mocha.css index 7020e50..c188413 100644 --- a/assets/generated/arborium-themes/catppuccin-mocha.css +++ b/assets/generated/arborium-themes/catppuccin-mocha.css @@ -1,72 +1,74 @@ .dxc-catppuccin-mocha { - background: #1e1e2e; - --bg: #1e1e2e; - --surface: #30303f; - color: #cdd6f4; - --fg: #cdd6f4; - --accent: #89b4fa; - --muted: #6c7086; + --dxc-light-background: #1e1e2e; + --dxc-light-var-bg: #1e1e2e; + --dxc-light-var-surface: #30303f; + --dxc-light-color: #cdd6f4; + --dxc-light-var-fg: #cdd6f4; + --dxc-light-var-accent: #89b4fa; + --dxc-light-var-muted: #6c7086; + --dxc-light-a-at-color: #f9e2af; + --dxc-light-a-c-color: #6c7086; + --dxc-light-a-cb-color: #fab387; + --dxc-light-a-cd-color: #6c7086; + --dxc-light-a-ch-color: #a6e3a1; + --dxc-light-a-cn-color: #cba6f7; + --dxc-light-a-co-color: #fab387; + --dxc-light-a-cs-color: #a6e3a1; + --dxc-light-a-dr-color: #cba6f7; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #cba6f7; + --dxc-light-a-f-color: #89b4fa; + --dxc-light-a-fb-color: #89dceb; + --dxc-light-a-fc-color: #89b4fa; + --dxc-light-a-fd-color: #89b4fa; + --dxc-light-a-fm-color: #89b4fa; + --dxc-light-a-in-color: #cba6f7; + --dxc-light-a-k-color: #cba6f7; + --dxc-light-a-kc-color: #cba6f7; + --dxc-light-a-kd-color: #cba6f7; + --dxc-light-a-ke-color: #cba6f7; + --dxc-light-a-kf-color: #cba6f7; + --dxc-light-a-ki-color: #cba6f7; + --dxc-light-a-km-color: #cba6f7; + --dxc-light-a-ko-color: #cba6f7; + --dxc-light-a-kp-color: #cba6f7; + --dxc-light-a-kr-color: #cba6f7; + --dxc-light-a-kt-color: #cba6f7; + --dxc-light-a-ky-color: #cba6f7; + --dxc-light-a-l-color: #f5c2e7; + --dxc-light-a-m-color: #94e2d5; + --dxc-light-a-n-color: #fab387; + --dxc-light-a-o-color: #94e2d5; + --dxc-light-a-p-color: #9399b2; + --dxc-light-a-pb-color: #9399b2; + --dxc-light-a-pd-color: #9399b2; + --dxc-light-a-pp-color: #cba6f7; + --dxc-light-a-pr-color: #89b4fa; + --dxc-light-a-ps-color: #f5c2e7; + --dxc-light-a-rp-color: #cba6f7; + --dxc-light-a-rx-color: #a6e3a1; + --dxc-light-a-s-color: #a6e3a1; + --dxc-light-a-sc-color: #cba6f7; + --dxc-light-a-se-color: #fab387; + --dxc-light-a-sp-color: #cdd6f4; + --dxc-light-a-ss-color: #f38ba8; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #f9e2af; + --dxc-light-a-tb-color: #f9e2af; + --dxc-light-a-td-color: #89b4fa; + --dxc-light-a-te-color: #89b4fa; + --dxc-light-a-tf-color: #f9e2af; + --dxc-light-a-tg-color: #89b4fa; + --dxc-light-a-tl-color: #cdd6f4; + --dxc-light-a-tq-color: #f9e2af; + --dxc-light-a-tr-color: #89dceb; + --dxc-light-a-tt-color: #cba6f7; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #89b4fa; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #cdd6f4; + --dxc-light-a-vb-color: #f38ba8; + --dxc-light-a-vm-color: #cdd6f4; + --dxc-light-a-vp-color: #fab387; } -.dxc-catppuccin-mocha .a-at { color: #f9e2af; } -.dxc-catppuccin-mocha .a-co { color: #fab387; } -.dxc-catppuccin-mocha .a-cb { color: #fab387; } -.dxc-catppuccin-mocha .a-fb { color: #89dceb; } -.dxc-catppuccin-mocha .a-f { color: #89b4fa; } -.dxc-catppuccin-mocha .a-fm { color: #89b4fa; } -.dxc-catppuccin-mocha .a-k { color: #cba6f7; } -.dxc-catppuccin-mocha .a-kc { color: #cba6f7; } -.dxc-catppuccin-mocha .a-ko { color: #cba6f7; } -.dxc-catppuccin-mocha .a-kd { color: #cba6f7; } -.dxc-catppuccin-mocha .a-ke { color: #cba6f7; } -.dxc-catppuccin-mocha .a-kf { color: #cba6f7; } -.dxc-catppuccin-mocha .a-ki { color: #cba6f7; } -.dxc-catppuccin-mocha .a-kp { color: #cba6f7; } -.dxc-catppuccin-mocha .a-kr { color: #cba6f7; } -.dxc-catppuccin-mocha .a-kt { color: #cba6f7; } -.dxc-catppuccin-mocha .a-ky { color: #cba6f7; } -.dxc-catppuccin-mocha .a-o { color: #94e2d5; } -.dxc-catppuccin-mocha .a-pr { color: #89b4fa; } -.dxc-catppuccin-mocha .a-p { color: #9399b2; } -.dxc-catppuccin-mocha .a-pb { color: #9399b2; } -.dxc-catppuccin-mocha .a-pd { color: #9399b2; } -.dxc-catppuccin-mocha .a-ps { color: #f5c2e7; } -.dxc-catppuccin-mocha .a-s { color: #a6e3a1; } -.dxc-catppuccin-mocha .a-ss { color: #f38ba8; } -.dxc-catppuccin-mocha .a-tg { color: #89b4fa; } -.dxc-catppuccin-mocha .a-td { color: #89b4fa; } -.dxc-catppuccin-mocha .a-te { color: #89b4fa; } -.dxc-catppuccin-mocha .a-t { color: #f9e2af; } -.dxc-catppuccin-mocha .a-tb { color: #f9e2af; } -.dxc-catppuccin-mocha .a-tq { color: #f9e2af; } -.dxc-catppuccin-mocha .a-v { color: #cdd6f4; } -.dxc-catppuccin-mocha .a-vb { color: #f38ba8; } -.dxc-catppuccin-mocha .a-vp { color: #fab387; } -.dxc-catppuccin-mocha .a-c { color: #6c7086; } -.dxc-catppuccin-mocha .a-cd { color: #6c7086; } -.dxc-catppuccin-mocha .a-m { color: #94e2d5; } -.dxc-catppuccin-mocha .a-l { color: #f5c2e7; } -.dxc-catppuccin-mocha .a-n { color: #fab387; } -.dxc-catppuccin-mocha .a-tl { color: #cdd6f4; } -.dxc-catppuccin-mocha .a-em { font-style: italic; } -.dxc-catppuccin-mocha .a-st { font-weight: bold; } -.dxc-catppuccin-mocha .a-tu { color: #89b4fa; text-decoration: underline; } -.dxc-catppuccin-mocha .a-tr { color: #89dceb; } -.dxc-catppuccin-mocha .a-se { color: #fab387; } -.dxc-catppuccin-mocha .a-tt { color: #cba6f7; font-weight: bold; } -.dxc-catppuccin-mocha .a-tx { text-decoration: line-through; } -.dxc-catppuccin-mocha .a-sp { color: #cdd6f4; } -.dxc-catppuccin-mocha .a-in { color: #cba6f7; } -.dxc-catppuccin-mocha .a-sc { color: #cba6f7; } -.dxc-catppuccin-mocha .a-rp { color: #cba6f7; } -.dxc-catppuccin-mocha .a-cn { color: #cba6f7; } -.dxc-catppuccin-mocha .a-ex { color: #cba6f7; } -.dxc-catppuccin-mocha .a-pp { color: #cba6f7; } -.dxc-catppuccin-mocha .a-ch { color: #a6e3a1; } -.dxc-catppuccin-mocha .a-cs { color: #a6e3a1; } -.dxc-catppuccin-mocha .a-vm { color: #cdd6f4; } -.dxc-catppuccin-mocha .a-fd { color: #89b4fa; } -.dxc-catppuccin-mocha .a-tf { color: #f9e2af; } -.dxc-catppuccin-mocha .a-fc { color: #89b4fa; } -.dxc-catppuccin-mocha .a-km { color: #cba6f7; } -.dxc-catppuccin-mocha .a-dr { color: #cba6f7; } -.dxc-catppuccin-mocha .a-rx { color: #a6e3a1; } diff --git a/assets/generated/arborium-themes/cobalt2-system-dark.css b/assets/generated/arborium-themes/cobalt2-system-dark.css new file mode 100644 index 0000000..52497d9 --- /dev/null +++ b/assets/generated/arborium-themes/cobalt2-system-dark.css @@ -0,0 +1,76 @@ +.dxc-system-dark-cobalt2 { + --dxc-dark-background: #193549; + --dxc-dark-var-bg: #193549; + --dxc-dark-var-surface: #2b4558; + --dxc-dark-color: #ffffff; + --dxc-dark-var-fg: #ffffff; + --dxc-dark-var-accent: #ffc600; + --dxc-dark-var-muted: #0088ff; + --dxc-dark-a-at-color: #ffc600; + --dxc-dark-a-c-color: #0088ff; + --dxc-dark-a-c-font-style: italic; + --dxc-dark-a-cb-color: #ff628c; + --dxc-dark-a-cd-color: #0088ff; + --dxc-dark-a-cd-font-style: italic; + --dxc-dark-a-ch-color: #a5ff90; + --dxc-dark-a-cn-color: #ff9d00; + --dxc-dark-a-co-color: #ff628c; + --dxc-dark-a-cs-color: #a5ff90; + --dxc-dark-a-dr-color: #ff9d00; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #ff9d00; + --dxc-dark-a-f-color: #ffc600; + --dxc-dark-a-fb-color: #ff9d00; + --dxc-dark-a-fc-color: #ffc600; + --dxc-dark-a-fd-color: #ffc600; + --dxc-dark-a-fm-color: #ffc600; + --dxc-dark-a-in-color: #ff9d00; + --dxc-dark-a-k-color: #ff9d00; + --dxc-dark-a-kc-color: #ff9d00; + --dxc-dark-a-kd-color: #ff9d00; + --dxc-dark-a-ke-color: #ff9d00; + --dxc-dark-a-kf-color: #ff9d00; + --dxc-dark-a-ki-color: #ff9d00; + --dxc-dark-a-km-color: #ff9d00; + --dxc-dark-a-ko-color: #ff9d00; + --dxc-dark-a-kp-color: #ff9d00; + --dxc-dark-a-kr-color: #ff9d00; + --dxc-dark-a-kt-color: #ff9d00; + --dxc-dark-a-ky-color: #ff9d00; + --dxc-dark-a-l-color: #9effff; + --dxc-dark-a-m-color: #ff9d00; + --dxc-dark-a-n-color: #ff628c; + --dxc-dark-a-o-color: #ffffff; + --dxc-dark-a-p-color: #ffffff; + --dxc-dark-a-pb-color: #ffffff; + --dxc-dark-a-pd-color: #ffffff; + --dxc-dark-a-pp-color: #ff9d00; + --dxc-dark-a-pr-color: #9effff; + --dxc-dark-a-ps-color: #9effff; + --dxc-dark-a-rp-color: #ff9d00; + --dxc-dark-a-rx-color: #a5ff90; + --dxc-dark-a-s-color: #a5ff90; + --dxc-dark-a-sc-color: #ff9d00; + --dxc-dark-a-se-color: #ff628c; + --dxc-dark-a-sp-color: #ffffff; + --dxc-dark-a-ss-color: #3ad900; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #ff68b8; + --dxc-dark-a-tb-color: #ff68b8; + --dxc-dark-a-td-color: #ffc600; + --dxc-dark-a-te-color: #ffc600; + --dxc-dark-a-tf-color: #ff68b8; + --dxc-dark-a-tg-color: #ffc600; + --dxc-dark-a-tl-color: #ffffff; + --dxc-dark-a-tq-color: #ff68b8; + --dxc-dark-a-tr-color: #9effff; + --dxc-dark-a-tt-color: #ffc600; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #0088ff; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #e1efff; + --dxc-dark-a-vb-color: #ff628c; + --dxc-dark-a-vm-color: #e1efff; + --dxc-dark-a-vp-color: #e1efff; +} diff --git a/assets/generated/arborium-themes/cobalt2-system-light.css b/assets/generated/arborium-themes/cobalt2-system-light.css new file mode 100644 index 0000000..7107914 --- /dev/null +++ b/assets/generated/arborium-themes/cobalt2-system-light.css @@ -0,0 +1,76 @@ +.dxc-system-light-cobalt2 { + --dxc-light-background: #193549; + --dxc-light-var-bg: #193549; + --dxc-light-var-surface: #2b4558; + --dxc-light-color: #ffffff; + --dxc-light-var-fg: #ffffff; + --dxc-light-var-accent: #ffc600; + --dxc-light-var-muted: #0088ff; + --dxc-light-a-at-color: #ffc600; + --dxc-light-a-c-color: #0088ff; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #ff628c; + --dxc-light-a-cd-color: #0088ff; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #a5ff90; + --dxc-light-a-cn-color: #ff9d00; + --dxc-light-a-co-color: #ff628c; + --dxc-light-a-cs-color: #a5ff90; + --dxc-light-a-dr-color: #ff9d00; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ff9d00; + --dxc-light-a-f-color: #ffc600; + --dxc-light-a-fb-color: #ff9d00; + --dxc-light-a-fc-color: #ffc600; + --dxc-light-a-fd-color: #ffc600; + --dxc-light-a-fm-color: #ffc600; + --dxc-light-a-in-color: #ff9d00; + --dxc-light-a-k-color: #ff9d00; + --dxc-light-a-kc-color: #ff9d00; + --dxc-light-a-kd-color: #ff9d00; + --dxc-light-a-ke-color: #ff9d00; + --dxc-light-a-kf-color: #ff9d00; + --dxc-light-a-ki-color: #ff9d00; + --dxc-light-a-km-color: #ff9d00; + --dxc-light-a-ko-color: #ff9d00; + --dxc-light-a-kp-color: #ff9d00; + --dxc-light-a-kr-color: #ff9d00; + --dxc-light-a-kt-color: #ff9d00; + --dxc-light-a-ky-color: #ff9d00; + --dxc-light-a-l-color: #9effff; + --dxc-light-a-m-color: #ff9d00; + --dxc-light-a-n-color: #ff628c; + --dxc-light-a-o-color: #ffffff; + --dxc-light-a-p-color: #ffffff; + --dxc-light-a-pb-color: #ffffff; + --dxc-light-a-pd-color: #ffffff; + --dxc-light-a-pp-color: #ff9d00; + --dxc-light-a-pr-color: #9effff; + --dxc-light-a-ps-color: #9effff; + --dxc-light-a-rp-color: #ff9d00; + --dxc-light-a-rx-color: #a5ff90; + --dxc-light-a-s-color: #a5ff90; + --dxc-light-a-sc-color: #ff9d00; + --dxc-light-a-se-color: #ff628c; + --dxc-light-a-sp-color: #ffffff; + --dxc-light-a-ss-color: #3ad900; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #ff68b8; + --dxc-light-a-tb-color: #ff68b8; + --dxc-light-a-td-color: #ffc600; + --dxc-light-a-te-color: #ffc600; + --dxc-light-a-tf-color: #ff68b8; + --dxc-light-a-tg-color: #ffc600; + --dxc-light-a-tl-color: #ffffff; + --dxc-light-a-tq-color: #ff68b8; + --dxc-light-a-tr-color: #9effff; + --dxc-light-a-tt-color: #ffc600; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #0088ff; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #e1efff; + --dxc-light-a-vb-color: #ff628c; + --dxc-light-a-vm-color: #e1efff; + --dxc-light-a-vp-color: #e1efff; +} diff --git a/assets/generated/arborium-themes/cobalt2.css b/assets/generated/arborium-themes/cobalt2.css index 954b905..9bc38f7 100644 --- a/assets/generated/arborium-themes/cobalt2.css +++ b/assets/generated/arborium-themes/cobalt2.css @@ -1,72 +1,76 @@ .dxc-cobalt2 { - background: #193549; - --bg: #193549; - --surface: #2b4558; - color: #ffffff; - --fg: #ffffff; - --accent: #ffc600; - --muted: #0088ff; + --dxc-light-background: #193549; + --dxc-light-var-bg: #193549; + --dxc-light-var-surface: #2b4558; + --dxc-light-color: #ffffff; + --dxc-light-var-fg: #ffffff; + --dxc-light-var-accent: #ffc600; + --dxc-light-var-muted: #0088ff; + --dxc-light-a-at-color: #ffc600; + --dxc-light-a-c-color: #0088ff; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #ff628c; + --dxc-light-a-cd-color: #0088ff; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #a5ff90; + --dxc-light-a-cn-color: #ff9d00; + --dxc-light-a-co-color: #ff628c; + --dxc-light-a-cs-color: #a5ff90; + --dxc-light-a-dr-color: #ff9d00; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ff9d00; + --dxc-light-a-f-color: #ffc600; + --dxc-light-a-fb-color: #ff9d00; + --dxc-light-a-fc-color: #ffc600; + --dxc-light-a-fd-color: #ffc600; + --dxc-light-a-fm-color: #ffc600; + --dxc-light-a-in-color: #ff9d00; + --dxc-light-a-k-color: #ff9d00; + --dxc-light-a-kc-color: #ff9d00; + --dxc-light-a-kd-color: #ff9d00; + --dxc-light-a-ke-color: #ff9d00; + --dxc-light-a-kf-color: #ff9d00; + --dxc-light-a-ki-color: #ff9d00; + --dxc-light-a-km-color: #ff9d00; + --dxc-light-a-ko-color: #ff9d00; + --dxc-light-a-kp-color: #ff9d00; + --dxc-light-a-kr-color: #ff9d00; + --dxc-light-a-kt-color: #ff9d00; + --dxc-light-a-ky-color: #ff9d00; + --dxc-light-a-l-color: #9effff; + --dxc-light-a-m-color: #ff9d00; + --dxc-light-a-n-color: #ff628c; + --dxc-light-a-o-color: #ffffff; + --dxc-light-a-p-color: #ffffff; + --dxc-light-a-pb-color: #ffffff; + --dxc-light-a-pd-color: #ffffff; + --dxc-light-a-pp-color: #ff9d00; + --dxc-light-a-pr-color: #9effff; + --dxc-light-a-ps-color: #9effff; + --dxc-light-a-rp-color: #ff9d00; + --dxc-light-a-rx-color: #a5ff90; + --dxc-light-a-s-color: #a5ff90; + --dxc-light-a-sc-color: #ff9d00; + --dxc-light-a-se-color: #ff628c; + --dxc-light-a-sp-color: #ffffff; + --dxc-light-a-ss-color: #3ad900; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #ff68b8; + --dxc-light-a-tb-color: #ff68b8; + --dxc-light-a-td-color: #ffc600; + --dxc-light-a-te-color: #ffc600; + --dxc-light-a-tf-color: #ff68b8; + --dxc-light-a-tg-color: #ffc600; + --dxc-light-a-tl-color: #ffffff; + --dxc-light-a-tq-color: #ff68b8; + --dxc-light-a-tr-color: #9effff; + --dxc-light-a-tt-color: #ffc600; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #0088ff; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #e1efff; + --dxc-light-a-vb-color: #ff628c; + --dxc-light-a-vm-color: #e1efff; + --dxc-light-a-vp-color: #e1efff; } -.dxc-cobalt2 .a-at { color: #ffc600; } -.dxc-cobalt2 .a-co { color: #ff628c; } -.dxc-cobalt2 .a-cb { color: #ff628c; } -.dxc-cobalt2 .a-fb { color: #ff9d00; } -.dxc-cobalt2 .a-f { color: #ffc600; } -.dxc-cobalt2 .a-fm { color: #ffc600; } -.dxc-cobalt2 .a-k { color: #ff9d00; } -.dxc-cobalt2 .a-kc { color: #ff9d00; } -.dxc-cobalt2 .a-ko { color: #ff9d00; } -.dxc-cobalt2 .a-kd { color: #ff9d00; } -.dxc-cobalt2 .a-ke { color: #ff9d00; } -.dxc-cobalt2 .a-kf { color: #ff9d00; } -.dxc-cobalt2 .a-ki { color: #ff9d00; } -.dxc-cobalt2 .a-kp { color: #ff9d00; } -.dxc-cobalt2 .a-kr { color: #ff9d00; } -.dxc-cobalt2 .a-kt { color: #ff9d00; } -.dxc-cobalt2 .a-ky { color: #ff9d00; } -.dxc-cobalt2 .a-o { color: #ffffff; } -.dxc-cobalt2 .a-pr { color: #9effff; } -.dxc-cobalt2 .a-p { color: #ffffff; } -.dxc-cobalt2 .a-pb { color: #ffffff; } -.dxc-cobalt2 .a-pd { color: #ffffff; } -.dxc-cobalt2 .a-ps { color: #9effff; } -.dxc-cobalt2 .a-s { color: #a5ff90; } -.dxc-cobalt2 .a-ss { color: #3ad900; } -.dxc-cobalt2 .a-tg { color: #ffc600; } -.dxc-cobalt2 .a-td { color: #ffc600; } -.dxc-cobalt2 .a-te { color: #ffc600; } -.dxc-cobalt2 .a-t { color: #ff68b8; } -.dxc-cobalt2 .a-tb { color: #ff68b8; } -.dxc-cobalt2 .a-tq { color: #ff68b8; } -.dxc-cobalt2 .a-v { color: #e1efff; } -.dxc-cobalt2 .a-vb { color: #ff628c; } -.dxc-cobalt2 .a-vp { color: #e1efff; } -.dxc-cobalt2 .a-c { color: #0088ff; font-style: italic; } -.dxc-cobalt2 .a-cd { color: #0088ff; font-style: italic; } -.dxc-cobalt2 .a-m { color: #ff9d00; } -.dxc-cobalt2 .a-l { color: #9effff; } -.dxc-cobalt2 .a-n { color: #ff628c; } -.dxc-cobalt2 .a-tl { color: #ffffff; } -.dxc-cobalt2 .a-em { font-style: italic; } -.dxc-cobalt2 .a-st { font-weight: bold; } -.dxc-cobalt2 .a-tu { color: #0088ff; text-decoration: underline; } -.dxc-cobalt2 .a-tr { color: #9effff; } -.dxc-cobalt2 .a-se { color: #ff628c; } -.dxc-cobalt2 .a-tt { color: #ffc600; font-weight: bold; } -.dxc-cobalt2 .a-tx { text-decoration: line-through; } -.dxc-cobalt2 .a-sp { color: #ffffff; } -.dxc-cobalt2 .a-in { color: #ff9d00; } -.dxc-cobalt2 .a-sc { color: #ff9d00; } -.dxc-cobalt2 .a-rp { color: #ff9d00; } -.dxc-cobalt2 .a-cn { color: #ff9d00; } -.dxc-cobalt2 .a-ex { color: #ff9d00; } -.dxc-cobalt2 .a-pp { color: #ff9d00; } -.dxc-cobalt2 .a-ch { color: #a5ff90; } -.dxc-cobalt2 .a-cs { color: #a5ff90; } -.dxc-cobalt2 .a-vm { color: #e1efff; } -.dxc-cobalt2 .a-fd { color: #ffc600; } -.dxc-cobalt2 .a-tf { color: #ff68b8; } -.dxc-cobalt2 .a-fc { color: #ffc600; } -.dxc-cobalt2 .a-km { color: #ff9d00; } -.dxc-cobalt2 .a-dr { color: #ff9d00; } -.dxc-cobalt2 .a-rx { color: #a5ff90; } diff --git a/assets/generated/arborium-themes/dayfox-system-dark.css b/assets/generated/arborium-themes/dayfox-system-dark.css new file mode 100644 index 0000000..cece4cf --- /dev/null +++ b/assets/generated/arborium-themes/dayfox-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-dayfox { + --dxc-dark-background: #f6f2ee; + --dxc-dark-var-bg: #f6f2ee; + --dxc-dark-var-surface: #eae6e2; + --dxc-dark-color: #3d2b5a; + --dxc-dark-var-fg: #3d2b5a; + --dxc-dark-var-accent: #2848a9; + --dxc-dark-var-muted: #837a72; + --dxc-dark-a-at-color: #955f61; + --dxc-dark-a-c-color: #837a72; + --dxc-dark-a-cb-color: #287980; + --dxc-dark-a-cd-color: #837a72; + --dxc-dark-a-ch-color: #396847; + --dxc-dark-a-cn-color: #6e33ce; + --dxc-dark-a-co-color: #287980; + --dxc-dark-a-cs-color: #396847; + --dxc-dark-a-dr-color: #6e33ce; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #6e33ce; + --dxc-dark-a-f-color: #2848a9; + --dxc-dark-a-fb-color: #287980; + --dxc-dark-a-fc-color: #2848a9; + --dxc-dark-a-fd-color: #2848a9; + --dxc-dark-a-fm-color: #2848a9; + --dxc-dark-a-in-color: #6e33ce; + --dxc-dark-a-k-color: #6e33ce; + --dxc-dark-a-kc-color: #6e33ce; + --dxc-dark-a-kd-color: #6e33ce; + --dxc-dark-a-ke-color: #6e33ce; + --dxc-dark-a-kf-color: #6e33ce; + --dxc-dark-a-ki-color: #6e33ce; + --dxc-dark-a-km-color: #6e33ce; + --dxc-dark-a-ko-color: #6e33ce; + --dxc-dark-a-kp-color: #6e33ce; + --dxc-dark-a-kr-color: #6e33ce; + --dxc-dark-a-kt-color: #6e33ce; + --dxc-dark-a-ky-color: #6e33ce; + --dxc-dark-a-l-color: #a440b5; + --dxc-dark-a-m-color: #287980; + --dxc-dark-a-n-color: #955f61; + --dxc-dark-a-o-color: #3d2b5a; + --dxc-dark-a-p-color: #824d5b; + --dxc-dark-a-pb-color: #824d5b; + --dxc-dark-a-pd-color: #824d5b; + --dxc-dark-a-pp-color: #6e33ce; + --dxc-dark-a-pr-color: #287980; + --dxc-dark-a-ps-color: #a440b5; + --dxc-dark-a-rp-color: #6e33ce; + --dxc-dark-a-rx-color: #396847; + --dxc-dark-a-s-color: #396847; + --dxc-dark-a-sc-color: #6e33ce; + --dxc-dark-a-se-color: #a440b5; + --dxc-dark-a-sp-color: #3d2b5a; + --dxc-dark-a-ss-color: #955f61; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #ac5402; + --dxc-dark-a-tb-color: #ac5402; + --dxc-dark-a-td-color: #6e33ce; + --dxc-dark-a-te-color: #6e33ce; + --dxc-dark-a-tf-color: #ac5402; + --dxc-dark-a-tg-color: #6e33ce; + --dxc-dark-a-tl-color: #3d2b5a; + --dxc-dark-a-tq-color: #ac5402; + --dxc-dark-a-tr-color: #287980; + --dxc-dark-a-tt-color: #2848a9; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #2848a9; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #3d2b5a; + --dxc-dark-a-vb-color: #a5222f; + --dxc-dark-a-vm-color: #3d2b5a; + --dxc-dark-a-vp-color: #643f61; +} diff --git a/assets/generated/arborium-themes/dayfox-system-light.css b/assets/generated/arborium-themes/dayfox-system-light.css new file mode 100644 index 0000000..737d1ca --- /dev/null +++ b/assets/generated/arborium-themes/dayfox-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-dayfox { + --dxc-light-background: #f6f2ee; + --dxc-light-var-bg: #f6f2ee; + --dxc-light-var-surface: #eae6e2; + --dxc-light-color: #3d2b5a; + --dxc-light-var-fg: #3d2b5a; + --dxc-light-var-accent: #2848a9; + --dxc-light-var-muted: #837a72; + --dxc-light-a-at-color: #955f61; + --dxc-light-a-c-color: #837a72; + --dxc-light-a-cb-color: #287980; + --dxc-light-a-cd-color: #837a72; + --dxc-light-a-ch-color: #396847; + --dxc-light-a-cn-color: #6e33ce; + --dxc-light-a-co-color: #287980; + --dxc-light-a-cs-color: #396847; + --dxc-light-a-dr-color: #6e33ce; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #6e33ce; + --dxc-light-a-f-color: #2848a9; + --dxc-light-a-fb-color: #287980; + --dxc-light-a-fc-color: #2848a9; + --dxc-light-a-fd-color: #2848a9; + --dxc-light-a-fm-color: #2848a9; + --dxc-light-a-in-color: #6e33ce; + --dxc-light-a-k-color: #6e33ce; + --dxc-light-a-kc-color: #6e33ce; + --dxc-light-a-kd-color: #6e33ce; + --dxc-light-a-ke-color: #6e33ce; + --dxc-light-a-kf-color: #6e33ce; + --dxc-light-a-ki-color: #6e33ce; + --dxc-light-a-km-color: #6e33ce; + --dxc-light-a-ko-color: #6e33ce; + --dxc-light-a-kp-color: #6e33ce; + --dxc-light-a-kr-color: #6e33ce; + --dxc-light-a-kt-color: #6e33ce; + --dxc-light-a-ky-color: #6e33ce; + --dxc-light-a-l-color: #a440b5; + --dxc-light-a-m-color: #287980; + --dxc-light-a-n-color: #955f61; + --dxc-light-a-o-color: #3d2b5a; + --dxc-light-a-p-color: #824d5b; + --dxc-light-a-pb-color: #824d5b; + --dxc-light-a-pd-color: #824d5b; + --dxc-light-a-pp-color: #6e33ce; + --dxc-light-a-pr-color: #287980; + --dxc-light-a-ps-color: #a440b5; + --dxc-light-a-rp-color: #6e33ce; + --dxc-light-a-rx-color: #396847; + --dxc-light-a-s-color: #396847; + --dxc-light-a-sc-color: #6e33ce; + --dxc-light-a-se-color: #a440b5; + --dxc-light-a-sp-color: #3d2b5a; + --dxc-light-a-ss-color: #955f61; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #ac5402; + --dxc-light-a-tb-color: #ac5402; + --dxc-light-a-td-color: #6e33ce; + --dxc-light-a-te-color: #6e33ce; + --dxc-light-a-tf-color: #ac5402; + --dxc-light-a-tg-color: #6e33ce; + --dxc-light-a-tl-color: #3d2b5a; + --dxc-light-a-tq-color: #ac5402; + --dxc-light-a-tr-color: #287980; + --dxc-light-a-tt-color: #2848a9; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #2848a9; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #3d2b5a; + --dxc-light-a-vb-color: #a5222f; + --dxc-light-a-vm-color: #3d2b5a; + --dxc-light-a-vp-color: #643f61; +} diff --git a/assets/generated/arborium-themes/dayfox.css b/assets/generated/arborium-themes/dayfox.css index 3f379cc..5acb137 100644 --- a/assets/generated/arborium-themes/dayfox.css +++ b/assets/generated/arborium-themes/dayfox.css @@ -1,72 +1,74 @@ .dxc-dayfox { - background: #f6f2ee; - --bg: #f6f2ee; - --surface: #eae6e2; - color: #3d2b5a; - --fg: #3d2b5a; - --accent: #2848a9; - --muted: #837a72; + --dxc-light-background: #f6f2ee; + --dxc-light-var-bg: #f6f2ee; + --dxc-light-var-surface: #eae6e2; + --dxc-light-color: #3d2b5a; + --dxc-light-var-fg: #3d2b5a; + --dxc-light-var-accent: #2848a9; + --dxc-light-var-muted: #837a72; + --dxc-light-a-at-color: #955f61; + --dxc-light-a-c-color: #837a72; + --dxc-light-a-cb-color: #287980; + --dxc-light-a-cd-color: #837a72; + --dxc-light-a-ch-color: #396847; + --dxc-light-a-cn-color: #6e33ce; + --dxc-light-a-co-color: #287980; + --dxc-light-a-cs-color: #396847; + --dxc-light-a-dr-color: #6e33ce; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #6e33ce; + --dxc-light-a-f-color: #2848a9; + --dxc-light-a-fb-color: #287980; + --dxc-light-a-fc-color: #2848a9; + --dxc-light-a-fd-color: #2848a9; + --dxc-light-a-fm-color: #2848a9; + --dxc-light-a-in-color: #6e33ce; + --dxc-light-a-k-color: #6e33ce; + --dxc-light-a-kc-color: #6e33ce; + --dxc-light-a-kd-color: #6e33ce; + --dxc-light-a-ke-color: #6e33ce; + --dxc-light-a-kf-color: #6e33ce; + --dxc-light-a-ki-color: #6e33ce; + --dxc-light-a-km-color: #6e33ce; + --dxc-light-a-ko-color: #6e33ce; + --dxc-light-a-kp-color: #6e33ce; + --dxc-light-a-kr-color: #6e33ce; + --dxc-light-a-kt-color: #6e33ce; + --dxc-light-a-ky-color: #6e33ce; + --dxc-light-a-l-color: #a440b5; + --dxc-light-a-m-color: #287980; + --dxc-light-a-n-color: #955f61; + --dxc-light-a-o-color: #3d2b5a; + --dxc-light-a-p-color: #824d5b; + --dxc-light-a-pb-color: #824d5b; + --dxc-light-a-pd-color: #824d5b; + --dxc-light-a-pp-color: #6e33ce; + --dxc-light-a-pr-color: #287980; + --dxc-light-a-ps-color: #a440b5; + --dxc-light-a-rp-color: #6e33ce; + --dxc-light-a-rx-color: #396847; + --dxc-light-a-s-color: #396847; + --dxc-light-a-sc-color: #6e33ce; + --dxc-light-a-se-color: #a440b5; + --dxc-light-a-sp-color: #3d2b5a; + --dxc-light-a-ss-color: #955f61; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #ac5402; + --dxc-light-a-tb-color: #ac5402; + --dxc-light-a-td-color: #6e33ce; + --dxc-light-a-te-color: #6e33ce; + --dxc-light-a-tf-color: #ac5402; + --dxc-light-a-tg-color: #6e33ce; + --dxc-light-a-tl-color: #3d2b5a; + --dxc-light-a-tq-color: #ac5402; + --dxc-light-a-tr-color: #287980; + --dxc-light-a-tt-color: #2848a9; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #2848a9; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #3d2b5a; + --dxc-light-a-vb-color: #a5222f; + --dxc-light-a-vm-color: #3d2b5a; + --dxc-light-a-vp-color: #643f61; } -.dxc-dayfox .a-at { color: #955f61; } -.dxc-dayfox .a-co { color: #287980; } -.dxc-dayfox .a-cb { color: #287980; } -.dxc-dayfox .a-fb { color: #287980; } -.dxc-dayfox .a-f { color: #2848a9; } -.dxc-dayfox .a-fm { color: #2848a9; } -.dxc-dayfox .a-k { color: #6e33ce; } -.dxc-dayfox .a-kc { color: #6e33ce; } -.dxc-dayfox .a-ko { color: #6e33ce; } -.dxc-dayfox .a-kd { color: #6e33ce; } -.dxc-dayfox .a-ke { color: #6e33ce; } -.dxc-dayfox .a-kf { color: #6e33ce; } -.dxc-dayfox .a-ki { color: #6e33ce; } -.dxc-dayfox .a-kp { color: #6e33ce; } -.dxc-dayfox .a-kr { color: #6e33ce; } -.dxc-dayfox .a-kt { color: #6e33ce; } -.dxc-dayfox .a-ky { color: #6e33ce; } -.dxc-dayfox .a-o { color: #3d2b5a; } -.dxc-dayfox .a-pr { color: #287980; } -.dxc-dayfox .a-p { color: #824d5b; } -.dxc-dayfox .a-pb { color: #824d5b; } -.dxc-dayfox .a-pd { color: #824d5b; } -.dxc-dayfox .a-ps { color: #a440b5; } -.dxc-dayfox .a-s { color: #396847; } -.dxc-dayfox .a-ss { color: #955f61; } -.dxc-dayfox .a-tg { color: #6e33ce; } -.dxc-dayfox .a-td { color: #6e33ce; } -.dxc-dayfox .a-te { color: #6e33ce; } -.dxc-dayfox .a-t { color: #ac5402; } -.dxc-dayfox .a-tb { color: #ac5402; } -.dxc-dayfox .a-tq { color: #ac5402; } -.dxc-dayfox .a-v { color: #3d2b5a; } -.dxc-dayfox .a-vb { color: #a5222f; } -.dxc-dayfox .a-vp { color: #643f61; } -.dxc-dayfox .a-c { color: #837a72; } -.dxc-dayfox .a-cd { color: #837a72; } -.dxc-dayfox .a-m { color: #287980; } -.dxc-dayfox .a-l { color: #a440b5; } -.dxc-dayfox .a-n { color: #955f61; } -.dxc-dayfox .a-tl { color: #3d2b5a; } -.dxc-dayfox .a-em { font-style: italic; } -.dxc-dayfox .a-st { font-weight: bold; } -.dxc-dayfox .a-tu { color: #2848a9; text-decoration: underline; } -.dxc-dayfox .a-tr { color: #287980; } -.dxc-dayfox .a-se { color: #a440b5; } -.dxc-dayfox .a-tt { color: #2848a9; font-weight: bold; } -.dxc-dayfox .a-tx { text-decoration: line-through; } -.dxc-dayfox .a-sp { color: #3d2b5a; } -.dxc-dayfox .a-in { color: #6e33ce; } -.dxc-dayfox .a-sc { color: #6e33ce; } -.dxc-dayfox .a-rp { color: #6e33ce; } -.dxc-dayfox .a-cn { color: #6e33ce; } -.dxc-dayfox .a-ex { color: #6e33ce; } -.dxc-dayfox .a-pp { color: #6e33ce; } -.dxc-dayfox .a-ch { color: #396847; } -.dxc-dayfox .a-cs { color: #396847; } -.dxc-dayfox .a-vm { color: #3d2b5a; } -.dxc-dayfox .a-fd { color: #2848a9; } -.dxc-dayfox .a-tf { color: #ac5402; } -.dxc-dayfox .a-fc { color: #2848a9; } -.dxc-dayfox .a-km { color: #6e33ce; } -.dxc-dayfox .a-dr { color: #6e33ce; } -.dxc-dayfox .a-rx { color: #396847; } diff --git a/assets/generated/arborium-themes/desert256-system-dark.css b/assets/generated/arborium-themes/desert256-system-dark.css new file mode 100644 index 0000000..5cce979 --- /dev/null +++ b/assets/generated/arborium-themes/desert256-system-dark.css @@ -0,0 +1,96 @@ +.dxc-system-dark-desert256 { + --dxc-dark-background: #000000; + --dxc-dark-var-bg: #000000; + --dxc-dark-var-surface: #141414; + --dxc-dark-color: #cccccc; + --dxc-dark-var-fg: #cccccc; + --dxc-dark-var-accent: #f0e68c; + --dxc-dark-var-muted: #87ceeb; + --dxc-dark-a-at-color: #cd5c5c; + --dxc-dark-a-c-color: #87ceeb; + --dxc-dark-a-cb-color: #ffa0a0; + --dxc-dark-a-cd-color: #87ceeb; + --dxc-dark-a-ch-color: #ffa0a0; + --dxc-dark-a-cn-color: #f0e68c; + --dxc-dark-a-cn-font-weight: bold; + --dxc-dark-a-co-color: #ffa0a0; + --dxc-dark-a-cs-color: #ffa0a0; + --dxc-dark-a-dr-color: #f0e68c; + --dxc-dark-a-dr-font-weight: bold; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #f0e68c; + --dxc-dark-a-ex-font-weight: bold; + --dxc-dark-a-f-color: #f0e68c; + --dxc-dark-a-fb-color: #f0e68c; + --dxc-dark-a-fc-color: #f0e68c; + --dxc-dark-a-fd-color: #f0e68c; + --dxc-dark-a-fm-color: #f0e68c; + --dxc-dark-a-in-color: #f0e68c; + --dxc-dark-a-in-font-weight: bold; + --dxc-dark-a-k-color: #f0e68c; + --dxc-dark-a-k-font-weight: bold; + --dxc-dark-a-kc-color: #f0e68c; + --dxc-dark-a-kc-font-weight: bold; + --dxc-dark-a-kd-color: #f0e68c; + --dxc-dark-a-kd-font-weight: bold; + --dxc-dark-a-ke-color: #f0e68c; + --dxc-dark-a-ke-font-weight: bold; + --dxc-dark-a-kf-color: #f0e68c; + --dxc-dark-a-kf-font-weight: bold; + --dxc-dark-a-ki-color: #f0e68c; + --dxc-dark-a-ki-font-weight: bold; + --dxc-dark-a-km-color: #f0e68c; + --dxc-dark-a-km-font-weight: bold; + --dxc-dark-a-ko-color: #f0e68c; + --dxc-dark-a-ko-font-weight: bold; + --dxc-dark-a-kp-color: #f0e68c; + --dxc-dark-a-kp-font-weight: bold; + --dxc-dark-a-kr-color: #f0e68c; + --dxc-dark-a-kr-font-weight: bold; + --dxc-dark-a-kt-color: #f0e68c; + --dxc-dark-a-kt-font-weight: bold; + --dxc-dark-a-ky-color: #f0e68c; + --dxc-dark-a-ky-font-weight: bold; + --dxc-dark-a-l-color: #f0e68c; + --dxc-dark-a-m-color: #cd5c5c; + --dxc-dark-a-n-color: #ffa0a0; + --dxc-dark-a-o-color: #cccccc; + --dxc-dark-a-p-color: #cccccc; + --dxc-dark-a-pb-color: #cccccc; + --dxc-dark-a-pd-color: #cccccc; + --dxc-dark-a-pp-color: #f0e68c; + --dxc-dark-a-pp-font-weight: bold; + --dxc-dark-a-pr-color: #98fb98; + --dxc-dark-a-ps-color: #ffdead; + --dxc-dark-a-rp-color: #f0e68c; + --dxc-dark-a-rp-font-weight: bold; + --dxc-dark-a-rx-color: #ffa0a0; + --dxc-dark-a-s-color: #ffa0a0; + --dxc-dark-a-sc-color: #f0e68c; + --dxc-dark-a-sc-font-weight: bold; + --dxc-dark-a-se-color: #ffdead; + --dxc-dark-a-sp-color: #cccccc; + --dxc-dark-a-ss-color: #ffdead; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #bdb76b; + --dxc-dark-a-t-font-weight: bold; + --dxc-dark-a-tb-color: #bdb76b; + --dxc-dark-a-td-color: #f0e68c; + --dxc-dark-a-te-color: #f0e68c; + --dxc-dark-a-tf-color: #bdb76b; + --dxc-dark-a-tf-font-weight: bold; + --dxc-dark-a-tg-color: #f0e68c; + --dxc-dark-a-tl-color: #cccccc; + --dxc-dark-a-tq-color: #bdb76b; + --dxc-dark-a-tq-font-weight: bold; + --dxc-dark-a-tr-color: #87ceeb; + --dxc-dark-a-tt-color: #f0e68c; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #87ceeb; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #98fb98; + --dxc-dark-a-vb-color: #ffa0a0; + --dxc-dark-a-vm-color: #98fb98; + --dxc-dark-a-vp-color: #98fb98; +} diff --git a/assets/generated/arborium-themes/desert256-system-light.css b/assets/generated/arborium-themes/desert256-system-light.css new file mode 100644 index 0000000..387b2b1 --- /dev/null +++ b/assets/generated/arborium-themes/desert256-system-light.css @@ -0,0 +1,96 @@ +.dxc-system-light-desert256 { + --dxc-light-background: #000000; + --dxc-light-var-bg: #000000; + --dxc-light-var-surface: #141414; + --dxc-light-color: #cccccc; + --dxc-light-var-fg: #cccccc; + --dxc-light-var-accent: #f0e68c; + --dxc-light-var-muted: #87ceeb; + --dxc-light-a-at-color: #cd5c5c; + --dxc-light-a-c-color: #87ceeb; + --dxc-light-a-cb-color: #ffa0a0; + --dxc-light-a-cd-color: #87ceeb; + --dxc-light-a-ch-color: #ffa0a0; + --dxc-light-a-cn-color: #f0e68c; + --dxc-light-a-cn-font-weight: bold; + --dxc-light-a-co-color: #ffa0a0; + --dxc-light-a-cs-color: #ffa0a0; + --dxc-light-a-dr-color: #f0e68c; + --dxc-light-a-dr-font-weight: bold; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #f0e68c; + --dxc-light-a-ex-font-weight: bold; + --dxc-light-a-f-color: #f0e68c; + --dxc-light-a-fb-color: #f0e68c; + --dxc-light-a-fc-color: #f0e68c; + --dxc-light-a-fd-color: #f0e68c; + --dxc-light-a-fm-color: #f0e68c; + --dxc-light-a-in-color: #f0e68c; + --dxc-light-a-in-font-weight: bold; + --dxc-light-a-k-color: #f0e68c; + --dxc-light-a-k-font-weight: bold; + --dxc-light-a-kc-color: #f0e68c; + --dxc-light-a-kc-font-weight: bold; + --dxc-light-a-kd-color: #f0e68c; + --dxc-light-a-kd-font-weight: bold; + --dxc-light-a-ke-color: #f0e68c; + --dxc-light-a-ke-font-weight: bold; + --dxc-light-a-kf-color: #f0e68c; + --dxc-light-a-kf-font-weight: bold; + --dxc-light-a-ki-color: #f0e68c; + --dxc-light-a-ki-font-weight: bold; + --dxc-light-a-km-color: #f0e68c; + --dxc-light-a-km-font-weight: bold; + --dxc-light-a-ko-color: #f0e68c; + --dxc-light-a-ko-font-weight: bold; + --dxc-light-a-kp-color: #f0e68c; + --dxc-light-a-kp-font-weight: bold; + --dxc-light-a-kr-color: #f0e68c; + --dxc-light-a-kr-font-weight: bold; + --dxc-light-a-kt-color: #f0e68c; + --dxc-light-a-kt-font-weight: bold; + --dxc-light-a-ky-color: #f0e68c; + --dxc-light-a-ky-font-weight: bold; + --dxc-light-a-l-color: #f0e68c; + --dxc-light-a-m-color: #cd5c5c; + --dxc-light-a-n-color: #ffa0a0; + --dxc-light-a-o-color: #cccccc; + --dxc-light-a-p-color: #cccccc; + --dxc-light-a-pb-color: #cccccc; + --dxc-light-a-pd-color: #cccccc; + --dxc-light-a-pp-color: #f0e68c; + --dxc-light-a-pp-font-weight: bold; + --dxc-light-a-pr-color: #98fb98; + --dxc-light-a-ps-color: #ffdead; + --dxc-light-a-rp-color: #f0e68c; + --dxc-light-a-rp-font-weight: bold; + --dxc-light-a-rx-color: #ffa0a0; + --dxc-light-a-s-color: #ffa0a0; + --dxc-light-a-sc-color: #f0e68c; + --dxc-light-a-sc-font-weight: bold; + --dxc-light-a-se-color: #ffdead; + --dxc-light-a-sp-color: #cccccc; + --dxc-light-a-ss-color: #ffdead; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #bdb76b; + --dxc-light-a-t-font-weight: bold; + --dxc-light-a-tb-color: #bdb76b; + --dxc-light-a-td-color: #f0e68c; + --dxc-light-a-te-color: #f0e68c; + --dxc-light-a-tf-color: #bdb76b; + --dxc-light-a-tf-font-weight: bold; + --dxc-light-a-tg-color: #f0e68c; + --dxc-light-a-tl-color: #cccccc; + --dxc-light-a-tq-color: #bdb76b; + --dxc-light-a-tq-font-weight: bold; + --dxc-light-a-tr-color: #87ceeb; + --dxc-light-a-tt-color: #f0e68c; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #87ceeb; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #98fb98; + --dxc-light-a-vb-color: #ffa0a0; + --dxc-light-a-vm-color: #98fb98; + --dxc-light-a-vp-color: #98fb98; +} diff --git a/assets/generated/arborium-themes/desert256.css b/assets/generated/arborium-themes/desert256.css index 47dd41d..7e755d6 100644 --- a/assets/generated/arborium-themes/desert256.css +++ b/assets/generated/arborium-themes/desert256.css @@ -1,72 +1,96 @@ .dxc-desert256 { - background: #000000; - --bg: #000000; - --surface: #141414; - color: #cccccc; - --fg: #cccccc; - --accent: #f0e68c; - --muted: #87ceeb; + --dxc-light-background: #000000; + --dxc-light-var-bg: #000000; + --dxc-light-var-surface: #141414; + --dxc-light-color: #cccccc; + --dxc-light-var-fg: #cccccc; + --dxc-light-var-accent: #f0e68c; + --dxc-light-var-muted: #87ceeb; + --dxc-light-a-at-color: #cd5c5c; + --dxc-light-a-c-color: #87ceeb; + --dxc-light-a-cb-color: #ffa0a0; + --dxc-light-a-cd-color: #87ceeb; + --dxc-light-a-ch-color: #ffa0a0; + --dxc-light-a-cn-color: #f0e68c; + --dxc-light-a-cn-font-weight: bold; + --dxc-light-a-co-color: #ffa0a0; + --dxc-light-a-cs-color: #ffa0a0; + --dxc-light-a-dr-color: #f0e68c; + --dxc-light-a-dr-font-weight: bold; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #f0e68c; + --dxc-light-a-ex-font-weight: bold; + --dxc-light-a-f-color: #f0e68c; + --dxc-light-a-fb-color: #f0e68c; + --dxc-light-a-fc-color: #f0e68c; + --dxc-light-a-fd-color: #f0e68c; + --dxc-light-a-fm-color: #f0e68c; + --dxc-light-a-in-color: #f0e68c; + --dxc-light-a-in-font-weight: bold; + --dxc-light-a-k-color: #f0e68c; + --dxc-light-a-k-font-weight: bold; + --dxc-light-a-kc-color: #f0e68c; + --dxc-light-a-kc-font-weight: bold; + --dxc-light-a-kd-color: #f0e68c; + --dxc-light-a-kd-font-weight: bold; + --dxc-light-a-ke-color: #f0e68c; + --dxc-light-a-ke-font-weight: bold; + --dxc-light-a-kf-color: #f0e68c; + --dxc-light-a-kf-font-weight: bold; + --dxc-light-a-ki-color: #f0e68c; + --dxc-light-a-ki-font-weight: bold; + --dxc-light-a-km-color: #f0e68c; + --dxc-light-a-km-font-weight: bold; + --dxc-light-a-ko-color: #f0e68c; + --dxc-light-a-ko-font-weight: bold; + --dxc-light-a-kp-color: #f0e68c; + --dxc-light-a-kp-font-weight: bold; + --dxc-light-a-kr-color: #f0e68c; + --dxc-light-a-kr-font-weight: bold; + --dxc-light-a-kt-color: #f0e68c; + --dxc-light-a-kt-font-weight: bold; + --dxc-light-a-ky-color: #f0e68c; + --dxc-light-a-ky-font-weight: bold; + --dxc-light-a-l-color: #f0e68c; + --dxc-light-a-m-color: #cd5c5c; + --dxc-light-a-n-color: #ffa0a0; + --dxc-light-a-o-color: #cccccc; + --dxc-light-a-p-color: #cccccc; + --dxc-light-a-pb-color: #cccccc; + --dxc-light-a-pd-color: #cccccc; + --dxc-light-a-pp-color: #f0e68c; + --dxc-light-a-pp-font-weight: bold; + --dxc-light-a-pr-color: #98fb98; + --dxc-light-a-ps-color: #ffdead; + --dxc-light-a-rp-color: #f0e68c; + --dxc-light-a-rp-font-weight: bold; + --dxc-light-a-rx-color: #ffa0a0; + --dxc-light-a-s-color: #ffa0a0; + --dxc-light-a-sc-color: #f0e68c; + --dxc-light-a-sc-font-weight: bold; + --dxc-light-a-se-color: #ffdead; + --dxc-light-a-sp-color: #cccccc; + --dxc-light-a-ss-color: #ffdead; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #bdb76b; + --dxc-light-a-t-font-weight: bold; + --dxc-light-a-tb-color: #bdb76b; + --dxc-light-a-td-color: #f0e68c; + --dxc-light-a-te-color: #f0e68c; + --dxc-light-a-tf-color: #bdb76b; + --dxc-light-a-tf-font-weight: bold; + --dxc-light-a-tg-color: #f0e68c; + --dxc-light-a-tl-color: #cccccc; + --dxc-light-a-tq-color: #bdb76b; + --dxc-light-a-tq-font-weight: bold; + --dxc-light-a-tr-color: #87ceeb; + --dxc-light-a-tt-color: #f0e68c; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #87ceeb; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #98fb98; + --dxc-light-a-vb-color: #ffa0a0; + --dxc-light-a-vm-color: #98fb98; + --dxc-light-a-vp-color: #98fb98; } -.dxc-desert256 .a-at { color: #cd5c5c; } -.dxc-desert256 .a-co { color: #ffa0a0; } -.dxc-desert256 .a-cb { color: #ffa0a0; } -.dxc-desert256 .a-fb { color: #f0e68c; } -.dxc-desert256 .a-f { color: #f0e68c; } -.dxc-desert256 .a-fm { color: #f0e68c; } -.dxc-desert256 .a-k { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-kc { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-ko { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-kd { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-ke { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-kf { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-ki { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-kp { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-kr { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-kt { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-ky { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-o { color: #cccccc; } -.dxc-desert256 .a-pr { color: #98fb98; } -.dxc-desert256 .a-p { color: #cccccc; } -.dxc-desert256 .a-pb { color: #cccccc; } -.dxc-desert256 .a-pd { color: #cccccc; } -.dxc-desert256 .a-ps { color: #ffdead; } -.dxc-desert256 .a-s { color: #ffa0a0; } -.dxc-desert256 .a-ss { color: #ffdead; } -.dxc-desert256 .a-tg { color: #f0e68c; } -.dxc-desert256 .a-td { color: #f0e68c; } -.dxc-desert256 .a-te { color: #f0e68c; } -.dxc-desert256 .a-t { color: #bdb76b; font-weight: bold; } -.dxc-desert256 .a-tb { color: #bdb76b; } -.dxc-desert256 .a-tq { color: #bdb76b; font-weight: bold; } -.dxc-desert256 .a-v { color: #98fb98; } -.dxc-desert256 .a-vb { color: #ffa0a0; } -.dxc-desert256 .a-vp { color: #98fb98; } -.dxc-desert256 .a-c { color: #87ceeb; } -.dxc-desert256 .a-cd { color: #87ceeb; } -.dxc-desert256 .a-m { color: #cd5c5c; } -.dxc-desert256 .a-l { color: #f0e68c; } -.dxc-desert256 .a-n { color: #ffa0a0; } -.dxc-desert256 .a-tl { color: #cccccc; } -.dxc-desert256 .a-em { font-style: italic; } -.dxc-desert256 .a-st { font-weight: bold; } -.dxc-desert256 .a-tu { color: #87ceeb; text-decoration: underline; } -.dxc-desert256 .a-tr { color: #87ceeb; } -.dxc-desert256 .a-se { color: #ffdead; } -.dxc-desert256 .a-tt { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-tx { text-decoration: line-through; } -.dxc-desert256 .a-sp { color: #cccccc; } -.dxc-desert256 .a-in { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-sc { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-rp { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-cn { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-ex { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-pp { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-ch { color: #ffa0a0; } -.dxc-desert256 .a-cs { color: #ffa0a0; } -.dxc-desert256 .a-vm { color: #98fb98; } -.dxc-desert256 .a-fd { color: #f0e68c; } -.dxc-desert256 .a-tf { color: #bdb76b; font-weight: bold; } -.dxc-desert256 .a-fc { color: #f0e68c; } -.dxc-desert256 .a-km { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-dr { color: #f0e68c; font-weight: bold; } -.dxc-desert256 .a-rx { color: #ffa0a0; } diff --git a/assets/generated/arborium-themes/dioxus-code-theme.css b/assets/generated/arborium-themes/dioxus-code-theme.css new file mode 100644 index 0000000..d748b43 --- /dev/null +++ b/assets/generated/arborium-themes/dioxus-code-theme.css @@ -0,0 +1,325 @@ +.dxc-system { + --dxc-light-on: initial; + --dxc-dark-on: ; +} + +@media (prefers-color-scheme: dark) { + .dxc-system { + --dxc-light-on: ; + --dxc-dark-on: initial; + } +} + +.dxc, +.dxc-editor { + background: var(--dxc-light-on, var(--dxc-light-background,)) var(--dxc-dark-on, var(--dxc-dark-background,)); + --bg: var(--dxc-light-on, var(--dxc-light-var-bg,)) var(--dxc-dark-on, var(--dxc-dark-var-bg,)); + --surface: var(--dxc-light-on, var(--dxc-light-var-surface,)) var(--dxc-dark-on, var(--dxc-dark-var-surface,)); + color: var(--dxc-light-on, var(--dxc-light-color,)) var(--dxc-dark-on, var(--dxc-dark-color,)); + --fg: var(--dxc-light-on, var(--dxc-light-var-fg,)) var(--dxc-dark-on, var(--dxc-dark-var-fg,)); + --accent: var(--dxc-light-on, var(--dxc-light-var-accent,)) var(--dxc-dark-on, var(--dxc-dark-var-accent,)); + --muted: var(--dxc-light-on, var(--dxc-light-var-muted,)) var(--dxc-dark-on, var(--dxc-dark-var-muted,)); +} +.dxc .a-at, +.dxc-editor .a-at { + color: var(--dxc-light-on, var(--dxc-light-a-at-color,)) var(--dxc-dark-on, var(--dxc-dark-a-at-color,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-at-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-at-font-style,)); +} +.dxc .a-c, +.dxc-editor .a-c { + color: var(--dxc-light-on, var(--dxc-light-a-c-color,)) var(--dxc-dark-on, var(--dxc-dark-a-c-color,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-c-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-c-font-style,)); +} +.dxc .a-cb, +.dxc-editor .a-cb { + color: var(--dxc-light-on, var(--dxc-light-a-cb-color,)) var(--dxc-dark-on, var(--dxc-dark-a-cb-color,)); +} +.dxc .a-cd, +.dxc-editor .a-cd { + color: var(--dxc-light-on, var(--dxc-light-a-cd-color,)) var(--dxc-dark-on, var(--dxc-dark-a-cd-color,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-cd-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-cd-font-style,)); +} +.dxc .a-ch, +.dxc-editor .a-ch { + color: var(--dxc-light-on, var(--dxc-light-a-ch-color,)) var(--dxc-dark-on, var(--dxc-dark-a-ch-color,)); +} +.dxc .a-cn, +.dxc-editor .a-cn { + color: var(--dxc-light-on, var(--dxc-light-a-cn-color,)) var(--dxc-dark-on, var(--dxc-dark-a-cn-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-cn-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-cn-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-cn-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-cn-font-style,)); +} +.dxc .a-co, +.dxc-editor .a-co { + color: var(--dxc-light-on, var(--dxc-light-a-co-color,)) var(--dxc-dark-on, var(--dxc-dark-a-co-color,)); +} +.dxc .a-cs, +.dxc-editor .a-cs { + color: var(--dxc-light-on, var(--dxc-light-a-cs-color,)) var(--dxc-dark-on, var(--dxc-dark-a-cs-color,)); +} +.dxc .a-dr, +.dxc-editor .a-dr { + color: var(--dxc-light-on, var(--dxc-light-a-dr-color,)) var(--dxc-dark-on, var(--dxc-dark-a-dr-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-dr-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-dr-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-dr-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-dr-font-style,)); +} +.dxc .a-em, +.dxc-editor .a-em { + font-style: var(--dxc-light-on, var(--dxc-light-a-em-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-em-font-style,)); +} +.dxc .a-ex, +.dxc-editor .a-ex { + color: var(--dxc-light-on, var(--dxc-light-a-ex-color,)) var(--dxc-dark-on, var(--dxc-dark-a-ex-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-ex-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-ex-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-ex-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-ex-font-style,)); +} +.dxc .a-f, +.dxc-editor .a-f { + color: var(--dxc-light-on, var(--dxc-light-a-f-color,)) var(--dxc-dark-on, var(--dxc-dark-a-f-color,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-f-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-f-font-style,)); +} +.dxc .a-fb, +.dxc-editor .a-fb { + color: var(--dxc-light-on, var(--dxc-light-a-fb-color,)) var(--dxc-dark-on, var(--dxc-dark-a-fb-color,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-fb-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-fb-font-style,)); +} +.dxc .a-fc, +.dxc-editor .a-fc { + color: var(--dxc-light-on, var(--dxc-light-a-fc-color,)) var(--dxc-dark-on, var(--dxc-dark-a-fc-color,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-fc-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-fc-font-style,)); +} +.dxc .a-fd, +.dxc-editor .a-fd { + color: var(--dxc-light-on, var(--dxc-light-a-fd-color,)) var(--dxc-dark-on, var(--dxc-dark-a-fd-color,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-fd-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-fd-font-style,)); +} +.dxc .a-fm, +.dxc-editor .a-fm { + color: var(--dxc-light-on, var(--dxc-light-a-fm-color,)) var(--dxc-dark-on, var(--dxc-dark-a-fm-color,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-fm-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-fm-font-style,)); +} +.dxc .a-in, +.dxc-editor .a-in { + color: var(--dxc-light-on, var(--dxc-light-a-in-color,)) var(--dxc-dark-on, var(--dxc-dark-a-in-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-in-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-in-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-in-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-in-font-style,)); +} +.dxc .a-k, +.dxc-editor .a-k { + color: var(--dxc-light-on, var(--dxc-light-a-k-color,)) var(--dxc-dark-on, var(--dxc-dark-a-k-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-k-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-k-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-k-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-k-font-style,)); +} +.dxc .a-kc, +.dxc-editor .a-kc { + color: var(--dxc-light-on, var(--dxc-light-a-kc-color,)) var(--dxc-dark-on, var(--dxc-dark-a-kc-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-kc-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-kc-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-kc-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-kc-font-style,)); +} +.dxc .a-kd, +.dxc-editor .a-kd { + color: var(--dxc-light-on, var(--dxc-light-a-kd-color,)) var(--dxc-dark-on, var(--dxc-dark-a-kd-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-kd-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-kd-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-kd-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-kd-font-style,)); +} +.dxc .a-ke, +.dxc-editor .a-ke { + color: var(--dxc-light-on, var(--dxc-light-a-ke-color,)) var(--dxc-dark-on, var(--dxc-dark-a-ke-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-ke-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-ke-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-ke-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-ke-font-style,)); +} +.dxc .a-kf, +.dxc-editor .a-kf { + color: var(--dxc-light-on, var(--dxc-light-a-kf-color,)) var(--dxc-dark-on, var(--dxc-dark-a-kf-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-kf-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-kf-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-kf-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-kf-font-style,)); +} +.dxc .a-ki, +.dxc-editor .a-ki { + color: var(--dxc-light-on, var(--dxc-light-a-ki-color,)) var(--dxc-dark-on, var(--dxc-dark-a-ki-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-ki-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-ki-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-ki-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-ki-font-style,)); +} +.dxc .a-km, +.dxc-editor .a-km { + color: var(--dxc-light-on, var(--dxc-light-a-km-color,)) var(--dxc-dark-on, var(--dxc-dark-a-km-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-km-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-km-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-km-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-km-font-style,)); +} +.dxc .a-ko, +.dxc-editor .a-ko { + color: var(--dxc-light-on, var(--dxc-light-a-ko-color,)) var(--dxc-dark-on, var(--dxc-dark-a-ko-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-ko-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-ko-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-ko-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-ko-font-style,)); +} +.dxc .a-kp, +.dxc-editor .a-kp { + color: var(--dxc-light-on, var(--dxc-light-a-kp-color,)) var(--dxc-dark-on, var(--dxc-dark-a-kp-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-kp-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-kp-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-kp-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-kp-font-style,)); +} +.dxc .a-kr, +.dxc-editor .a-kr { + color: var(--dxc-light-on, var(--dxc-light-a-kr-color,)) var(--dxc-dark-on, var(--dxc-dark-a-kr-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-kr-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-kr-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-kr-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-kr-font-style,)); +} +.dxc .a-kt, +.dxc-editor .a-kt { + color: var(--dxc-light-on, var(--dxc-light-a-kt-color,)) var(--dxc-dark-on, var(--dxc-dark-a-kt-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-kt-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-kt-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-kt-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-kt-font-style,)); +} +.dxc .a-ky, +.dxc-editor .a-ky { + color: var(--dxc-light-on, var(--dxc-light-a-ky-color,)) var(--dxc-dark-on, var(--dxc-dark-a-ky-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-ky-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-ky-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-ky-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-ky-font-style,)); +} +.dxc .a-l, +.dxc-editor .a-l { + color: var(--dxc-light-on, var(--dxc-light-a-l-color,)) var(--dxc-dark-on, var(--dxc-dark-a-l-color,)); +} +.dxc .a-m, +.dxc-editor .a-m { + color: var(--dxc-light-on, var(--dxc-light-a-m-color,)) var(--dxc-dark-on, var(--dxc-dark-a-m-color,)); +} +.dxc .a-n, +.dxc-editor .a-n { + color: var(--dxc-light-on, var(--dxc-light-a-n-color,)) var(--dxc-dark-on, var(--dxc-dark-a-n-color,)); +} +.dxc .a-o, +.dxc-editor .a-o { + color: var(--dxc-light-on, var(--dxc-light-a-o-color,)) var(--dxc-dark-on, var(--dxc-dark-a-o-color,)); +} +.dxc .a-p, +.dxc-editor .a-p { + color: var(--dxc-light-on, var(--dxc-light-a-p-color,)) var(--dxc-dark-on, var(--dxc-dark-a-p-color,)); +} +.dxc .a-pb, +.dxc-editor .a-pb { + color: var(--dxc-light-on, var(--dxc-light-a-pb-color,)) var(--dxc-dark-on, var(--dxc-dark-a-pb-color,)); +} +.dxc .a-pd, +.dxc-editor .a-pd { + color: var(--dxc-light-on, var(--dxc-light-a-pd-color,)) var(--dxc-dark-on, var(--dxc-dark-a-pd-color,)); +} +.dxc .a-pp, +.dxc-editor .a-pp { + color: var(--dxc-light-on, var(--dxc-light-a-pp-color,)) var(--dxc-dark-on, var(--dxc-dark-a-pp-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-pp-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-pp-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-pp-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-pp-font-style,)); +} +.dxc .a-pr, +.dxc-editor .a-pr { + color: var(--dxc-light-on, var(--dxc-light-a-pr-color,)) var(--dxc-dark-on, var(--dxc-dark-a-pr-color,)); +} +.dxc .a-ps, +.dxc-editor .a-ps { + color: var(--dxc-light-on, var(--dxc-light-a-ps-color,)) var(--dxc-dark-on, var(--dxc-dark-a-ps-color,)); +} +.dxc .a-rp, +.dxc-editor .a-rp { + color: var(--dxc-light-on, var(--dxc-light-a-rp-color,)) var(--dxc-dark-on, var(--dxc-dark-a-rp-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-rp-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-rp-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-rp-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-rp-font-style,)); +} +.dxc .a-rx, +.dxc-editor .a-rx { + color: var(--dxc-light-on, var(--dxc-light-a-rx-color,)) var(--dxc-dark-on, var(--dxc-dark-a-rx-color,)); +} +.dxc .a-s, +.dxc-editor .a-s { + color: var(--dxc-light-on, var(--dxc-light-a-s-color,)) var(--dxc-dark-on, var(--dxc-dark-a-s-color,)); +} +.dxc .a-sc, +.dxc-editor .a-sc { + color: var(--dxc-light-on, var(--dxc-light-a-sc-color,)) var(--dxc-dark-on, var(--dxc-dark-a-sc-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-sc-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-sc-font-weight,)); + font-style: var(--dxc-light-on, var(--dxc-light-a-sc-font-style,)) var(--dxc-dark-on, var(--dxc-dark-a-sc-font-style,)); +} +.dxc .a-se, +.dxc-editor .a-se { + color: var(--dxc-light-on, var(--dxc-light-a-se-color,)) var(--dxc-dark-on, var(--dxc-dark-a-se-color,)); +} +.dxc .a-sp, +.dxc-editor .a-sp { + color: var(--dxc-light-on, var(--dxc-light-a-sp-color,)) var(--dxc-dark-on, var(--dxc-dark-a-sp-color,)); +} +.dxc .a-ss, +.dxc-editor .a-ss { + color: var(--dxc-light-on, var(--dxc-light-a-ss-color,)) var(--dxc-dark-on, var(--dxc-dark-a-ss-color,)); +} +.dxc .a-st, +.dxc-editor .a-st { + font-weight: var(--dxc-light-on, var(--dxc-light-a-st-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-st-font-weight,)); +} +.dxc .a-t, +.dxc-editor .a-t { + color: var(--dxc-light-on, var(--dxc-light-a-t-color,)) var(--dxc-dark-on, var(--dxc-dark-a-t-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-t-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-t-font-weight,)); +} +.dxc .a-tb, +.dxc-editor .a-tb { + color: var(--dxc-light-on, var(--dxc-light-a-tb-color,)) var(--dxc-dark-on, var(--dxc-dark-a-tb-color,)); +} +.dxc .a-td, +.dxc-editor .a-td { + color: var(--dxc-light-on, var(--dxc-light-a-td-color,)) var(--dxc-dark-on, var(--dxc-dark-a-td-color,)); +} +.dxc .a-te, +.dxc-editor .a-te { + color: var(--dxc-light-on, var(--dxc-light-a-te-color,)) var(--dxc-dark-on, var(--dxc-dark-a-te-color,)); +} +.dxc .a-tf, +.dxc-editor .a-tf { + color: var(--dxc-light-on, var(--dxc-light-a-tf-color,)) var(--dxc-dark-on, var(--dxc-dark-a-tf-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-tf-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-tf-font-weight,)); +} +.dxc .a-tg, +.dxc-editor .a-tg { + color: var(--dxc-light-on, var(--dxc-light-a-tg-color,)) var(--dxc-dark-on, var(--dxc-dark-a-tg-color,)); +} +.dxc .a-tl, +.dxc-editor .a-tl { + color: var(--dxc-light-on, var(--dxc-light-a-tl-color,)) var(--dxc-dark-on, var(--dxc-dark-a-tl-color,)); +} +.dxc .a-tq, +.dxc-editor .a-tq { + color: var(--dxc-light-on, var(--dxc-light-a-tq-color,)) var(--dxc-dark-on, var(--dxc-dark-a-tq-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-tq-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-tq-font-weight,)); +} +.dxc .a-tr, +.dxc-editor .a-tr { + color: var(--dxc-light-on, var(--dxc-light-a-tr-color,)) var(--dxc-dark-on, var(--dxc-dark-a-tr-color,)); +} +.dxc .a-tt, +.dxc-editor .a-tt { + color: var(--dxc-light-on, var(--dxc-light-a-tt-color,)) var(--dxc-dark-on, var(--dxc-dark-a-tt-color,)); + font-weight: var(--dxc-light-on, var(--dxc-light-a-tt-font-weight,)) var(--dxc-dark-on, var(--dxc-dark-a-tt-font-weight,)); +} +.dxc .a-tu, +.dxc-editor .a-tu { + color: var(--dxc-light-on, var(--dxc-light-a-tu-color,)) var(--dxc-dark-on, var(--dxc-dark-a-tu-color,)); + text-decoration: var(--dxc-light-on, var(--dxc-light-a-tu-text-decoration,)) var(--dxc-dark-on, var(--dxc-dark-a-tu-text-decoration,)); +} +.dxc .a-tx, +.dxc-editor .a-tx { + text-decoration: var(--dxc-light-on, var(--dxc-light-a-tx-text-decoration,)) var(--dxc-dark-on, var(--dxc-dark-a-tx-text-decoration,)); +} +.dxc .a-v, +.dxc-editor .a-v { + color: var(--dxc-light-on, var(--dxc-light-a-v-color,)) var(--dxc-dark-on, var(--dxc-dark-a-v-color,)); +} +.dxc .a-vb, +.dxc-editor .a-vb { + color: var(--dxc-light-on, var(--dxc-light-a-vb-color,)) var(--dxc-dark-on, var(--dxc-dark-a-vb-color,)); +} +.dxc .a-vm, +.dxc-editor .a-vm { + color: var(--dxc-light-on, var(--dxc-light-a-vm-color,)) var(--dxc-dark-on, var(--dxc-dark-a-vm-color,)); +} +.dxc .a-vp, +.dxc-editor .a-vp { + color: var(--dxc-light-on, var(--dxc-light-a-vp-color,)) var(--dxc-dark-on, var(--dxc-dark-a-vp-color,)); +} diff --git a/assets/generated/arborium-themes/dracula-system-dark.css b/assets/generated/arborium-themes/dracula-system-dark.css new file mode 100644 index 0000000..d6ca704 --- /dev/null +++ b/assets/generated/arborium-themes/dracula-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-dracula { + --dxc-dark-background: #282a36; + --dxc-dark-var-bg: #282a36; + --dxc-dark-var-surface: #393b46; + --dxc-dark-color: #f8f8f2; + --dxc-dark-var-fg: #f8f8f2; + --dxc-dark-var-accent: #50fa7b; + --dxc-dark-var-muted: #6272a4; + --dxc-dark-a-at-color: #50fa7b; + --dxc-dark-a-c-color: #6272a4; + --dxc-dark-a-cb-color: #bd93f9; + --dxc-dark-a-cd-color: #6272a4; + --dxc-dark-a-ch-color: #f1fa8c; + --dxc-dark-a-cn-color: #ff79c6; + --dxc-dark-a-co-color: #bd93f9; + --dxc-dark-a-cs-color: #f1fa8c; + --dxc-dark-a-dr-color: #ff79c6; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #ff79c6; + --dxc-dark-a-f-color: #50fa7b; + --dxc-dark-a-fb-color: #8be9fd; + --dxc-dark-a-fc-color: #50fa7b; + --dxc-dark-a-fd-color: #50fa7b; + --dxc-dark-a-fm-color: #50fa7b; + --dxc-dark-a-in-color: #ff79c6; + --dxc-dark-a-k-color: #ff79c6; + --dxc-dark-a-kc-color: #ff79c6; + --dxc-dark-a-kd-color: #ff79c6; + --dxc-dark-a-ke-color: #ff79c6; + --dxc-dark-a-kf-color: #ff79c6; + --dxc-dark-a-ki-color: #ff79c6; + --dxc-dark-a-km-color: #ff79c6; + --dxc-dark-a-ko-color: #ff79c6; + --dxc-dark-a-kp-color: #ff79c6; + --dxc-dark-a-kr-color: #ff79c6; + --dxc-dark-a-kt-color: #ff79c6; + --dxc-dark-a-ky-color: #ff79c6; + --dxc-dark-a-l-color: #8be9fd; + --dxc-dark-a-m-color: #50fa7b; + --dxc-dark-a-n-color: #bd93f9; + --dxc-dark-a-o-color: #ff79c6; + --dxc-dark-a-p-color: #f8f8f2; + --dxc-dark-a-pb-color: #f8f8f2; + --dxc-dark-a-pd-color: #f8f8f2; + --dxc-dark-a-pp-color: #ff79c6; + --dxc-dark-a-pr-color: #8be9fd; + --dxc-dark-a-ps-color: #ff79c6; + --dxc-dark-a-rp-color: #ff79c6; + --dxc-dark-a-rx-color: #f1fa8c; + --dxc-dark-a-s-color: #f1fa8c; + --dxc-dark-a-sc-color: #ff79c6; + --dxc-dark-a-se-color: #ff79c6; + --dxc-dark-a-sp-color: #f8f8f2; + --dxc-dark-a-ss-color: #ff5555; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #8be9fd; + --dxc-dark-a-tb-color: #8be9fd; + --dxc-dark-a-td-color: #ff79c6; + --dxc-dark-a-te-color: #ff79c6; + --dxc-dark-a-tf-color: #8be9fd; + --dxc-dark-a-tg-color: #ff79c6; + --dxc-dark-a-tl-color: #f8f8f2; + --dxc-dark-a-tq-color: #8be9fd; + --dxc-dark-a-tr-color: #8be9fd; + --dxc-dark-a-tt-color: #bd93f9; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #8be9fd; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #f8f8f2; + --dxc-dark-a-vb-color: #bd93f9; + --dxc-dark-a-vm-color: #f8f8f2; + --dxc-dark-a-vp-color: #ffb86c; +} diff --git a/assets/generated/arborium-themes/dracula-system-light.css b/assets/generated/arborium-themes/dracula-system-light.css new file mode 100644 index 0000000..888af0e --- /dev/null +++ b/assets/generated/arborium-themes/dracula-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-dracula { + --dxc-light-background: #282a36; + --dxc-light-var-bg: #282a36; + --dxc-light-var-surface: #393b46; + --dxc-light-color: #f8f8f2; + --dxc-light-var-fg: #f8f8f2; + --dxc-light-var-accent: #50fa7b; + --dxc-light-var-muted: #6272a4; + --dxc-light-a-at-color: #50fa7b; + --dxc-light-a-c-color: #6272a4; + --dxc-light-a-cb-color: #bd93f9; + --dxc-light-a-cd-color: #6272a4; + --dxc-light-a-ch-color: #f1fa8c; + --dxc-light-a-cn-color: #ff79c6; + --dxc-light-a-co-color: #bd93f9; + --dxc-light-a-cs-color: #f1fa8c; + --dxc-light-a-dr-color: #ff79c6; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ff79c6; + --dxc-light-a-f-color: #50fa7b; + --dxc-light-a-fb-color: #8be9fd; + --dxc-light-a-fc-color: #50fa7b; + --dxc-light-a-fd-color: #50fa7b; + --dxc-light-a-fm-color: #50fa7b; + --dxc-light-a-in-color: #ff79c6; + --dxc-light-a-k-color: #ff79c6; + --dxc-light-a-kc-color: #ff79c6; + --dxc-light-a-kd-color: #ff79c6; + --dxc-light-a-ke-color: #ff79c6; + --dxc-light-a-kf-color: #ff79c6; + --dxc-light-a-ki-color: #ff79c6; + --dxc-light-a-km-color: #ff79c6; + --dxc-light-a-ko-color: #ff79c6; + --dxc-light-a-kp-color: #ff79c6; + --dxc-light-a-kr-color: #ff79c6; + --dxc-light-a-kt-color: #ff79c6; + --dxc-light-a-ky-color: #ff79c6; + --dxc-light-a-l-color: #8be9fd; + --dxc-light-a-m-color: #50fa7b; + --dxc-light-a-n-color: #bd93f9; + --dxc-light-a-o-color: #ff79c6; + --dxc-light-a-p-color: #f8f8f2; + --dxc-light-a-pb-color: #f8f8f2; + --dxc-light-a-pd-color: #f8f8f2; + --dxc-light-a-pp-color: #ff79c6; + --dxc-light-a-pr-color: #8be9fd; + --dxc-light-a-ps-color: #ff79c6; + --dxc-light-a-rp-color: #ff79c6; + --dxc-light-a-rx-color: #f1fa8c; + --dxc-light-a-s-color: #f1fa8c; + --dxc-light-a-sc-color: #ff79c6; + --dxc-light-a-se-color: #ff79c6; + --dxc-light-a-sp-color: #f8f8f2; + --dxc-light-a-ss-color: #ff5555; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #8be9fd; + --dxc-light-a-tb-color: #8be9fd; + --dxc-light-a-td-color: #ff79c6; + --dxc-light-a-te-color: #ff79c6; + --dxc-light-a-tf-color: #8be9fd; + --dxc-light-a-tg-color: #ff79c6; + --dxc-light-a-tl-color: #f8f8f2; + --dxc-light-a-tq-color: #8be9fd; + --dxc-light-a-tr-color: #8be9fd; + --dxc-light-a-tt-color: #bd93f9; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #8be9fd; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #f8f8f2; + --dxc-light-a-vb-color: #bd93f9; + --dxc-light-a-vm-color: #f8f8f2; + --dxc-light-a-vp-color: #ffb86c; +} diff --git a/assets/generated/arborium-themes/dracula.css b/assets/generated/arborium-themes/dracula.css index 5c95180..4f7365c 100644 --- a/assets/generated/arborium-themes/dracula.css +++ b/assets/generated/arborium-themes/dracula.css @@ -1,72 +1,74 @@ .dxc-dracula { - background: #282a36; - --bg: #282a36; - --surface: #393b46; - color: #f8f8f2; - --fg: #f8f8f2; - --accent: #50fa7b; - --muted: #6272a4; + --dxc-light-background: #282a36; + --dxc-light-var-bg: #282a36; + --dxc-light-var-surface: #393b46; + --dxc-light-color: #f8f8f2; + --dxc-light-var-fg: #f8f8f2; + --dxc-light-var-accent: #50fa7b; + --dxc-light-var-muted: #6272a4; + --dxc-light-a-at-color: #50fa7b; + --dxc-light-a-c-color: #6272a4; + --dxc-light-a-cb-color: #bd93f9; + --dxc-light-a-cd-color: #6272a4; + --dxc-light-a-ch-color: #f1fa8c; + --dxc-light-a-cn-color: #ff79c6; + --dxc-light-a-co-color: #bd93f9; + --dxc-light-a-cs-color: #f1fa8c; + --dxc-light-a-dr-color: #ff79c6; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ff79c6; + --dxc-light-a-f-color: #50fa7b; + --dxc-light-a-fb-color: #8be9fd; + --dxc-light-a-fc-color: #50fa7b; + --dxc-light-a-fd-color: #50fa7b; + --dxc-light-a-fm-color: #50fa7b; + --dxc-light-a-in-color: #ff79c6; + --dxc-light-a-k-color: #ff79c6; + --dxc-light-a-kc-color: #ff79c6; + --dxc-light-a-kd-color: #ff79c6; + --dxc-light-a-ke-color: #ff79c6; + --dxc-light-a-kf-color: #ff79c6; + --dxc-light-a-ki-color: #ff79c6; + --dxc-light-a-km-color: #ff79c6; + --dxc-light-a-ko-color: #ff79c6; + --dxc-light-a-kp-color: #ff79c6; + --dxc-light-a-kr-color: #ff79c6; + --dxc-light-a-kt-color: #ff79c6; + --dxc-light-a-ky-color: #ff79c6; + --dxc-light-a-l-color: #8be9fd; + --dxc-light-a-m-color: #50fa7b; + --dxc-light-a-n-color: #bd93f9; + --dxc-light-a-o-color: #ff79c6; + --dxc-light-a-p-color: #f8f8f2; + --dxc-light-a-pb-color: #f8f8f2; + --dxc-light-a-pd-color: #f8f8f2; + --dxc-light-a-pp-color: #ff79c6; + --dxc-light-a-pr-color: #8be9fd; + --dxc-light-a-ps-color: #ff79c6; + --dxc-light-a-rp-color: #ff79c6; + --dxc-light-a-rx-color: #f1fa8c; + --dxc-light-a-s-color: #f1fa8c; + --dxc-light-a-sc-color: #ff79c6; + --dxc-light-a-se-color: #ff79c6; + --dxc-light-a-sp-color: #f8f8f2; + --dxc-light-a-ss-color: #ff5555; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #8be9fd; + --dxc-light-a-tb-color: #8be9fd; + --dxc-light-a-td-color: #ff79c6; + --dxc-light-a-te-color: #ff79c6; + --dxc-light-a-tf-color: #8be9fd; + --dxc-light-a-tg-color: #ff79c6; + --dxc-light-a-tl-color: #f8f8f2; + --dxc-light-a-tq-color: #8be9fd; + --dxc-light-a-tr-color: #8be9fd; + --dxc-light-a-tt-color: #bd93f9; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #8be9fd; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #f8f8f2; + --dxc-light-a-vb-color: #bd93f9; + --dxc-light-a-vm-color: #f8f8f2; + --dxc-light-a-vp-color: #ffb86c; } -.dxc-dracula .a-at { color: #50fa7b; } -.dxc-dracula .a-co { color: #bd93f9; } -.dxc-dracula .a-cb { color: #bd93f9; } -.dxc-dracula .a-fb { color: #8be9fd; } -.dxc-dracula .a-f { color: #50fa7b; } -.dxc-dracula .a-fm { color: #50fa7b; } -.dxc-dracula .a-k { color: #ff79c6; } -.dxc-dracula .a-kc { color: #ff79c6; } -.dxc-dracula .a-ko { color: #ff79c6; } -.dxc-dracula .a-kd { color: #ff79c6; } -.dxc-dracula .a-ke { color: #ff79c6; } -.dxc-dracula .a-kf { color: #ff79c6; } -.dxc-dracula .a-ki { color: #ff79c6; } -.dxc-dracula .a-kp { color: #ff79c6; } -.dxc-dracula .a-kr { color: #ff79c6; } -.dxc-dracula .a-kt { color: #ff79c6; } -.dxc-dracula .a-ky { color: #ff79c6; } -.dxc-dracula .a-o { color: #ff79c6; } -.dxc-dracula .a-pr { color: #8be9fd; } -.dxc-dracula .a-p { color: #f8f8f2; } -.dxc-dracula .a-pb { color: #f8f8f2; } -.dxc-dracula .a-pd { color: #f8f8f2; } -.dxc-dracula .a-ps { color: #ff79c6; } -.dxc-dracula .a-s { color: #f1fa8c; } -.dxc-dracula .a-ss { color: #ff5555; } -.dxc-dracula .a-tg { color: #ff79c6; } -.dxc-dracula .a-td { color: #ff79c6; } -.dxc-dracula .a-te { color: #ff79c6; } -.dxc-dracula .a-t { color: #8be9fd; } -.dxc-dracula .a-tb { color: #8be9fd; } -.dxc-dracula .a-tq { color: #8be9fd; } -.dxc-dracula .a-v { color: #f8f8f2; } -.dxc-dracula .a-vb { color: #bd93f9; } -.dxc-dracula .a-vp { color: #ffb86c; } -.dxc-dracula .a-c { color: #6272a4; } -.dxc-dracula .a-cd { color: #6272a4; } -.dxc-dracula .a-m { color: #50fa7b; } -.dxc-dracula .a-l { color: #8be9fd; } -.dxc-dracula .a-n { color: #bd93f9; } -.dxc-dracula .a-tl { color: #f8f8f2; } -.dxc-dracula .a-em { font-style: italic; } -.dxc-dracula .a-st { font-weight: bold; } -.dxc-dracula .a-tu { color: #8be9fd; text-decoration: underline; } -.dxc-dracula .a-tr { color: #8be9fd; } -.dxc-dracula .a-se { color: #ff79c6; } -.dxc-dracula .a-tt { color: #bd93f9; font-weight: bold; } -.dxc-dracula .a-tx { text-decoration: line-through; } -.dxc-dracula .a-sp { color: #f8f8f2; } -.dxc-dracula .a-in { color: #ff79c6; } -.dxc-dracula .a-sc { color: #ff79c6; } -.dxc-dracula .a-rp { color: #ff79c6; } -.dxc-dracula .a-cn { color: #ff79c6; } -.dxc-dracula .a-ex { color: #ff79c6; } -.dxc-dracula .a-pp { color: #ff79c6; } -.dxc-dracula .a-ch { color: #f1fa8c; } -.dxc-dracula .a-cs { color: #f1fa8c; } -.dxc-dracula .a-vm { color: #f8f8f2; } -.dxc-dracula .a-fd { color: #50fa7b; } -.dxc-dracula .a-tf { color: #8be9fd; } -.dxc-dracula .a-fc { color: #50fa7b; } -.dxc-dracula .a-km { color: #ff79c6; } -.dxc-dracula .a-dr { color: #ff79c6; } -.dxc-dracula .a-rx { color: #f1fa8c; } diff --git a/assets/generated/arborium-themes/ef-melissa-dark-system-dark.css b/assets/generated/arborium-themes/ef-melissa-dark-system-dark.css new file mode 100644 index 0000000..ab03b19 --- /dev/null +++ b/assets/generated/arborium-themes/ef-melissa-dark-system-dark.css @@ -0,0 +1,76 @@ +.dxc-system-dark-ef-melissa-dark { + --dxc-dark-background: #352718; + --dxc-dark-var-bg: #352718; + --dxc-dark-var-surface: #45382a; + --dxc-dark-color: #e8e4b1; + --dxc-dark-var-fg: #e8e4b1; + --dxc-dark-var-accent: #c6a2fe; + --dxc-dark-var-muted: #90918a; + --dxc-dark-a-at-color: #e4b53f; + --dxc-dark-a-c-color: #90918a; + --dxc-dark-a-c-font-style: italic; + --dxc-dark-a-cb-color: #6fcad0; + --dxc-dark-a-cd-color: #90918a; + --dxc-dark-a-cd-font-style: italic; + --dxc-dark-a-ch-color: #a0d13a; + --dxc-dark-a-cn-color: #ffa21f; + --dxc-dark-a-co-color: #6fcad0; + --dxc-dark-a-cs-color: #a0d13a; + --dxc-dark-a-dr-color: #ffa21f; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #ffa21f; + --dxc-dark-a-f-color: #c6a2fe; + --dxc-dark-a-fb-color: #f0aac5; + --dxc-dark-a-fc-color: #c6a2fe; + --dxc-dark-a-fd-color: #c6a2fe; + --dxc-dark-a-fm-color: #c6a2fe; + --dxc-dark-a-in-color: #ffa21f; + --dxc-dark-a-k-color: #ffa21f; + --dxc-dark-a-kc-color: #ffa21f; + --dxc-dark-a-kd-color: #ffa21f; + --dxc-dark-a-ke-color: #ffa21f; + --dxc-dark-a-kf-color: #ffa21f; + --dxc-dark-a-ki-color: #ffa21f; + --dxc-dark-a-km-color: #ffa21f; + --dxc-dark-a-ko-color: #ffa21f; + --dxc-dark-a-kp-color: #ffa21f; + --dxc-dark-a-kr-color: #ffa21f; + --dxc-dark-a-kt-color: #ffa21f; + --dxc-dark-a-ky-color: #ffa21f; + --dxc-dark-a-l-color: #98bfff; + --dxc-dark-a-m-color: #fa90aa; + --dxc-dark-a-n-color: #62cfef; + --dxc-dark-a-o-color: #ccaa70; + --dxc-dark-a-p-color: #90918a; + --dxc-dark-a-pb-color: #90918a; + --dxc-dark-a-pd-color: #90918a; + --dxc-dark-a-pp-color: #ffa21f; + --dxc-dark-a-pr-color: #7fc5df; + --dxc-dark-a-ps-color: #ff7f7f; + --dxc-dark-a-rp-color: #ffa21f; + --dxc-dark-a-rx-color: #a0d13a; + --dxc-dark-a-s-color: #a0d13a; + --dxc-dark-a-sc-color: #ffa21f; + --dxc-dark-a-se-color: #eab780; + --dxc-dark-a-sp-color: #e8e4b1; + --dxc-dark-a-ss-color: #65d590; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #70e0cf; + --dxc-dark-a-tb-color: #6fcad0; + --dxc-dark-a-td-color: #e7a06f; + --dxc-dark-a-te-color: #e7a06f; + --dxc-dark-a-tf-color: #70e0cf; + --dxc-dark-a-tg-color: #e7a06f; + --dxc-dark-a-tl-color: #e8e4b1; + --dxc-dark-a-tq-color: #70e0cf; + --dxc-dark-a-tr-color: #7fc5df; + --dxc-dark-a-tt-color: #e4b53f; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #57aff6; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #e8e4b1; + --dxc-dark-a-vb-color: #ff8f98; + --dxc-dark-a-vm-color: #e8e4b1; + --dxc-dark-a-vp-color: #dfcfe0; +} diff --git a/assets/generated/arborium-themes/ef-melissa-dark-system-light.css b/assets/generated/arborium-themes/ef-melissa-dark-system-light.css new file mode 100644 index 0000000..1263d2d --- /dev/null +++ b/assets/generated/arborium-themes/ef-melissa-dark-system-light.css @@ -0,0 +1,76 @@ +.dxc-system-light-ef-melissa-dark { + --dxc-light-background: #352718; + --dxc-light-var-bg: #352718; + --dxc-light-var-surface: #45382a; + --dxc-light-color: #e8e4b1; + --dxc-light-var-fg: #e8e4b1; + --dxc-light-var-accent: #c6a2fe; + --dxc-light-var-muted: #90918a; + --dxc-light-a-at-color: #e4b53f; + --dxc-light-a-c-color: #90918a; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #6fcad0; + --dxc-light-a-cd-color: #90918a; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #a0d13a; + --dxc-light-a-cn-color: #ffa21f; + --dxc-light-a-co-color: #6fcad0; + --dxc-light-a-cs-color: #a0d13a; + --dxc-light-a-dr-color: #ffa21f; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ffa21f; + --dxc-light-a-f-color: #c6a2fe; + --dxc-light-a-fb-color: #f0aac5; + --dxc-light-a-fc-color: #c6a2fe; + --dxc-light-a-fd-color: #c6a2fe; + --dxc-light-a-fm-color: #c6a2fe; + --dxc-light-a-in-color: #ffa21f; + --dxc-light-a-k-color: #ffa21f; + --dxc-light-a-kc-color: #ffa21f; + --dxc-light-a-kd-color: #ffa21f; + --dxc-light-a-ke-color: #ffa21f; + --dxc-light-a-kf-color: #ffa21f; + --dxc-light-a-ki-color: #ffa21f; + --dxc-light-a-km-color: #ffa21f; + --dxc-light-a-ko-color: #ffa21f; + --dxc-light-a-kp-color: #ffa21f; + --dxc-light-a-kr-color: #ffa21f; + --dxc-light-a-kt-color: #ffa21f; + --dxc-light-a-ky-color: #ffa21f; + --dxc-light-a-l-color: #98bfff; + --dxc-light-a-m-color: #fa90aa; + --dxc-light-a-n-color: #62cfef; + --dxc-light-a-o-color: #ccaa70; + --dxc-light-a-p-color: #90918a; + --dxc-light-a-pb-color: #90918a; + --dxc-light-a-pd-color: #90918a; + --dxc-light-a-pp-color: #ffa21f; + --dxc-light-a-pr-color: #7fc5df; + --dxc-light-a-ps-color: #ff7f7f; + --dxc-light-a-rp-color: #ffa21f; + --dxc-light-a-rx-color: #a0d13a; + --dxc-light-a-s-color: #a0d13a; + --dxc-light-a-sc-color: #ffa21f; + --dxc-light-a-se-color: #eab780; + --dxc-light-a-sp-color: #e8e4b1; + --dxc-light-a-ss-color: #65d590; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #70e0cf; + --dxc-light-a-tb-color: #6fcad0; + --dxc-light-a-td-color: #e7a06f; + --dxc-light-a-te-color: #e7a06f; + --dxc-light-a-tf-color: #70e0cf; + --dxc-light-a-tg-color: #e7a06f; + --dxc-light-a-tl-color: #e8e4b1; + --dxc-light-a-tq-color: #70e0cf; + --dxc-light-a-tr-color: #7fc5df; + --dxc-light-a-tt-color: #e4b53f; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #57aff6; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #e8e4b1; + --dxc-light-a-vb-color: #ff8f98; + --dxc-light-a-vm-color: #e8e4b1; + --dxc-light-a-vp-color: #dfcfe0; +} diff --git a/assets/generated/arborium-themes/ef-melissa-dark.css b/assets/generated/arborium-themes/ef-melissa-dark.css index 256a64f..bbc3c2e 100644 --- a/assets/generated/arborium-themes/ef-melissa-dark.css +++ b/assets/generated/arborium-themes/ef-melissa-dark.css @@ -1,72 +1,76 @@ .dxc-ef-melissa-dark { - background: #352718; - --bg: #352718; - --surface: #45382a; - color: #e8e4b1; - --fg: #e8e4b1; - --accent: #c6a2fe; - --muted: #90918a; + --dxc-light-background: #352718; + --dxc-light-var-bg: #352718; + --dxc-light-var-surface: #45382a; + --dxc-light-color: #e8e4b1; + --dxc-light-var-fg: #e8e4b1; + --dxc-light-var-accent: #c6a2fe; + --dxc-light-var-muted: #90918a; + --dxc-light-a-at-color: #e4b53f; + --dxc-light-a-c-color: #90918a; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #6fcad0; + --dxc-light-a-cd-color: #90918a; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #a0d13a; + --dxc-light-a-cn-color: #ffa21f; + --dxc-light-a-co-color: #6fcad0; + --dxc-light-a-cs-color: #a0d13a; + --dxc-light-a-dr-color: #ffa21f; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ffa21f; + --dxc-light-a-f-color: #c6a2fe; + --dxc-light-a-fb-color: #f0aac5; + --dxc-light-a-fc-color: #c6a2fe; + --dxc-light-a-fd-color: #c6a2fe; + --dxc-light-a-fm-color: #c6a2fe; + --dxc-light-a-in-color: #ffa21f; + --dxc-light-a-k-color: #ffa21f; + --dxc-light-a-kc-color: #ffa21f; + --dxc-light-a-kd-color: #ffa21f; + --dxc-light-a-ke-color: #ffa21f; + --dxc-light-a-kf-color: #ffa21f; + --dxc-light-a-ki-color: #ffa21f; + --dxc-light-a-km-color: #ffa21f; + --dxc-light-a-ko-color: #ffa21f; + --dxc-light-a-kp-color: #ffa21f; + --dxc-light-a-kr-color: #ffa21f; + --dxc-light-a-kt-color: #ffa21f; + --dxc-light-a-ky-color: #ffa21f; + --dxc-light-a-l-color: #98bfff; + --dxc-light-a-m-color: #fa90aa; + --dxc-light-a-n-color: #62cfef; + --dxc-light-a-o-color: #ccaa70; + --dxc-light-a-p-color: #90918a; + --dxc-light-a-pb-color: #90918a; + --dxc-light-a-pd-color: #90918a; + --dxc-light-a-pp-color: #ffa21f; + --dxc-light-a-pr-color: #7fc5df; + --dxc-light-a-ps-color: #ff7f7f; + --dxc-light-a-rp-color: #ffa21f; + --dxc-light-a-rx-color: #a0d13a; + --dxc-light-a-s-color: #a0d13a; + --dxc-light-a-sc-color: #ffa21f; + --dxc-light-a-se-color: #eab780; + --dxc-light-a-sp-color: #e8e4b1; + --dxc-light-a-ss-color: #65d590; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #70e0cf; + --dxc-light-a-tb-color: #6fcad0; + --dxc-light-a-td-color: #e7a06f; + --dxc-light-a-te-color: #e7a06f; + --dxc-light-a-tf-color: #70e0cf; + --dxc-light-a-tg-color: #e7a06f; + --dxc-light-a-tl-color: #e8e4b1; + --dxc-light-a-tq-color: #70e0cf; + --dxc-light-a-tr-color: #7fc5df; + --dxc-light-a-tt-color: #e4b53f; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #57aff6; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #e8e4b1; + --dxc-light-a-vb-color: #ff8f98; + --dxc-light-a-vm-color: #e8e4b1; + --dxc-light-a-vp-color: #dfcfe0; } -.dxc-ef-melissa-dark .a-at { color: #e4b53f; } -.dxc-ef-melissa-dark .a-co { color: #6fcad0; } -.dxc-ef-melissa-dark .a-cb { color: #6fcad0; } -.dxc-ef-melissa-dark .a-fb { color: #f0aac5; } -.dxc-ef-melissa-dark .a-f { color: #c6a2fe; } -.dxc-ef-melissa-dark .a-fm { color: #c6a2fe; } -.dxc-ef-melissa-dark .a-k { color: #ffa21f; } -.dxc-ef-melissa-dark .a-kc { color: #ffa21f; } -.dxc-ef-melissa-dark .a-ko { color: #ffa21f; } -.dxc-ef-melissa-dark .a-kd { color: #ffa21f; } -.dxc-ef-melissa-dark .a-ke { color: #ffa21f; } -.dxc-ef-melissa-dark .a-kf { color: #ffa21f; } -.dxc-ef-melissa-dark .a-ki { color: #ffa21f; } -.dxc-ef-melissa-dark .a-kp { color: #ffa21f; } -.dxc-ef-melissa-dark .a-kr { color: #ffa21f; } -.dxc-ef-melissa-dark .a-kt { color: #ffa21f; } -.dxc-ef-melissa-dark .a-ky { color: #ffa21f; } -.dxc-ef-melissa-dark .a-o { color: #ccaa70; } -.dxc-ef-melissa-dark .a-pr { color: #7fc5df; } -.dxc-ef-melissa-dark .a-p { color: #90918a; } -.dxc-ef-melissa-dark .a-pb { color: #90918a; } -.dxc-ef-melissa-dark .a-pd { color: #90918a; } -.dxc-ef-melissa-dark .a-ps { color: #ff7f7f; } -.dxc-ef-melissa-dark .a-s { color: #a0d13a; } -.dxc-ef-melissa-dark .a-ss { color: #65d590; } -.dxc-ef-melissa-dark .a-tg { color: #e7a06f; } -.dxc-ef-melissa-dark .a-td { color: #e7a06f; } -.dxc-ef-melissa-dark .a-te { color: #e7a06f; } -.dxc-ef-melissa-dark .a-t { color: #70e0cf; } -.dxc-ef-melissa-dark .a-tb { color: #6fcad0; } -.dxc-ef-melissa-dark .a-tq { color: #70e0cf; } -.dxc-ef-melissa-dark .a-v { color: #e8e4b1; } -.dxc-ef-melissa-dark .a-vb { color: #ff8f98; } -.dxc-ef-melissa-dark .a-vp { color: #dfcfe0; } -.dxc-ef-melissa-dark .a-c { color: #90918a; font-style: italic; } -.dxc-ef-melissa-dark .a-cd { color: #90918a; font-style: italic; } -.dxc-ef-melissa-dark .a-m { color: #fa90aa; } -.dxc-ef-melissa-dark .a-l { color: #98bfff; } -.dxc-ef-melissa-dark .a-n { color: #62cfef; } -.dxc-ef-melissa-dark .a-tl { color: #e8e4b1; } -.dxc-ef-melissa-dark .a-em { font-style: italic; } -.dxc-ef-melissa-dark .a-st { font-weight: bold; } -.dxc-ef-melissa-dark .a-tu { color: #57aff6; text-decoration: underline; } -.dxc-ef-melissa-dark .a-tr { color: #7fc5df; } -.dxc-ef-melissa-dark .a-se { color: #eab780; } -.dxc-ef-melissa-dark .a-tt { color: #e4b53f; font-weight: bold; } -.dxc-ef-melissa-dark .a-tx { text-decoration: line-through; } -.dxc-ef-melissa-dark .a-sp { color: #e8e4b1; } -.dxc-ef-melissa-dark .a-in { color: #ffa21f; } -.dxc-ef-melissa-dark .a-sc { color: #ffa21f; } -.dxc-ef-melissa-dark .a-rp { color: #ffa21f; } -.dxc-ef-melissa-dark .a-cn { color: #ffa21f; } -.dxc-ef-melissa-dark .a-ex { color: #ffa21f; } -.dxc-ef-melissa-dark .a-pp { color: #ffa21f; } -.dxc-ef-melissa-dark .a-ch { color: #a0d13a; } -.dxc-ef-melissa-dark .a-cs { color: #a0d13a; } -.dxc-ef-melissa-dark .a-vm { color: #e8e4b1; } -.dxc-ef-melissa-dark .a-fd { color: #c6a2fe; } -.dxc-ef-melissa-dark .a-tf { color: #70e0cf; } -.dxc-ef-melissa-dark .a-fc { color: #c6a2fe; } -.dxc-ef-melissa-dark .a-km { color: #ffa21f; } -.dxc-ef-melissa-dark .a-dr { color: #ffa21f; } -.dxc-ef-melissa-dark .a-rx { color: #a0d13a; } diff --git a/assets/generated/arborium-themes/github-dark-system-dark.css b/assets/generated/arborium-themes/github-dark-system-dark.css new file mode 100644 index 0000000..e94af3e --- /dev/null +++ b/assets/generated/arborium-themes/github-dark-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-github-dark { + --dxc-dark-background: #0d1117; + --dxc-dark-var-bg: #0d1117; + --dxc-dark-var-surface: #20242a; + --dxc-dark-color: #e6edf3; + --dxc-dark-var-fg: #e6edf3; + --dxc-dark-var-accent: #d2a8ff; + --dxc-dark-var-muted: #8b949e; + --dxc-dark-a-at-color: #79c0ff; + --dxc-dark-a-c-color: #8b949e; + --dxc-dark-a-cb-color: #79c0ff; + --dxc-dark-a-cd-color: #8b949e; + --dxc-dark-a-ch-color: #a5d6ff; + --dxc-dark-a-cn-color: #ff7b72; + --dxc-dark-a-co-color: #79c0ff; + --dxc-dark-a-cs-color: #a5d6ff; + --dxc-dark-a-dr-color: #ff7b72; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #ff7b72; + --dxc-dark-a-f-color: #d2a8ff; + --dxc-dark-a-fb-color: #d2a8ff; + --dxc-dark-a-fc-color: #d2a8ff; + --dxc-dark-a-fd-color: #d2a8ff; + --dxc-dark-a-fm-color: #d2a8ff; + --dxc-dark-a-in-color: #ff7b72; + --dxc-dark-a-k-color: #ff7b72; + --dxc-dark-a-kc-color: #ff7b72; + --dxc-dark-a-kd-color: #ff7b72; + --dxc-dark-a-ke-color: #ff7b72; + --dxc-dark-a-kf-color: #ff7b72; + --dxc-dark-a-ki-color: #ff7b72; + --dxc-dark-a-km-color: #ff7b72; + --dxc-dark-a-ko-color: #ff7b72; + --dxc-dark-a-kp-color: #ff7b72; + --dxc-dark-a-kr-color: #ff7b72; + --dxc-dark-a-kt-color: #ff7b72; + --dxc-dark-a-ky-color: #ff7b72; + --dxc-dark-a-l-color: #d2a8ff; + --dxc-dark-a-m-color: #79c0ff; + --dxc-dark-a-n-color: #79c0ff; + --dxc-dark-a-o-color: #ff7b72; + --dxc-dark-a-p-color: #e6edf3; + --dxc-dark-a-pb-color: #e6edf3; + --dxc-dark-a-pd-color: #e6edf3; + --dxc-dark-a-pp-color: #ff7b72; + --dxc-dark-a-pr-color: #79c0ff; + --dxc-dark-a-ps-color: #79c0ff; + --dxc-dark-a-rp-color: #ff7b72; + --dxc-dark-a-rx-color: #a5d6ff; + --dxc-dark-a-s-color: #a5d6ff; + --dxc-dark-a-sc-color: #ff7b72; + --dxc-dark-a-se-color: #79c0ff; + --dxc-dark-a-sp-color: #e6edf3; + --dxc-dark-a-ss-color: #ff7b72; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #ffa657; + --dxc-dark-a-tb-color: #ffa657; + --dxc-dark-a-td-color: #7ee787; + --dxc-dark-a-te-color: #7ee787; + --dxc-dark-a-tf-color: #ffa657; + --dxc-dark-a-tg-color: #7ee787; + --dxc-dark-a-tl-color: #e6edf3; + --dxc-dark-a-tq-color: #ffa657; + --dxc-dark-a-tr-color: #d2a8ff; + --dxc-dark-a-tt-color: #d2a8ff; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #58a6ff; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #e6edf3; + --dxc-dark-a-vb-color: #ffa657; + --dxc-dark-a-vm-color: #e6edf3; + --dxc-dark-a-vp-color: #ffa657; +} diff --git a/assets/generated/arborium-themes/github-dark-system-light.css b/assets/generated/arborium-themes/github-dark-system-light.css new file mode 100644 index 0000000..dfe75d1 --- /dev/null +++ b/assets/generated/arborium-themes/github-dark-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-github-dark { + --dxc-light-background: #0d1117; + --dxc-light-var-bg: #0d1117; + --dxc-light-var-surface: #20242a; + --dxc-light-color: #e6edf3; + --dxc-light-var-fg: #e6edf3; + --dxc-light-var-accent: #d2a8ff; + --dxc-light-var-muted: #8b949e; + --dxc-light-a-at-color: #79c0ff; + --dxc-light-a-c-color: #8b949e; + --dxc-light-a-cb-color: #79c0ff; + --dxc-light-a-cd-color: #8b949e; + --dxc-light-a-ch-color: #a5d6ff; + --dxc-light-a-cn-color: #ff7b72; + --dxc-light-a-co-color: #79c0ff; + --dxc-light-a-cs-color: #a5d6ff; + --dxc-light-a-dr-color: #ff7b72; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ff7b72; + --dxc-light-a-f-color: #d2a8ff; + --dxc-light-a-fb-color: #d2a8ff; + --dxc-light-a-fc-color: #d2a8ff; + --dxc-light-a-fd-color: #d2a8ff; + --dxc-light-a-fm-color: #d2a8ff; + --dxc-light-a-in-color: #ff7b72; + --dxc-light-a-k-color: #ff7b72; + --dxc-light-a-kc-color: #ff7b72; + --dxc-light-a-kd-color: #ff7b72; + --dxc-light-a-ke-color: #ff7b72; + --dxc-light-a-kf-color: #ff7b72; + --dxc-light-a-ki-color: #ff7b72; + --dxc-light-a-km-color: #ff7b72; + --dxc-light-a-ko-color: #ff7b72; + --dxc-light-a-kp-color: #ff7b72; + --dxc-light-a-kr-color: #ff7b72; + --dxc-light-a-kt-color: #ff7b72; + --dxc-light-a-ky-color: #ff7b72; + --dxc-light-a-l-color: #d2a8ff; + --dxc-light-a-m-color: #79c0ff; + --dxc-light-a-n-color: #79c0ff; + --dxc-light-a-o-color: #ff7b72; + --dxc-light-a-p-color: #e6edf3; + --dxc-light-a-pb-color: #e6edf3; + --dxc-light-a-pd-color: #e6edf3; + --dxc-light-a-pp-color: #ff7b72; + --dxc-light-a-pr-color: #79c0ff; + --dxc-light-a-ps-color: #79c0ff; + --dxc-light-a-rp-color: #ff7b72; + --dxc-light-a-rx-color: #a5d6ff; + --dxc-light-a-s-color: #a5d6ff; + --dxc-light-a-sc-color: #ff7b72; + --dxc-light-a-se-color: #79c0ff; + --dxc-light-a-sp-color: #e6edf3; + --dxc-light-a-ss-color: #ff7b72; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #ffa657; + --dxc-light-a-tb-color: #ffa657; + --dxc-light-a-td-color: #7ee787; + --dxc-light-a-te-color: #7ee787; + --dxc-light-a-tf-color: #ffa657; + --dxc-light-a-tg-color: #7ee787; + --dxc-light-a-tl-color: #e6edf3; + --dxc-light-a-tq-color: #ffa657; + --dxc-light-a-tr-color: #d2a8ff; + --dxc-light-a-tt-color: #d2a8ff; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #58a6ff; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #e6edf3; + --dxc-light-a-vb-color: #ffa657; + --dxc-light-a-vm-color: #e6edf3; + --dxc-light-a-vp-color: #ffa657; +} diff --git a/assets/generated/arborium-themes/github-dark.css b/assets/generated/arborium-themes/github-dark.css index f33d455..d18bfdd 100644 --- a/assets/generated/arborium-themes/github-dark.css +++ b/assets/generated/arborium-themes/github-dark.css @@ -1,72 +1,74 @@ .dxc-github-dark { - background: #0d1117; - --bg: #0d1117; - --surface: #20242a; - color: #e6edf3; - --fg: #e6edf3; - --accent: #d2a8ff; - --muted: #8b949e; + --dxc-light-background: #0d1117; + --dxc-light-var-bg: #0d1117; + --dxc-light-var-surface: #20242a; + --dxc-light-color: #e6edf3; + --dxc-light-var-fg: #e6edf3; + --dxc-light-var-accent: #d2a8ff; + --dxc-light-var-muted: #8b949e; + --dxc-light-a-at-color: #79c0ff; + --dxc-light-a-c-color: #8b949e; + --dxc-light-a-cb-color: #79c0ff; + --dxc-light-a-cd-color: #8b949e; + --dxc-light-a-ch-color: #a5d6ff; + --dxc-light-a-cn-color: #ff7b72; + --dxc-light-a-co-color: #79c0ff; + --dxc-light-a-cs-color: #a5d6ff; + --dxc-light-a-dr-color: #ff7b72; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ff7b72; + --dxc-light-a-f-color: #d2a8ff; + --dxc-light-a-fb-color: #d2a8ff; + --dxc-light-a-fc-color: #d2a8ff; + --dxc-light-a-fd-color: #d2a8ff; + --dxc-light-a-fm-color: #d2a8ff; + --dxc-light-a-in-color: #ff7b72; + --dxc-light-a-k-color: #ff7b72; + --dxc-light-a-kc-color: #ff7b72; + --dxc-light-a-kd-color: #ff7b72; + --dxc-light-a-ke-color: #ff7b72; + --dxc-light-a-kf-color: #ff7b72; + --dxc-light-a-ki-color: #ff7b72; + --dxc-light-a-km-color: #ff7b72; + --dxc-light-a-ko-color: #ff7b72; + --dxc-light-a-kp-color: #ff7b72; + --dxc-light-a-kr-color: #ff7b72; + --dxc-light-a-kt-color: #ff7b72; + --dxc-light-a-ky-color: #ff7b72; + --dxc-light-a-l-color: #d2a8ff; + --dxc-light-a-m-color: #79c0ff; + --dxc-light-a-n-color: #79c0ff; + --dxc-light-a-o-color: #ff7b72; + --dxc-light-a-p-color: #e6edf3; + --dxc-light-a-pb-color: #e6edf3; + --dxc-light-a-pd-color: #e6edf3; + --dxc-light-a-pp-color: #ff7b72; + --dxc-light-a-pr-color: #79c0ff; + --dxc-light-a-ps-color: #79c0ff; + --dxc-light-a-rp-color: #ff7b72; + --dxc-light-a-rx-color: #a5d6ff; + --dxc-light-a-s-color: #a5d6ff; + --dxc-light-a-sc-color: #ff7b72; + --dxc-light-a-se-color: #79c0ff; + --dxc-light-a-sp-color: #e6edf3; + --dxc-light-a-ss-color: #ff7b72; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #ffa657; + --dxc-light-a-tb-color: #ffa657; + --dxc-light-a-td-color: #7ee787; + --dxc-light-a-te-color: #7ee787; + --dxc-light-a-tf-color: #ffa657; + --dxc-light-a-tg-color: #7ee787; + --dxc-light-a-tl-color: #e6edf3; + --dxc-light-a-tq-color: #ffa657; + --dxc-light-a-tr-color: #d2a8ff; + --dxc-light-a-tt-color: #d2a8ff; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #58a6ff; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #e6edf3; + --dxc-light-a-vb-color: #ffa657; + --dxc-light-a-vm-color: #e6edf3; + --dxc-light-a-vp-color: #ffa657; } -.dxc-github-dark .a-at { color: #79c0ff; } -.dxc-github-dark .a-co { color: #79c0ff; } -.dxc-github-dark .a-cb { color: #79c0ff; } -.dxc-github-dark .a-fb { color: #d2a8ff; } -.dxc-github-dark .a-f { color: #d2a8ff; } -.dxc-github-dark .a-fm { color: #d2a8ff; } -.dxc-github-dark .a-k { color: #ff7b72; } -.dxc-github-dark .a-kc { color: #ff7b72; } -.dxc-github-dark .a-ko { color: #ff7b72; } -.dxc-github-dark .a-kd { color: #ff7b72; } -.dxc-github-dark .a-ke { color: #ff7b72; } -.dxc-github-dark .a-kf { color: #ff7b72; } -.dxc-github-dark .a-ki { color: #ff7b72; } -.dxc-github-dark .a-kp { color: #ff7b72; } -.dxc-github-dark .a-kr { color: #ff7b72; } -.dxc-github-dark .a-kt { color: #ff7b72; } -.dxc-github-dark .a-ky { color: #ff7b72; } -.dxc-github-dark .a-o { color: #ff7b72; } -.dxc-github-dark .a-pr { color: #79c0ff; } -.dxc-github-dark .a-p { color: #e6edf3; } -.dxc-github-dark .a-pb { color: #e6edf3; } -.dxc-github-dark .a-pd { color: #e6edf3; } -.dxc-github-dark .a-ps { color: #79c0ff; } -.dxc-github-dark .a-s { color: #a5d6ff; } -.dxc-github-dark .a-ss { color: #ff7b72; } -.dxc-github-dark .a-tg { color: #7ee787; } -.dxc-github-dark .a-td { color: #7ee787; } -.dxc-github-dark .a-te { color: #7ee787; } -.dxc-github-dark .a-t { color: #ffa657; } -.dxc-github-dark .a-tb { color: #ffa657; } -.dxc-github-dark .a-tq { color: #ffa657; } -.dxc-github-dark .a-v { color: #e6edf3; } -.dxc-github-dark .a-vb { color: #ffa657; } -.dxc-github-dark .a-vp { color: #ffa657; } -.dxc-github-dark .a-c { color: #8b949e; } -.dxc-github-dark .a-cd { color: #8b949e; } -.dxc-github-dark .a-m { color: #79c0ff; } -.dxc-github-dark .a-l { color: #d2a8ff; } -.dxc-github-dark .a-n { color: #79c0ff; } -.dxc-github-dark .a-tl { color: #e6edf3; } -.dxc-github-dark .a-em { font-style: italic; } -.dxc-github-dark .a-st { font-weight: bold; } -.dxc-github-dark .a-tu { color: #58a6ff; text-decoration: underline; } -.dxc-github-dark .a-tr { color: #d2a8ff; } -.dxc-github-dark .a-se { color: #79c0ff; } -.dxc-github-dark .a-tt { color: #d2a8ff; font-weight: bold; } -.dxc-github-dark .a-tx { text-decoration: line-through; } -.dxc-github-dark .a-sp { color: #e6edf3; } -.dxc-github-dark .a-in { color: #ff7b72; } -.dxc-github-dark .a-sc { color: #ff7b72; } -.dxc-github-dark .a-rp { color: #ff7b72; } -.dxc-github-dark .a-cn { color: #ff7b72; } -.dxc-github-dark .a-ex { color: #ff7b72; } -.dxc-github-dark .a-pp { color: #ff7b72; } -.dxc-github-dark .a-ch { color: #a5d6ff; } -.dxc-github-dark .a-cs { color: #a5d6ff; } -.dxc-github-dark .a-vm { color: #e6edf3; } -.dxc-github-dark .a-fd { color: #d2a8ff; } -.dxc-github-dark .a-tf { color: #ffa657; } -.dxc-github-dark .a-fc { color: #d2a8ff; } -.dxc-github-dark .a-km { color: #ff7b72; } -.dxc-github-dark .a-dr { color: #ff7b72; } -.dxc-github-dark .a-rx { color: #a5d6ff; } diff --git a/assets/generated/arborium-themes/github-light-system-dark.css b/assets/generated/arborium-themes/github-light-system-dark.css new file mode 100644 index 0000000..142a642 --- /dev/null +++ b/assets/generated/arborium-themes/github-light-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-github-light { + --dxc-dark-background: #ffffff; + --dxc-dark-var-bg: #ffffff; + --dxc-dark-var-surface: #f2f2f2; + --dxc-dark-color: #1f2328; + --dxc-dark-var-fg: #1f2328; + --dxc-dark-var-accent: #8250df; + --dxc-dark-var-muted: #6e7781; + --dxc-dark-a-at-color: #0550ae; + --dxc-dark-a-c-color: #6e7781; + --dxc-dark-a-cb-color: #0550ae; + --dxc-dark-a-cd-color: #6e7781; + --dxc-dark-a-ch-color: #0a3069; + --dxc-dark-a-cn-color: #cf222e; + --dxc-dark-a-co-color: #0550ae; + --dxc-dark-a-cs-color: #0a3069; + --dxc-dark-a-dr-color: #cf222e; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #cf222e; + --dxc-dark-a-f-color: #8250df; + --dxc-dark-a-fb-color: #8250df; + --dxc-dark-a-fc-color: #8250df; + --dxc-dark-a-fd-color: #8250df; + --dxc-dark-a-fm-color: #8250df; + --dxc-dark-a-in-color: #cf222e; + --dxc-dark-a-k-color: #cf222e; + --dxc-dark-a-kc-color: #cf222e; + --dxc-dark-a-kd-color: #cf222e; + --dxc-dark-a-ke-color: #cf222e; + --dxc-dark-a-kf-color: #cf222e; + --dxc-dark-a-ki-color: #cf222e; + --dxc-dark-a-km-color: #cf222e; + --dxc-dark-a-ko-color: #cf222e; + --dxc-dark-a-kp-color: #cf222e; + --dxc-dark-a-kr-color: #cf222e; + --dxc-dark-a-kt-color: #cf222e; + --dxc-dark-a-ky-color: #cf222e; + --dxc-dark-a-l-color: #8250df; + --dxc-dark-a-m-color: #0550ae; + --dxc-dark-a-n-color: #0550ae; + --dxc-dark-a-o-color: #cf222e; + --dxc-dark-a-p-color: #1f2328; + --dxc-dark-a-pb-color: #1f2328; + --dxc-dark-a-pd-color: #1f2328; + --dxc-dark-a-pp-color: #cf222e; + --dxc-dark-a-pr-color: #0550ae; + --dxc-dark-a-ps-color: #0550ae; + --dxc-dark-a-rp-color: #cf222e; + --dxc-dark-a-rx-color: #0a3069; + --dxc-dark-a-s-color: #0a3069; + --dxc-dark-a-sc-color: #cf222e; + --dxc-dark-a-se-color: #0550ae; + --dxc-dark-a-sp-color: #1f2328; + --dxc-dark-a-ss-color: #cf222e; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #953800; + --dxc-dark-a-tb-color: #953800; + --dxc-dark-a-td-color: #116329; + --dxc-dark-a-te-color: #116329; + --dxc-dark-a-tf-color: #953800; + --dxc-dark-a-tg-color: #116329; + --dxc-dark-a-tl-color: #1f2328; + --dxc-dark-a-tq-color: #953800; + --dxc-dark-a-tr-color: #8250df; + --dxc-dark-a-tt-color: #8250df; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #0969da; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #1f2328; + --dxc-dark-a-vb-color: #953800; + --dxc-dark-a-vm-color: #1f2328; + --dxc-dark-a-vp-color: #953800; +} diff --git a/assets/generated/arborium-themes/github-light-system-light.css b/assets/generated/arborium-themes/github-light-system-light.css new file mode 100644 index 0000000..c0fbf98 --- /dev/null +++ b/assets/generated/arborium-themes/github-light-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-github-light { + --dxc-light-background: #ffffff; + --dxc-light-var-bg: #ffffff; + --dxc-light-var-surface: #f2f2f2; + --dxc-light-color: #1f2328; + --dxc-light-var-fg: #1f2328; + --dxc-light-var-accent: #8250df; + --dxc-light-var-muted: #6e7781; + --dxc-light-a-at-color: #0550ae; + --dxc-light-a-c-color: #6e7781; + --dxc-light-a-cb-color: #0550ae; + --dxc-light-a-cd-color: #6e7781; + --dxc-light-a-ch-color: #0a3069; + --dxc-light-a-cn-color: #cf222e; + --dxc-light-a-co-color: #0550ae; + --dxc-light-a-cs-color: #0a3069; + --dxc-light-a-dr-color: #cf222e; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #cf222e; + --dxc-light-a-f-color: #8250df; + --dxc-light-a-fb-color: #8250df; + --dxc-light-a-fc-color: #8250df; + --dxc-light-a-fd-color: #8250df; + --dxc-light-a-fm-color: #8250df; + --dxc-light-a-in-color: #cf222e; + --dxc-light-a-k-color: #cf222e; + --dxc-light-a-kc-color: #cf222e; + --dxc-light-a-kd-color: #cf222e; + --dxc-light-a-ke-color: #cf222e; + --dxc-light-a-kf-color: #cf222e; + --dxc-light-a-ki-color: #cf222e; + --dxc-light-a-km-color: #cf222e; + --dxc-light-a-ko-color: #cf222e; + --dxc-light-a-kp-color: #cf222e; + --dxc-light-a-kr-color: #cf222e; + --dxc-light-a-kt-color: #cf222e; + --dxc-light-a-ky-color: #cf222e; + --dxc-light-a-l-color: #8250df; + --dxc-light-a-m-color: #0550ae; + --dxc-light-a-n-color: #0550ae; + --dxc-light-a-o-color: #cf222e; + --dxc-light-a-p-color: #1f2328; + --dxc-light-a-pb-color: #1f2328; + --dxc-light-a-pd-color: #1f2328; + --dxc-light-a-pp-color: #cf222e; + --dxc-light-a-pr-color: #0550ae; + --dxc-light-a-ps-color: #0550ae; + --dxc-light-a-rp-color: #cf222e; + --dxc-light-a-rx-color: #0a3069; + --dxc-light-a-s-color: #0a3069; + --dxc-light-a-sc-color: #cf222e; + --dxc-light-a-se-color: #0550ae; + --dxc-light-a-sp-color: #1f2328; + --dxc-light-a-ss-color: #cf222e; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #953800; + --dxc-light-a-tb-color: #953800; + --dxc-light-a-td-color: #116329; + --dxc-light-a-te-color: #116329; + --dxc-light-a-tf-color: #953800; + --dxc-light-a-tg-color: #116329; + --dxc-light-a-tl-color: #1f2328; + --dxc-light-a-tq-color: #953800; + --dxc-light-a-tr-color: #8250df; + --dxc-light-a-tt-color: #8250df; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #0969da; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #1f2328; + --dxc-light-a-vb-color: #953800; + --dxc-light-a-vm-color: #1f2328; + --dxc-light-a-vp-color: #953800; +} diff --git a/assets/generated/arborium-themes/github-light.css b/assets/generated/arborium-themes/github-light.css index 017be6e..cfcd85e 100644 --- a/assets/generated/arborium-themes/github-light.css +++ b/assets/generated/arborium-themes/github-light.css @@ -1,72 +1,74 @@ .dxc-github-light { - background: #ffffff; - --bg: #ffffff; - --surface: #f2f2f2; - color: #1f2328; - --fg: #1f2328; - --accent: #8250df; - --muted: #6e7781; + --dxc-light-background: #ffffff; + --dxc-light-var-bg: #ffffff; + --dxc-light-var-surface: #f2f2f2; + --dxc-light-color: #1f2328; + --dxc-light-var-fg: #1f2328; + --dxc-light-var-accent: #8250df; + --dxc-light-var-muted: #6e7781; + --dxc-light-a-at-color: #0550ae; + --dxc-light-a-c-color: #6e7781; + --dxc-light-a-cb-color: #0550ae; + --dxc-light-a-cd-color: #6e7781; + --dxc-light-a-ch-color: #0a3069; + --dxc-light-a-cn-color: #cf222e; + --dxc-light-a-co-color: #0550ae; + --dxc-light-a-cs-color: #0a3069; + --dxc-light-a-dr-color: #cf222e; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #cf222e; + --dxc-light-a-f-color: #8250df; + --dxc-light-a-fb-color: #8250df; + --dxc-light-a-fc-color: #8250df; + --dxc-light-a-fd-color: #8250df; + --dxc-light-a-fm-color: #8250df; + --dxc-light-a-in-color: #cf222e; + --dxc-light-a-k-color: #cf222e; + --dxc-light-a-kc-color: #cf222e; + --dxc-light-a-kd-color: #cf222e; + --dxc-light-a-ke-color: #cf222e; + --dxc-light-a-kf-color: #cf222e; + --dxc-light-a-ki-color: #cf222e; + --dxc-light-a-km-color: #cf222e; + --dxc-light-a-ko-color: #cf222e; + --dxc-light-a-kp-color: #cf222e; + --dxc-light-a-kr-color: #cf222e; + --dxc-light-a-kt-color: #cf222e; + --dxc-light-a-ky-color: #cf222e; + --dxc-light-a-l-color: #8250df; + --dxc-light-a-m-color: #0550ae; + --dxc-light-a-n-color: #0550ae; + --dxc-light-a-o-color: #cf222e; + --dxc-light-a-p-color: #1f2328; + --dxc-light-a-pb-color: #1f2328; + --dxc-light-a-pd-color: #1f2328; + --dxc-light-a-pp-color: #cf222e; + --dxc-light-a-pr-color: #0550ae; + --dxc-light-a-ps-color: #0550ae; + --dxc-light-a-rp-color: #cf222e; + --dxc-light-a-rx-color: #0a3069; + --dxc-light-a-s-color: #0a3069; + --dxc-light-a-sc-color: #cf222e; + --dxc-light-a-se-color: #0550ae; + --dxc-light-a-sp-color: #1f2328; + --dxc-light-a-ss-color: #cf222e; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #953800; + --dxc-light-a-tb-color: #953800; + --dxc-light-a-td-color: #116329; + --dxc-light-a-te-color: #116329; + --dxc-light-a-tf-color: #953800; + --dxc-light-a-tg-color: #116329; + --dxc-light-a-tl-color: #1f2328; + --dxc-light-a-tq-color: #953800; + --dxc-light-a-tr-color: #8250df; + --dxc-light-a-tt-color: #8250df; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #0969da; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #1f2328; + --dxc-light-a-vb-color: #953800; + --dxc-light-a-vm-color: #1f2328; + --dxc-light-a-vp-color: #953800; } -.dxc-github-light .a-at { color: #0550ae; } -.dxc-github-light .a-co { color: #0550ae; } -.dxc-github-light .a-cb { color: #0550ae; } -.dxc-github-light .a-fb { color: #8250df; } -.dxc-github-light .a-f { color: #8250df; } -.dxc-github-light .a-fm { color: #8250df; } -.dxc-github-light .a-k { color: #cf222e; } -.dxc-github-light .a-kc { color: #cf222e; } -.dxc-github-light .a-ko { color: #cf222e; } -.dxc-github-light .a-kd { color: #cf222e; } -.dxc-github-light .a-ke { color: #cf222e; } -.dxc-github-light .a-kf { color: #cf222e; } -.dxc-github-light .a-ki { color: #cf222e; } -.dxc-github-light .a-kp { color: #cf222e; } -.dxc-github-light .a-kr { color: #cf222e; } -.dxc-github-light .a-kt { color: #cf222e; } -.dxc-github-light .a-ky { color: #cf222e; } -.dxc-github-light .a-o { color: #cf222e; } -.dxc-github-light .a-pr { color: #0550ae; } -.dxc-github-light .a-p { color: #1f2328; } -.dxc-github-light .a-pb { color: #1f2328; } -.dxc-github-light .a-pd { color: #1f2328; } -.dxc-github-light .a-ps { color: #0550ae; } -.dxc-github-light .a-s { color: #0a3069; } -.dxc-github-light .a-ss { color: #cf222e; } -.dxc-github-light .a-tg { color: #116329; } -.dxc-github-light .a-td { color: #116329; } -.dxc-github-light .a-te { color: #116329; } -.dxc-github-light .a-t { color: #953800; } -.dxc-github-light .a-tb { color: #953800; } -.dxc-github-light .a-tq { color: #953800; } -.dxc-github-light .a-v { color: #1f2328; } -.dxc-github-light .a-vb { color: #953800; } -.dxc-github-light .a-vp { color: #953800; } -.dxc-github-light .a-c { color: #6e7781; } -.dxc-github-light .a-cd { color: #6e7781; } -.dxc-github-light .a-m { color: #0550ae; } -.dxc-github-light .a-l { color: #8250df; } -.dxc-github-light .a-n { color: #0550ae; } -.dxc-github-light .a-tl { color: #1f2328; } -.dxc-github-light .a-em { font-style: italic; } -.dxc-github-light .a-st { font-weight: bold; } -.dxc-github-light .a-tu { color: #0969da; text-decoration: underline; } -.dxc-github-light .a-tr { color: #8250df; } -.dxc-github-light .a-se { color: #0550ae; } -.dxc-github-light .a-tt { color: #8250df; font-weight: bold; } -.dxc-github-light .a-tx { text-decoration: line-through; } -.dxc-github-light .a-sp { color: #1f2328; } -.dxc-github-light .a-in { color: #cf222e; } -.dxc-github-light .a-sc { color: #cf222e; } -.dxc-github-light .a-rp { color: #cf222e; } -.dxc-github-light .a-cn { color: #cf222e; } -.dxc-github-light .a-ex { color: #cf222e; } -.dxc-github-light .a-pp { color: #cf222e; } -.dxc-github-light .a-ch { color: #0a3069; } -.dxc-github-light .a-cs { color: #0a3069; } -.dxc-github-light .a-vm { color: #1f2328; } -.dxc-github-light .a-fd { color: #8250df; } -.dxc-github-light .a-tf { color: #953800; } -.dxc-github-light .a-fc { color: #8250df; } -.dxc-github-light .a-km { color: #cf222e; } -.dxc-github-light .a-dr { color: #cf222e; } -.dxc-github-light .a-rx { color: #0a3069; } diff --git a/assets/generated/arborium-themes/gruvbox-dark-system-dark.css b/assets/generated/arborium-themes/gruvbox-dark-system-dark.css new file mode 100644 index 0000000..2568a6d --- /dev/null +++ b/assets/generated/arborium-themes/gruvbox-dark-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-gruvbox-dark { + --dxc-dark-background: #282828; + --dxc-dark-var-bg: #282828; + --dxc-dark-var-surface: #393939; + --dxc-dark-color: #ebdbb2; + --dxc-dark-var-fg: #ebdbb2; + --dxc-dark-var-accent: #8ec07c; + --dxc-dark-var-muted: #928374; + --dxc-dark-a-at-color: #fabd2f; + --dxc-dark-a-c-color: #928374; + --dxc-dark-a-cb-color: #d3869b; + --dxc-dark-a-cd-color: #928374; + --dxc-dark-a-ch-color: #b8bb26; + --dxc-dark-a-cn-color: #fb4934; + --dxc-dark-a-co-color: #d3869b; + --dxc-dark-a-cs-color: #b8bb26; + --dxc-dark-a-dr-color: #fb4934; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #fb4934; + --dxc-dark-a-f-color: #8ec07c; + --dxc-dark-a-fb-color: #8ec07c; + --dxc-dark-a-fc-color: #8ec07c; + --dxc-dark-a-fd-color: #8ec07c; + --dxc-dark-a-fm-color: #8ec07c; + --dxc-dark-a-in-color: #fb4934; + --dxc-dark-a-k-color: #fb4934; + --dxc-dark-a-kc-color: #fb4934; + --dxc-dark-a-kd-color: #fb4934; + --dxc-dark-a-ke-color: #fb4934; + --dxc-dark-a-kf-color: #fb4934; + --dxc-dark-a-ki-color: #fb4934; + --dxc-dark-a-km-color: #fb4934; + --dxc-dark-a-ko-color: #fb4934; + --dxc-dark-a-kp-color: #fb4934; + --dxc-dark-a-kr-color: #fb4934; + --dxc-dark-a-kt-color: #fb4934; + --dxc-dark-a-ky-color: #fb4934; + --dxc-dark-a-l-color: #fb4934; + --dxc-dark-a-m-color: #8ec07c; + --dxc-dark-a-n-color: #d3869b; + --dxc-dark-a-o-color: #ebdbb2; + --dxc-dark-a-p-color: #ebdbb2; + --dxc-dark-a-pb-color: #ebdbb2; + --dxc-dark-a-pd-color: #ebdbb2; + --dxc-dark-a-pp-color: #fb4934; + --dxc-dark-a-pr-color: #83a598; + --dxc-dark-a-ps-color: #fe8019; + --dxc-dark-a-rp-color: #fb4934; + --dxc-dark-a-rx-color: #b8bb26; + --dxc-dark-a-s-color: #b8bb26; + --dxc-dark-a-sc-color: #fb4934; + --dxc-dark-a-se-color: #fe8019; + --dxc-dark-a-sp-color: #ebdbb2; + --dxc-dark-a-ss-color: #fe8019; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #fabd2f; + --dxc-dark-a-tb-color: #fabd2f; + --dxc-dark-a-td-color: #fb4934; + --dxc-dark-a-te-color: #fb4934; + --dxc-dark-a-tf-color: #fabd2f; + --dxc-dark-a-tg-color: #fb4934; + --dxc-dark-a-tl-color: #ebdbb2; + --dxc-dark-a-tq-color: #fabd2f; + --dxc-dark-a-tr-color: #8ec07c; + --dxc-dark-a-tt-color: #b8bb26; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #83a598; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #ebdbb2; + --dxc-dark-a-vb-color: #fe8019; + --dxc-dark-a-vm-color: #ebdbb2; + --dxc-dark-a-vp-color: #83a598; +} diff --git a/assets/generated/arborium-themes/gruvbox-dark-system-light.css b/assets/generated/arborium-themes/gruvbox-dark-system-light.css new file mode 100644 index 0000000..43ccc30 --- /dev/null +++ b/assets/generated/arborium-themes/gruvbox-dark-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-gruvbox-dark { + --dxc-light-background: #282828; + --dxc-light-var-bg: #282828; + --dxc-light-var-surface: #393939; + --dxc-light-color: #ebdbb2; + --dxc-light-var-fg: #ebdbb2; + --dxc-light-var-accent: #8ec07c; + --dxc-light-var-muted: #928374; + --dxc-light-a-at-color: #fabd2f; + --dxc-light-a-c-color: #928374; + --dxc-light-a-cb-color: #d3869b; + --dxc-light-a-cd-color: #928374; + --dxc-light-a-ch-color: #b8bb26; + --dxc-light-a-cn-color: #fb4934; + --dxc-light-a-co-color: #d3869b; + --dxc-light-a-cs-color: #b8bb26; + --dxc-light-a-dr-color: #fb4934; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #fb4934; + --dxc-light-a-f-color: #8ec07c; + --dxc-light-a-fb-color: #8ec07c; + --dxc-light-a-fc-color: #8ec07c; + --dxc-light-a-fd-color: #8ec07c; + --dxc-light-a-fm-color: #8ec07c; + --dxc-light-a-in-color: #fb4934; + --dxc-light-a-k-color: #fb4934; + --dxc-light-a-kc-color: #fb4934; + --dxc-light-a-kd-color: #fb4934; + --dxc-light-a-ke-color: #fb4934; + --dxc-light-a-kf-color: #fb4934; + --dxc-light-a-ki-color: #fb4934; + --dxc-light-a-km-color: #fb4934; + --dxc-light-a-ko-color: #fb4934; + --dxc-light-a-kp-color: #fb4934; + --dxc-light-a-kr-color: #fb4934; + --dxc-light-a-kt-color: #fb4934; + --dxc-light-a-ky-color: #fb4934; + --dxc-light-a-l-color: #fb4934; + --dxc-light-a-m-color: #8ec07c; + --dxc-light-a-n-color: #d3869b; + --dxc-light-a-o-color: #ebdbb2; + --dxc-light-a-p-color: #ebdbb2; + --dxc-light-a-pb-color: #ebdbb2; + --dxc-light-a-pd-color: #ebdbb2; + --dxc-light-a-pp-color: #fb4934; + --dxc-light-a-pr-color: #83a598; + --dxc-light-a-ps-color: #fe8019; + --dxc-light-a-rp-color: #fb4934; + --dxc-light-a-rx-color: #b8bb26; + --dxc-light-a-s-color: #b8bb26; + --dxc-light-a-sc-color: #fb4934; + --dxc-light-a-se-color: #fe8019; + --dxc-light-a-sp-color: #ebdbb2; + --dxc-light-a-ss-color: #fe8019; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #fabd2f; + --dxc-light-a-tb-color: #fabd2f; + --dxc-light-a-td-color: #fb4934; + --dxc-light-a-te-color: #fb4934; + --dxc-light-a-tf-color: #fabd2f; + --dxc-light-a-tg-color: #fb4934; + --dxc-light-a-tl-color: #ebdbb2; + --dxc-light-a-tq-color: #fabd2f; + --dxc-light-a-tr-color: #8ec07c; + --dxc-light-a-tt-color: #b8bb26; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #83a598; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #ebdbb2; + --dxc-light-a-vb-color: #fe8019; + --dxc-light-a-vm-color: #ebdbb2; + --dxc-light-a-vp-color: #83a598; +} diff --git a/assets/generated/arborium-themes/gruvbox-dark.css b/assets/generated/arborium-themes/gruvbox-dark.css index 829945e..f25c017 100644 --- a/assets/generated/arborium-themes/gruvbox-dark.css +++ b/assets/generated/arborium-themes/gruvbox-dark.css @@ -1,72 +1,74 @@ .dxc-gruvbox-dark { - background: #282828; - --bg: #282828; - --surface: #393939; - color: #ebdbb2; - --fg: #ebdbb2; - --accent: #8ec07c; - --muted: #928374; + --dxc-light-background: #282828; + --dxc-light-var-bg: #282828; + --dxc-light-var-surface: #393939; + --dxc-light-color: #ebdbb2; + --dxc-light-var-fg: #ebdbb2; + --dxc-light-var-accent: #8ec07c; + --dxc-light-var-muted: #928374; + --dxc-light-a-at-color: #fabd2f; + --dxc-light-a-c-color: #928374; + --dxc-light-a-cb-color: #d3869b; + --dxc-light-a-cd-color: #928374; + --dxc-light-a-ch-color: #b8bb26; + --dxc-light-a-cn-color: #fb4934; + --dxc-light-a-co-color: #d3869b; + --dxc-light-a-cs-color: #b8bb26; + --dxc-light-a-dr-color: #fb4934; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #fb4934; + --dxc-light-a-f-color: #8ec07c; + --dxc-light-a-fb-color: #8ec07c; + --dxc-light-a-fc-color: #8ec07c; + --dxc-light-a-fd-color: #8ec07c; + --dxc-light-a-fm-color: #8ec07c; + --dxc-light-a-in-color: #fb4934; + --dxc-light-a-k-color: #fb4934; + --dxc-light-a-kc-color: #fb4934; + --dxc-light-a-kd-color: #fb4934; + --dxc-light-a-ke-color: #fb4934; + --dxc-light-a-kf-color: #fb4934; + --dxc-light-a-ki-color: #fb4934; + --dxc-light-a-km-color: #fb4934; + --dxc-light-a-ko-color: #fb4934; + --dxc-light-a-kp-color: #fb4934; + --dxc-light-a-kr-color: #fb4934; + --dxc-light-a-kt-color: #fb4934; + --dxc-light-a-ky-color: #fb4934; + --dxc-light-a-l-color: #fb4934; + --dxc-light-a-m-color: #8ec07c; + --dxc-light-a-n-color: #d3869b; + --dxc-light-a-o-color: #ebdbb2; + --dxc-light-a-p-color: #ebdbb2; + --dxc-light-a-pb-color: #ebdbb2; + --dxc-light-a-pd-color: #ebdbb2; + --dxc-light-a-pp-color: #fb4934; + --dxc-light-a-pr-color: #83a598; + --dxc-light-a-ps-color: #fe8019; + --dxc-light-a-rp-color: #fb4934; + --dxc-light-a-rx-color: #b8bb26; + --dxc-light-a-s-color: #b8bb26; + --dxc-light-a-sc-color: #fb4934; + --dxc-light-a-se-color: #fe8019; + --dxc-light-a-sp-color: #ebdbb2; + --dxc-light-a-ss-color: #fe8019; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #fabd2f; + --dxc-light-a-tb-color: #fabd2f; + --dxc-light-a-td-color: #fb4934; + --dxc-light-a-te-color: #fb4934; + --dxc-light-a-tf-color: #fabd2f; + --dxc-light-a-tg-color: #fb4934; + --dxc-light-a-tl-color: #ebdbb2; + --dxc-light-a-tq-color: #fabd2f; + --dxc-light-a-tr-color: #8ec07c; + --dxc-light-a-tt-color: #b8bb26; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #83a598; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #ebdbb2; + --dxc-light-a-vb-color: #fe8019; + --dxc-light-a-vm-color: #ebdbb2; + --dxc-light-a-vp-color: #83a598; } -.dxc-gruvbox-dark .a-at { color: #fabd2f; } -.dxc-gruvbox-dark .a-co { color: #d3869b; } -.dxc-gruvbox-dark .a-cb { color: #d3869b; } -.dxc-gruvbox-dark .a-fb { color: #8ec07c; } -.dxc-gruvbox-dark .a-f { color: #8ec07c; } -.dxc-gruvbox-dark .a-fm { color: #8ec07c; } -.dxc-gruvbox-dark .a-k { color: #fb4934; } -.dxc-gruvbox-dark .a-kc { color: #fb4934; } -.dxc-gruvbox-dark .a-ko { color: #fb4934; } -.dxc-gruvbox-dark .a-kd { color: #fb4934; } -.dxc-gruvbox-dark .a-ke { color: #fb4934; } -.dxc-gruvbox-dark .a-kf { color: #fb4934; } -.dxc-gruvbox-dark .a-ki { color: #fb4934; } -.dxc-gruvbox-dark .a-kp { color: #fb4934; } -.dxc-gruvbox-dark .a-kr { color: #fb4934; } -.dxc-gruvbox-dark .a-kt { color: #fb4934; } -.dxc-gruvbox-dark .a-ky { color: #fb4934; } -.dxc-gruvbox-dark .a-o { color: #ebdbb2; } -.dxc-gruvbox-dark .a-pr { color: #83a598; } -.dxc-gruvbox-dark .a-p { color: #ebdbb2; } -.dxc-gruvbox-dark .a-pb { color: #ebdbb2; } -.dxc-gruvbox-dark .a-pd { color: #ebdbb2; } -.dxc-gruvbox-dark .a-ps { color: #fe8019; } -.dxc-gruvbox-dark .a-s { color: #b8bb26; } -.dxc-gruvbox-dark .a-ss { color: #fe8019; } -.dxc-gruvbox-dark .a-tg { color: #fb4934; } -.dxc-gruvbox-dark .a-td { color: #fb4934; } -.dxc-gruvbox-dark .a-te { color: #fb4934; } -.dxc-gruvbox-dark .a-t { color: #fabd2f; } -.dxc-gruvbox-dark .a-tb { color: #fabd2f; } -.dxc-gruvbox-dark .a-tq { color: #fabd2f; } -.dxc-gruvbox-dark .a-v { color: #ebdbb2; } -.dxc-gruvbox-dark .a-vb { color: #fe8019; } -.dxc-gruvbox-dark .a-vp { color: #83a598; } -.dxc-gruvbox-dark .a-c { color: #928374; } -.dxc-gruvbox-dark .a-cd { color: #928374; } -.dxc-gruvbox-dark .a-m { color: #8ec07c; } -.dxc-gruvbox-dark .a-l { color: #fb4934; } -.dxc-gruvbox-dark .a-n { color: #d3869b; } -.dxc-gruvbox-dark .a-tl { color: #ebdbb2; } -.dxc-gruvbox-dark .a-em { font-style: italic; } -.dxc-gruvbox-dark .a-st { font-weight: bold; } -.dxc-gruvbox-dark .a-tu { color: #83a598; text-decoration: underline; } -.dxc-gruvbox-dark .a-tr { color: #8ec07c; } -.dxc-gruvbox-dark .a-se { color: #fe8019; } -.dxc-gruvbox-dark .a-tt { color: #b8bb26; font-weight: bold; } -.dxc-gruvbox-dark .a-tx { text-decoration: line-through; } -.dxc-gruvbox-dark .a-sp { color: #ebdbb2; } -.dxc-gruvbox-dark .a-in { color: #fb4934; } -.dxc-gruvbox-dark .a-sc { color: #fb4934; } -.dxc-gruvbox-dark .a-rp { color: #fb4934; } -.dxc-gruvbox-dark .a-cn { color: #fb4934; } -.dxc-gruvbox-dark .a-ex { color: #fb4934; } -.dxc-gruvbox-dark .a-pp { color: #fb4934; } -.dxc-gruvbox-dark .a-ch { color: #b8bb26; } -.dxc-gruvbox-dark .a-cs { color: #b8bb26; } -.dxc-gruvbox-dark .a-vm { color: #ebdbb2; } -.dxc-gruvbox-dark .a-fd { color: #8ec07c; } -.dxc-gruvbox-dark .a-tf { color: #fabd2f; } -.dxc-gruvbox-dark .a-fc { color: #8ec07c; } -.dxc-gruvbox-dark .a-km { color: #fb4934; } -.dxc-gruvbox-dark .a-dr { color: #fb4934; } -.dxc-gruvbox-dark .a-rx { color: #b8bb26; } diff --git a/assets/generated/arborium-themes/gruvbox-light-system-dark.css b/assets/generated/arborium-themes/gruvbox-light-system-dark.css new file mode 100644 index 0000000..fefaf28 --- /dev/null +++ b/assets/generated/arborium-themes/gruvbox-light-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-gruvbox-light { + --dxc-dark-background: #fbf1c7; + --dxc-dark-var-bg: #fbf1c7; + --dxc-dark-var-surface: #eee5bd; + --dxc-dark-color: #3c3836; + --dxc-dark-var-fg: #3c3836; + --dxc-dark-var-accent: #427b58; + --dxc-dark-var-muted: #928374; + --dxc-dark-a-at-color: #b57614; + --dxc-dark-a-c-color: #928374; + --dxc-dark-a-cb-color: #8f3f71; + --dxc-dark-a-cd-color: #928374; + --dxc-dark-a-ch-color: #79740e; + --dxc-dark-a-cn-color: #9d0006; + --dxc-dark-a-co-color: #8f3f71; + --dxc-dark-a-cs-color: #79740e; + --dxc-dark-a-dr-color: #9d0006; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #9d0006; + --dxc-dark-a-f-color: #427b58; + --dxc-dark-a-fb-color: #427b58; + --dxc-dark-a-fc-color: #427b58; + --dxc-dark-a-fd-color: #427b58; + --dxc-dark-a-fm-color: #427b58; + --dxc-dark-a-in-color: #9d0006; + --dxc-dark-a-k-color: #9d0006; + --dxc-dark-a-kc-color: #9d0006; + --dxc-dark-a-kd-color: #9d0006; + --dxc-dark-a-ke-color: #9d0006; + --dxc-dark-a-kf-color: #9d0006; + --dxc-dark-a-ki-color: #9d0006; + --dxc-dark-a-km-color: #9d0006; + --dxc-dark-a-ko-color: #9d0006; + --dxc-dark-a-kp-color: #9d0006; + --dxc-dark-a-kr-color: #9d0006; + --dxc-dark-a-kt-color: #9d0006; + --dxc-dark-a-ky-color: #9d0006; + --dxc-dark-a-l-color: #9d0006; + --dxc-dark-a-m-color: #427b58; + --dxc-dark-a-n-color: #8f3f71; + --dxc-dark-a-o-color: #3c3836; + --dxc-dark-a-p-color: #3c3836; + --dxc-dark-a-pb-color: #3c3836; + --dxc-dark-a-pd-color: #3c3836; + --dxc-dark-a-pp-color: #9d0006; + --dxc-dark-a-pr-color: #076678; + --dxc-dark-a-ps-color: #af3a03; + --dxc-dark-a-rp-color: #9d0006; + --dxc-dark-a-rx-color: #79740e; + --dxc-dark-a-s-color: #79740e; + --dxc-dark-a-sc-color: #9d0006; + --dxc-dark-a-se-color: #af3a03; + --dxc-dark-a-sp-color: #3c3836; + --dxc-dark-a-ss-color: #af3a03; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #b57614; + --dxc-dark-a-tb-color: #b57614; + --dxc-dark-a-td-color: #9d0006; + --dxc-dark-a-te-color: #9d0006; + --dxc-dark-a-tf-color: #b57614; + --dxc-dark-a-tg-color: #9d0006; + --dxc-dark-a-tl-color: #3c3836; + --dxc-dark-a-tq-color: #b57614; + --dxc-dark-a-tr-color: #427b58; + --dxc-dark-a-tt-color: #79740e; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #076678; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #3c3836; + --dxc-dark-a-vb-color: #af3a03; + --dxc-dark-a-vm-color: #3c3836; + --dxc-dark-a-vp-color: #076678; +} diff --git a/assets/generated/arborium-themes/gruvbox-light-system-light.css b/assets/generated/arborium-themes/gruvbox-light-system-light.css new file mode 100644 index 0000000..149e166 --- /dev/null +++ b/assets/generated/arborium-themes/gruvbox-light-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-gruvbox-light { + --dxc-light-background: #fbf1c7; + --dxc-light-var-bg: #fbf1c7; + --dxc-light-var-surface: #eee5bd; + --dxc-light-color: #3c3836; + --dxc-light-var-fg: #3c3836; + --dxc-light-var-accent: #427b58; + --dxc-light-var-muted: #928374; + --dxc-light-a-at-color: #b57614; + --dxc-light-a-c-color: #928374; + --dxc-light-a-cb-color: #8f3f71; + --dxc-light-a-cd-color: #928374; + --dxc-light-a-ch-color: #79740e; + --dxc-light-a-cn-color: #9d0006; + --dxc-light-a-co-color: #8f3f71; + --dxc-light-a-cs-color: #79740e; + --dxc-light-a-dr-color: #9d0006; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #9d0006; + --dxc-light-a-f-color: #427b58; + --dxc-light-a-fb-color: #427b58; + --dxc-light-a-fc-color: #427b58; + --dxc-light-a-fd-color: #427b58; + --dxc-light-a-fm-color: #427b58; + --dxc-light-a-in-color: #9d0006; + --dxc-light-a-k-color: #9d0006; + --dxc-light-a-kc-color: #9d0006; + --dxc-light-a-kd-color: #9d0006; + --dxc-light-a-ke-color: #9d0006; + --dxc-light-a-kf-color: #9d0006; + --dxc-light-a-ki-color: #9d0006; + --dxc-light-a-km-color: #9d0006; + --dxc-light-a-ko-color: #9d0006; + --dxc-light-a-kp-color: #9d0006; + --dxc-light-a-kr-color: #9d0006; + --dxc-light-a-kt-color: #9d0006; + --dxc-light-a-ky-color: #9d0006; + --dxc-light-a-l-color: #9d0006; + --dxc-light-a-m-color: #427b58; + --dxc-light-a-n-color: #8f3f71; + --dxc-light-a-o-color: #3c3836; + --dxc-light-a-p-color: #3c3836; + --dxc-light-a-pb-color: #3c3836; + --dxc-light-a-pd-color: #3c3836; + --dxc-light-a-pp-color: #9d0006; + --dxc-light-a-pr-color: #076678; + --dxc-light-a-ps-color: #af3a03; + --dxc-light-a-rp-color: #9d0006; + --dxc-light-a-rx-color: #79740e; + --dxc-light-a-s-color: #79740e; + --dxc-light-a-sc-color: #9d0006; + --dxc-light-a-se-color: #af3a03; + --dxc-light-a-sp-color: #3c3836; + --dxc-light-a-ss-color: #af3a03; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #b57614; + --dxc-light-a-tb-color: #b57614; + --dxc-light-a-td-color: #9d0006; + --dxc-light-a-te-color: #9d0006; + --dxc-light-a-tf-color: #b57614; + --dxc-light-a-tg-color: #9d0006; + --dxc-light-a-tl-color: #3c3836; + --dxc-light-a-tq-color: #b57614; + --dxc-light-a-tr-color: #427b58; + --dxc-light-a-tt-color: #79740e; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #076678; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #3c3836; + --dxc-light-a-vb-color: #af3a03; + --dxc-light-a-vm-color: #3c3836; + --dxc-light-a-vp-color: #076678; +} diff --git a/assets/generated/arborium-themes/gruvbox-light.css b/assets/generated/arborium-themes/gruvbox-light.css index e79b0a3..bccd853 100644 --- a/assets/generated/arborium-themes/gruvbox-light.css +++ b/assets/generated/arborium-themes/gruvbox-light.css @@ -1,72 +1,74 @@ .dxc-gruvbox-light { - background: #fbf1c7; - --bg: #fbf1c7; - --surface: #eee5bd; - color: #3c3836; - --fg: #3c3836; - --accent: #427b58; - --muted: #928374; + --dxc-light-background: #fbf1c7; + --dxc-light-var-bg: #fbf1c7; + --dxc-light-var-surface: #eee5bd; + --dxc-light-color: #3c3836; + --dxc-light-var-fg: #3c3836; + --dxc-light-var-accent: #427b58; + --dxc-light-var-muted: #928374; + --dxc-light-a-at-color: #b57614; + --dxc-light-a-c-color: #928374; + --dxc-light-a-cb-color: #8f3f71; + --dxc-light-a-cd-color: #928374; + --dxc-light-a-ch-color: #79740e; + --dxc-light-a-cn-color: #9d0006; + --dxc-light-a-co-color: #8f3f71; + --dxc-light-a-cs-color: #79740e; + --dxc-light-a-dr-color: #9d0006; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #9d0006; + --dxc-light-a-f-color: #427b58; + --dxc-light-a-fb-color: #427b58; + --dxc-light-a-fc-color: #427b58; + --dxc-light-a-fd-color: #427b58; + --dxc-light-a-fm-color: #427b58; + --dxc-light-a-in-color: #9d0006; + --dxc-light-a-k-color: #9d0006; + --dxc-light-a-kc-color: #9d0006; + --dxc-light-a-kd-color: #9d0006; + --dxc-light-a-ke-color: #9d0006; + --dxc-light-a-kf-color: #9d0006; + --dxc-light-a-ki-color: #9d0006; + --dxc-light-a-km-color: #9d0006; + --dxc-light-a-ko-color: #9d0006; + --dxc-light-a-kp-color: #9d0006; + --dxc-light-a-kr-color: #9d0006; + --dxc-light-a-kt-color: #9d0006; + --dxc-light-a-ky-color: #9d0006; + --dxc-light-a-l-color: #9d0006; + --dxc-light-a-m-color: #427b58; + --dxc-light-a-n-color: #8f3f71; + --dxc-light-a-o-color: #3c3836; + --dxc-light-a-p-color: #3c3836; + --dxc-light-a-pb-color: #3c3836; + --dxc-light-a-pd-color: #3c3836; + --dxc-light-a-pp-color: #9d0006; + --dxc-light-a-pr-color: #076678; + --dxc-light-a-ps-color: #af3a03; + --dxc-light-a-rp-color: #9d0006; + --dxc-light-a-rx-color: #79740e; + --dxc-light-a-s-color: #79740e; + --dxc-light-a-sc-color: #9d0006; + --dxc-light-a-se-color: #af3a03; + --dxc-light-a-sp-color: #3c3836; + --dxc-light-a-ss-color: #af3a03; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #b57614; + --dxc-light-a-tb-color: #b57614; + --dxc-light-a-td-color: #9d0006; + --dxc-light-a-te-color: #9d0006; + --dxc-light-a-tf-color: #b57614; + --dxc-light-a-tg-color: #9d0006; + --dxc-light-a-tl-color: #3c3836; + --dxc-light-a-tq-color: #b57614; + --dxc-light-a-tr-color: #427b58; + --dxc-light-a-tt-color: #79740e; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #076678; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #3c3836; + --dxc-light-a-vb-color: #af3a03; + --dxc-light-a-vm-color: #3c3836; + --dxc-light-a-vp-color: #076678; } -.dxc-gruvbox-light .a-at { color: #b57614; } -.dxc-gruvbox-light .a-co { color: #8f3f71; } -.dxc-gruvbox-light .a-cb { color: #8f3f71; } -.dxc-gruvbox-light .a-fb { color: #427b58; } -.dxc-gruvbox-light .a-f { color: #427b58; } -.dxc-gruvbox-light .a-fm { color: #427b58; } -.dxc-gruvbox-light .a-k { color: #9d0006; } -.dxc-gruvbox-light .a-kc { color: #9d0006; } -.dxc-gruvbox-light .a-ko { color: #9d0006; } -.dxc-gruvbox-light .a-kd { color: #9d0006; } -.dxc-gruvbox-light .a-ke { color: #9d0006; } -.dxc-gruvbox-light .a-kf { color: #9d0006; } -.dxc-gruvbox-light .a-ki { color: #9d0006; } -.dxc-gruvbox-light .a-kp { color: #9d0006; } -.dxc-gruvbox-light .a-kr { color: #9d0006; } -.dxc-gruvbox-light .a-kt { color: #9d0006; } -.dxc-gruvbox-light .a-ky { color: #9d0006; } -.dxc-gruvbox-light .a-o { color: #3c3836; } -.dxc-gruvbox-light .a-pr { color: #076678; } -.dxc-gruvbox-light .a-p { color: #3c3836; } -.dxc-gruvbox-light .a-pb { color: #3c3836; } -.dxc-gruvbox-light .a-pd { color: #3c3836; } -.dxc-gruvbox-light .a-ps { color: #af3a03; } -.dxc-gruvbox-light .a-s { color: #79740e; } -.dxc-gruvbox-light .a-ss { color: #af3a03; } -.dxc-gruvbox-light .a-tg { color: #9d0006; } -.dxc-gruvbox-light .a-td { color: #9d0006; } -.dxc-gruvbox-light .a-te { color: #9d0006; } -.dxc-gruvbox-light .a-t { color: #b57614; } -.dxc-gruvbox-light .a-tb { color: #b57614; } -.dxc-gruvbox-light .a-tq { color: #b57614; } -.dxc-gruvbox-light .a-v { color: #3c3836; } -.dxc-gruvbox-light .a-vb { color: #af3a03; } -.dxc-gruvbox-light .a-vp { color: #076678; } -.dxc-gruvbox-light .a-c { color: #928374; } -.dxc-gruvbox-light .a-cd { color: #928374; } -.dxc-gruvbox-light .a-m { color: #427b58; } -.dxc-gruvbox-light .a-l { color: #9d0006; } -.dxc-gruvbox-light .a-n { color: #8f3f71; } -.dxc-gruvbox-light .a-tl { color: #3c3836; } -.dxc-gruvbox-light .a-em { font-style: italic; } -.dxc-gruvbox-light .a-st { font-weight: bold; } -.dxc-gruvbox-light .a-tu { color: #076678; text-decoration: underline; } -.dxc-gruvbox-light .a-tr { color: #427b58; } -.dxc-gruvbox-light .a-se { color: #af3a03; } -.dxc-gruvbox-light .a-tt { color: #79740e; font-weight: bold; } -.dxc-gruvbox-light .a-tx { text-decoration: line-through; } -.dxc-gruvbox-light .a-sp { color: #3c3836; } -.dxc-gruvbox-light .a-in { color: #9d0006; } -.dxc-gruvbox-light .a-sc { color: #9d0006; } -.dxc-gruvbox-light .a-rp { color: #9d0006; } -.dxc-gruvbox-light .a-cn { color: #9d0006; } -.dxc-gruvbox-light .a-ex { color: #9d0006; } -.dxc-gruvbox-light .a-pp { color: #9d0006; } -.dxc-gruvbox-light .a-ch { color: #79740e; } -.dxc-gruvbox-light .a-cs { color: #79740e; } -.dxc-gruvbox-light .a-vm { color: #3c3836; } -.dxc-gruvbox-light .a-fd { color: #427b58; } -.dxc-gruvbox-light .a-tf { color: #b57614; } -.dxc-gruvbox-light .a-fc { color: #427b58; } -.dxc-gruvbox-light .a-km { color: #9d0006; } -.dxc-gruvbox-light .a-dr { color: #9d0006; } -.dxc-gruvbox-light .a-rx { color: #79740e; } diff --git a/assets/generated/arborium-themes/kanagawa-dragon-system-dark.css b/assets/generated/arborium-themes/kanagawa-dragon-system-dark.css new file mode 100644 index 0000000..4ac786d --- /dev/null +++ b/assets/generated/arborium-themes/kanagawa-dragon-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-kanagawa-dragon { + --dxc-dark-background: #181616; + --dxc-dark-var-bg: #181616; + --dxc-dark-var-surface: #2a2929; + --dxc-dark-color: #c5c9c5; + --dxc-dark-var-fg: #c5c9c5; + --dxc-dark-var-accent: #8ba4b0; + --dxc-dark-var-muted: #625e5a; + --dxc-dark-a-at-color: #c4b28a; + --dxc-dark-a-c-color: #625e5a; + --dxc-dark-a-cb-color: #b6927b; + --dxc-dark-a-cd-color: #625e5a; + --dxc-dark-a-ch-color: #8a9a7b; + --dxc-dark-a-cn-color: #c4746e; + --dxc-dark-a-co-color: #b6927b; + --dxc-dark-a-cs-color: #8a9a7b; + --dxc-dark-a-dr-color: #c4746e; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #c4746e; + --dxc-dark-a-f-color: #8ba4b0; + --dxc-dark-a-fb-color: #7aa89f; + --dxc-dark-a-fc-color: #8ba4b0; + --dxc-dark-a-fd-color: #8ba4b0; + --dxc-dark-a-fm-color: #8ba4b0; + --dxc-dark-a-in-color: #c4746e; + --dxc-dark-a-k-color: #c4746e; + --dxc-dark-a-kc-color: #c4746e; + --dxc-dark-a-kd-color: #c4746e; + --dxc-dark-a-ke-color: #c4746e; + --dxc-dark-a-kf-color: #c4746e; + --dxc-dark-a-ki-color: #c4746e; + --dxc-dark-a-km-color: #c4746e; + --dxc-dark-a-ko-color: #c4746e; + --dxc-dark-a-kp-color: #c4746e; + --dxc-dark-a-kr-color: #c4746e; + --dxc-dark-a-kt-color: #c4746e; + --dxc-dark-a-ky-color: #c4746e; + --dxc-dark-a-l-color: #a292a3; + --dxc-dark-a-m-color: #7aa89f; + --dxc-dark-a-n-color: #a292a3; + --dxc-dark-a-o-color: #c4746e; + --dxc-dark-a-p-color: #c5c9c5; + --dxc-dark-a-pb-color: #c5c9c5; + --dxc-dark-a-pd-color: #c5c9c5; + --dxc-dark-a-pp-color: #c4746e; + --dxc-dark-a-pr-color: #c4b28a; + --dxc-dark-a-ps-color: #7aa89f; + --dxc-dark-a-rp-color: #c4746e; + --dxc-dark-a-rx-color: #8a9a7b; + --dxc-dark-a-s-color: #8a9a7b; + --dxc-dark-a-sc-color: #c4746e; + --dxc-dark-a-se-color: #a292a3; + --dxc-dark-a-sp-color: #c5c9c5; + --dxc-dark-a-ss-color: #a292a3; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #8ea4a2; + --dxc-dark-a-tb-color: #8ea4a2; + --dxc-dark-a-td-color: #c4746e; + --dxc-dark-a-te-color: #c4746e; + --dxc-dark-a-tf-color: #8ea4a2; + --dxc-dark-a-tg-color: #c4746e; + --dxc-dark-a-tl-color: #c5c9c5; + --dxc-dark-a-tq-color: #8ea4a2; + --dxc-dark-a-tr-color: #7aa89f; + --dxc-dark-a-tt-color: #8ea4a2; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #8ba4b0; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #c5c9c5; + --dxc-dark-a-vb-color: #c4746e; + --dxc-dark-a-vm-color: #c5c9c5; + --dxc-dark-a-vp-color: #9c9c9c; +} diff --git a/assets/generated/arborium-themes/kanagawa-dragon-system-light.css b/assets/generated/arborium-themes/kanagawa-dragon-system-light.css new file mode 100644 index 0000000..adfc200 --- /dev/null +++ b/assets/generated/arborium-themes/kanagawa-dragon-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-kanagawa-dragon { + --dxc-light-background: #181616; + --dxc-light-var-bg: #181616; + --dxc-light-var-surface: #2a2929; + --dxc-light-color: #c5c9c5; + --dxc-light-var-fg: #c5c9c5; + --dxc-light-var-accent: #8ba4b0; + --dxc-light-var-muted: #625e5a; + --dxc-light-a-at-color: #c4b28a; + --dxc-light-a-c-color: #625e5a; + --dxc-light-a-cb-color: #b6927b; + --dxc-light-a-cd-color: #625e5a; + --dxc-light-a-ch-color: #8a9a7b; + --dxc-light-a-cn-color: #c4746e; + --dxc-light-a-co-color: #b6927b; + --dxc-light-a-cs-color: #8a9a7b; + --dxc-light-a-dr-color: #c4746e; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #c4746e; + --dxc-light-a-f-color: #8ba4b0; + --dxc-light-a-fb-color: #7aa89f; + --dxc-light-a-fc-color: #8ba4b0; + --dxc-light-a-fd-color: #8ba4b0; + --dxc-light-a-fm-color: #8ba4b0; + --dxc-light-a-in-color: #c4746e; + --dxc-light-a-k-color: #c4746e; + --dxc-light-a-kc-color: #c4746e; + --dxc-light-a-kd-color: #c4746e; + --dxc-light-a-ke-color: #c4746e; + --dxc-light-a-kf-color: #c4746e; + --dxc-light-a-ki-color: #c4746e; + --dxc-light-a-km-color: #c4746e; + --dxc-light-a-ko-color: #c4746e; + --dxc-light-a-kp-color: #c4746e; + --dxc-light-a-kr-color: #c4746e; + --dxc-light-a-kt-color: #c4746e; + --dxc-light-a-ky-color: #c4746e; + --dxc-light-a-l-color: #a292a3; + --dxc-light-a-m-color: #7aa89f; + --dxc-light-a-n-color: #a292a3; + --dxc-light-a-o-color: #c4746e; + --dxc-light-a-p-color: #c5c9c5; + --dxc-light-a-pb-color: #c5c9c5; + --dxc-light-a-pd-color: #c5c9c5; + --dxc-light-a-pp-color: #c4746e; + --dxc-light-a-pr-color: #c4b28a; + --dxc-light-a-ps-color: #7aa89f; + --dxc-light-a-rp-color: #c4746e; + --dxc-light-a-rx-color: #8a9a7b; + --dxc-light-a-s-color: #8a9a7b; + --dxc-light-a-sc-color: #c4746e; + --dxc-light-a-se-color: #a292a3; + --dxc-light-a-sp-color: #c5c9c5; + --dxc-light-a-ss-color: #a292a3; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #8ea4a2; + --dxc-light-a-tb-color: #8ea4a2; + --dxc-light-a-td-color: #c4746e; + --dxc-light-a-te-color: #c4746e; + --dxc-light-a-tf-color: #8ea4a2; + --dxc-light-a-tg-color: #c4746e; + --dxc-light-a-tl-color: #c5c9c5; + --dxc-light-a-tq-color: #8ea4a2; + --dxc-light-a-tr-color: #7aa89f; + --dxc-light-a-tt-color: #8ea4a2; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #8ba4b0; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #c5c9c5; + --dxc-light-a-vb-color: #c4746e; + --dxc-light-a-vm-color: #c5c9c5; + --dxc-light-a-vp-color: #9c9c9c; +} diff --git a/assets/generated/arborium-themes/kanagawa-dragon.css b/assets/generated/arborium-themes/kanagawa-dragon.css index eaa8683..13083fb 100644 --- a/assets/generated/arborium-themes/kanagawa-dragon.css +++ b/assets/generated/arborium-themes/kanagawa-dragon.css @@ -1,72 +1,74 @@ .dxc-kanagawa-dragon { - background: #181616; - --bg: #181616; - --surface: #2a2929; - color: #c5c9c5; - --fg: #c5c9c5; - --accent: #8ba4b0; - --muted: #625e5a; + --dxc-light-background: #181616; + --dxc-light-var-bg: #181616; + --dxc-light-var-surface: #2a2929; + --dxc-light-color: #c5c9c5; + --dxc-light-var-fg: #c5c9c5; + --dxc-light-var-accent: #8ba4b0; + --dxc-light-var-muted: #625e5a; + --dxc-light-a-at-color: #c4b28a; + --dxc-light-a-c-color: #625e5a; + --dxc-light-a-cb-color: #b6927b; + --dxc-light-a-cd-color: #625e5a; + --dxc-light-a-ch-color: #8a9a7b; + --dxc-light-a-cn-color: #c4746e; + --dxc-light-a-co-color: #b6927b; + --dxc-light-a-cs-color: #8a9a7b; + --dxc-light-a-dr-color: #c4746e; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #c4746e; + --dxc-light-a-f-color: #8ba4b0; + --dxc-light-a-fb-color: #7aa89f; + --dxc-light-a-fc-color: #8ba4b0; + --dxc-light-a-fd-color: #8ba4b0; + --dxc-light-a-fm-color: #8ba4b0; + --dxc-light-a-in-color: #c4746e; + --dxc-light-a-k-color: #c4746e; + --dxc-light-a-kc-color: #c4746e; + --dxc-light-a-kd-color: #c4746e; + --dxc-light-a-ke-color: #c4746e; + --dxc-light-a-kf-color: #c4746e; + --dxc-light-a-ki-color: #c4746e; + --dxc-light-a-km-color: #c4746e; + --dxc-light-a-ko-color: #c4746e; + --dxc-light-a-kp-color: #c4746e; + --dxc-light-a-kr-color: #c4746e; + --dxc-light-a-kt-color: #c4746e; + --dxc-light-a-ky-color: #c4746e; + --dxc-light-a-l-color: #a292a3; + --dxc-light-a-m-color: #7aa89f; + --dxc-light-a-n-color: #a292a3; + --dxc-light-a-o-color: #c4746e; + --dxc-light-a-p-color: #c5c9c5; + --dxc-light-a-pb-color: #c5c9c5; + --dxc-light-a-pd-color: #c5c9c5; + --dxc-light-a-pp-color: #c4746e; + --dxc-light-a-pr-color: #c4b28a; + --dxc-light-a-ps-color: #7aa89f; + --dxc-light-a-rp-color: #c4746e; + --dxc-light-a-rx-color: #8a9a7b; + --dxc-light-a-s-color: #8a9a7b; + --dxc-light-a-sc-color: #c4746e; + --dxc-light-a-se-color: #a292a3; + --dxc-light-a-sp-color: #c5c9c5; + --dxc-light-a-ss-color: #a292a3; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #8ea4a2; + --dxc-light-a-tb-color: #8ea4a2; + --dxc-light-a-td-color: #c4746e; + --dxc-light-a-te-color: #c4746e; + --dxc-light-a-tf-color: #8ea4a2; + --dxc-light-a-tg-color: #c4746e; + --dxc-light-a-tl-color: #c5c9c5; + --dxc-light-a-tq-color: #8ea4a2; + --dxc-light-a-tr-color: #7aa89f; + --dxc-light-a-tt-color: #8ea4a2; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #8ba4b0; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #c5c9c5; + --dxc-light-a-vb-color: #c4746e; + --dxc-light-a-vm-color: #c5c9c5; + --dxc-light-a-vp-color: #9c9c9c; } -.dxc-kanagawa-dragon .a-at { color: #c4b28a; } -.dxc-kanagawa-dragon .a-co { color: #b6927b; } -.dxc-kanagawa-dragon .a-cb { color: #b6927b; } -.dxc-kanagawa-dragon .a-fb { color: #7aa89f; } -.dxc-kanagawa-dragon .a-f { color: #8ba4b0; } -.dxc-kanagawa-dragon .a-fm { color: #8ba4b0; } -.dxc-kanagawa-dragon .a-k { color: #c4746e; } -.dxc-kanagawa-dragon .a-kc { color: #c4746e; } -.dxc-kanagawa-dragon .a-ko { color: #c4746e; } -.dxc-kanagawa-dragon .a-kd { color: #c4746e; } -.dxc-kanagawa-dragon .a-ke { color: #c4746e; } -.dxc-kanagawa-dragon .a-kf { color: #c4746e; } -.dxc-kanagawa-dragon .a-ki { color: #c4746e; } -.dxc-kanagawa-dragon .a-kp { color: #c4746e; } -.dxc-kanagawa-dragon .a-kr { color: #c4746e; } -.dxc-kanagawa-dragon .a-kt { color: #c4746e; } -.dxc-kanagawa-dragon .a-ky { color: #c4746e; } -.dxc-kanagawa-dragon .a-o { color: #c4746e; } -.dxc-kanagawa-dragon .a-pr { color: #c4b28a; } -.dxc-kanagawa-dragon .a-p { color: #c5c9c5; } -.dxc-kanagawa-dragon .a-pb { color: #c5c9c5; } -.dxc-kanagawa-dragon .a-pd { color: #c5c9c5; } -.dxc-kanagawa-dragon .a-ps { color: #7aa89f; } -.dxc-kanagawa-dragon .a-s { color: #8a9a7b; } -.dxc-kanagawa-dragon .a-ss { color: #a292a3; } -.dxc-kanagawa-dragon .a-tg { color: #c4746e; } -.dxc-kanagawa-dragon .a-td { color: #c4746e; } -.dxc-kanagawa-dragon .a-te { color: #c4746e; } -.dxc-kanagawa-dragon .a-t { color: #8ea4a2; } -.dxc-kanagawa-dragon .a-tb { color: #8ea4a2; } -.dxc-kanagawa-dragon .a-tq { color: #8ea4a2; } -.dxc-kanagawa-dragon .a-v { color: #c5c9c5; } -.dxc-kanagawa-dragon .a-vb { color: #c4746e; } -.dxc-kanagawa-dragon .a-vp { color: #9c9c9c; } -.dxc-kanagawa-dragon .a-c { color: #625e5a; } -.dxc-kanagawa-dragon .a-cd { color: #625e5a; } -.dxc-kanagawa-dragon .a-m { color: #7aa89f; } -.dxc-kanagawa-dragon .a-l { color: #a292a3; } -.dxc-kanagawa-dragon .a-n { color: #a292a3; } -.dxc-kanagawa-dragon .a-tl { color: #c5c9c5; } -.dxc-kanagawa-dragon .a-em { font-style: italic; } -.dxc-kanagawa-dragon .a-st { font-weight: bold; } -.dxc-kanagawa-dragon .a-tu { color: #8ba4b0; text-decoration: underline; } -.dxc-kanagawa-dragon .a-tr { color: #7aa89f; } -.dxc-kanagawa-dragon .a-se { color: #a292a3; } -.dxc-kanagawa-dragon .a-tt { color: #8ea4a2; font-weight: bold; } -.dxc-kanagawa-dragon .a-tx { text-decoration: line-through; } -.dxc-kanagawa-dragon .a-sp { color: #c5c9c5; } -.dxc-kanagawa-dragon .a-in { color: #c4746e; } -.dxc-kanagawa-dragon .a-sc { color: #c4746e; } -.dxc-kanagawa-dragon .a-rp { color: #c4746e; } -.dxc-kanagawa-dragon .a-cn { color: #c4746e; } -.dxc-kanagawa-dragon .a-ex { color: #c4746e; } -.dxc-kanagawa-dragon .a-pp { color: #c4746e; } -.dxc-kanagawa-dragon .a-ch { color: #8a9a7b; } -.dxc-kanagawa-dragon .a-cs { color: #8a9a7b; } -.dxc-kanagawa-dragon .a-vm { color: #c5c9c5; } -.dxc-kanagawa-dragon .a-fd { color: #8ba4b0; } -.dxc-kanagawa-dragon .a-tf { color: #8ea4a2; } -.dxc-kanagawa-dragon .a-fc { color: #8ba4b0; } -.dxc-kanagawa-dragon .a-km { color: #c4746e; } -.dxc-kanagawa-dragon .a-dr { color: #c4746e; } -.dxc-kanagawa-dragon .a-rx { color: #8a9a7b; } diff --git a/assets/generated/arborium-themes/light-owl-system-dark.css b/assets/generated/arborium-themes/light-owl-system-dark.css new file mode 100644 index 0000000..aa3c94e --- /dev/null +++ b/assets/generated/arborium-themes/light-owl-system-dark.css @@ -0,0 +1,101 @@ +.dxc-system-dark-light-owl { + --dxc-dark-background: #fbfbfb; + --dxc-dark-var-bg: #fbfbfb; + --dxc-dark-var-surface: #eeeeee; + --dxc-dark-color: #403f53; + --dxc-dark-var-fg: #403f53; + --dxc-dark-var-accent: #4876d6; + --dxc-dark-var-muted: #989fb1; + --dxc-dark-a-at-color: #4876d6; + --dxc-dark-a-at-font-style: italic; + --dxc-dark-a-c-color: #989fb1; + --dxc-dark-a-c-font-style: italic; + --dxc-dark-a-cb-color: #4876d6; + --dxc-dark-a-cd-color: #989fb1; + --dxc-dark-a-cd-font-style: italic; + --dxc-dark-a-ch-color: #c96765; + --dxc-dark-a-cn-color: #994cc3; + --dxc-dark-a-cn-font-style: italic; + --dxc-dark-a-co-color: #4876d6; + --dxc-dark-a-cs-color: #c96765; + --dxc-dark-a-dr-color: #994cc3; + --dxc-dark-a-dr-font-style: italic; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #994cc3; + --dxc-dark-a-ex-font-style: italic; + --dxc-dark-a-f-color: #4876d6; + --dxc-dark-a-f-font-style: italic; + --dxc-dark-a-fb-color: #4876d6; + --dxc-dark-a-fb-font-style: italic; + --dxc-dark-a-fc-color: #4876d6; + --dxc-dark-a-fc-font-style: italic; + --dxc-dark-a-fd-color: #4876d6; + --dxc-dark-a-fd-font-style: italic; + --dxc-dark-a-fm-color: #4876d6; + --dxc-dark-a-fm-font-style: italic; + --dxc-dark-a-in-color: #994cc3; + --dxc-dark-a-in-font-style: italic; + --dxc-dark-a-k-color: #994cc3; + --dxc-dark-a-k-font-style: italic; + --dxc-dark-a-kc-color: #994cc3; + --dxc-dark-a-kc-font-style: italic; + --dxc-dark-a-kd-color: #994cc3; + --dxc-dark-a-kd-font-style: italic; + --dxc-dark-a-ke-color: #994cc3; + --dxc-dark-a-ke-font-style: italic; + --dxc-dark-a-kf-color: #994cc3; + --dxc-dark-a-kf-font-style: italic; + --dxc-dark-a-ki-color: #994cc3; + --dxc-dark-a-ki-font-style: italic; + --dxc-dark-a-km-color: #994cc3; + --dxc-dark-a-km-font-style: italic; + --dxc-dark-a-ko-color: #994cc3; + --dxc-dark-a-ko-font-style: italic; + --dxc-dark-a-kp-color: #994cc3; + --dxc-dark-a-kp-font-style: italic; + --dxc-dark-a-kr-color: #994cc3; + --dxc-dark-a-kr-font-style: italic; + --dxc-dark-a-kt-color: #994cc3; + --dxc-dark-a-kt-font-style: italic; + --dxc-dark-a-ky-color: #994cc3; + --dxc-dark-a-ky-font-style: italic; + --dxc-dark-a-l-color: #0c969b; + --dxc-dark-a-m-color: #994cc3; + --dxc-dark-a-n-color: #aa0982; + --dxc-dark-a-o-color: #0c969b; + --dxc-dark-a-p-color: #403f53; + --dxc-dark-a-pb-color: #403f53; + --dxc-dark-a-pd-color: #403f53; + --dxc-dark-a-pp-color: #994cc3; + --dxc-dark-a-pp-font-style: italic; + --dxc-dark-a-pr-color: #4876d6; + --dxc-dark-a-ps-color: #0c969b; + --dxc-dark-a-rp-color: #994cc3; + --dxc-dark-a-rp-font-style: italic; + --dxc-dark-a-rx-color: #c96765; + --dxc-dark-a-s-color: #c96765; + --dxc-dark-a-sc-color: #994cc3; + --dxc-dark-a-sc-font-style: italic; + --dxc-dark-a-se-color: #0c969b; + --dxc-dark-a-sp-color: #403f53; + --dxc-dark-a-ss-color: #5ca7e4; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #111111; + --dxc-dark-a-tb-color: #111111; + --dxc-dark-a-td-color: #994cc3; + --dxc-dark-a-te-color: #994cc3; + --dxc-dark-a-tf-color: #111111; + --dxc-dark-a-tg-color: #994cc3; + --dxc-dark-a-tl-color: #403f53; + --dxc-dark-a-tq-color: #111111; + --dxc-dark-a-tr-color: #4876d6; + --dxc-dark-a-tt-color: #994cc3; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #4876d6; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #403f53; + --dxc-dark-a-vb-color: #bc5454; + --dxc-dark-a-vm-color: #403f53; + --dxc-dark-a-vp-color: #403f53; +} diff --git a/assets/generated/arborium-themes/light-owl-system-light.css b/assets/generated/arborium-themes/light-owl-system-light.css new file mode 100644 index 0000000..8f1662b --- /dev/null +++ b/assets/generated/arborium-themes/light-owl-system-light.css @@ -0,0 +1,101 @@ +.dxc-system-light-light-owl { + --dxc-light-background: #fbfbfb; + --dxc-light-var-bg: #fbfbfb; + --dxc-light-var-surface: #eeeeee; + --dxc-light-color: #403f53; + --dxc-light-var-fg: #403f53; + --dxc-light-var-accent: #4876d6; + --dxc-light-var-muted: #989fb1; + --dxc-light-a-at-color: #4876d6; + --dxc-light-a-at-font-style: italic; + --dxc-light-a-c-color: #989fb1; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #4876d6; + --dxc-light-a-cd-color: #989fb1; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #c96765; + --dxc-light-a-cn-color: #994cc3; + --dxc-light-a-cn-font-style: italic; + --dxc-light-a-co-color: #4876d6; + --dxc-light-a-cs-color: #c96765; + --dxc-light-a-dr-color: #994cc3; + --dxc-light-a-dr-font-style: italic; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #994cc3; + --dxc-light-a-ex-font-style: italic; + --dxc-light-a-f-color: #4876d6; + --dxc-light-a-f-font-style: italic; + --dxc-light-a-fb-color: #4876d6; + --dxc-light-a-fb-font-style: italic; + --dxc-light-a-fc-color: #4876d6; + --dxc-light-a-fc-font-style: italic; + --dxc-light-a-fd-color: #4876d6; + --dxc-light-a-fd-font-style: italic; + --dxc-light-a-fm-color: #4876d6; + --dxc-light-a-fm-font-style: italic; + --dxc-light-a-in-color: #994cc3; + --dxc-light-a-in-font-style: italic; + --dxc-light-a-k-color: #994cc3; + --dxc-light-a-k-font-style: italic; + --dxc-light-a-kc-color: #994cc3; + --dxc-light-a-kc-font-style: italic; + --dxc-light-a-kd-color: #994cc3; + --dxc-light-a-kd-font-style: italic; + --dxc-light-a-ke-color: #994cc3; + --dxc-light-a-ke-font-style: italic; + --dxc-light-a-kf-color: #994cc3; + --dxc-light-a-kf-font-style: italic; + --dxc-light-a-ki-color: #994cc3; + --dxc-light-a-ki-font-style: italic; + --dxc-light-a-km-color: #994cc3; + --dxc-light-a-km-font-style: italic; + --dxc-light-a-ko-color: #994cc3; + --dxc-light-a-ko-font-style: italic; + --dxc-light-a-kp-color: #994cc3; + --dxc-light-a-kp-font-style: italic; + --dxc-light-a-kr-color: #994cc3; + --dxc-light-a-kr-font-style: italic; + --dxc-light-a-kt-color: #994cc3; + --dxc-light-a-kt-font-style: italic; + --dxc-light-a-ky-color: #994cc3; + --dxc-light-a-ky-font-style: italic; + --dxc-light-a-l-color: #0c969b; + --dxc-light-a-m-color: #994cc3; + --dxc-light-a-n-color: #aa0982; + --dxc-light-a-o-color: #0c969b; + --dxc-light-a-p-color: #403f53; + --dxc-light-a-pb-color: #403f53; + --dxc-light-a-pd-color: #403f53; + --dxc-light-a-pp-color: #994cc3; + --dxc-light-a-pp-font-style: italic; + --dxc-light-a-pr-color: #4876d6; + --dxc-light-a-ps-color: #0c969b; + --dxc-light-a-rp-color: #994cc3; + --dxc-light-a-rp-font-style: italic; + --dxc-light-a-rx-color: #c96765; + --dxc-light-a-s-color: #c96765; + --dxc-light-a-sc-color: #994cc3; + --dxc-light-a-sc-font-style: italic; + --dxc-light-a-se-color: #0c969b; + --dxc-light-a-sp-color: #403f53; + --dxc-light-a-ss-color: #5ca7e4; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #111111; + --dxc-light-a-tb-color: #111111; + --dxc-light-a-td-color: #994cc3; + --dxc-light-a-te-color: #994cc3; + --dxc-light-a-tf-color: #111111; + --dxc-light-a-tg-color: #994cc3; + --dxc-light-a-tl-color: #403f53; + --dxc-light-a-tq-color: #111111; + --dxc-light-a-tr-color: #4876d6; + --dxc-light-a-tt-color: #994cc3; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #4876d6; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #403f53; + --dxc-light-a-vb-color: #bc5454; + --dxc-light-a-vm-color: #403f53; + --dxc-light-a-vp-color: #403f53; +} diff --git a/assets/generated/arborium-themes/light-owl.css b/assets/generated/arborium-themes/light-owl.css index d7438c8..47259ba 100644 --- a/assets/generated/arborium-themes/light-owl.css +++ b/assets/generated/arborium-themes/light-owl.css @@ -1,72 +1,101 @@ .dxc-light-owl { - background: #fbfbfb; - --bg: #fbfbfb; - --surface: #eeeeee; - color: #403f53; - --fg: #403f53; - --accent: #4876d6; - --muted: #989fb1; + --dxc-light-background: #fbfbfb; + --dxc-light-var-bg: #fbfbfb; + --dxc-light-var-surface: #eeeeee; + --dxc-light-color: #403f53; + --dxc-light-var-fg: #403f53; + --dxc-light-var-accent: #4876d6; + --dxc-light-var-muted: #989fb1; + --dxc-light-a-at-color: #4876d6; + --dxc-light-a-at-font-style: italic; + --dxc-light-a-c-color: #989fb1; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #4876d6; + --dxc-light-a-cd-color: #989fb1; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #c96765; + --dxc-light-a-cn-color: #994cc3; + --dxc-light-a-cn-font-style: italic; + --dxc-light-a-co-color: #4876d6; + --dxc-light-a-cs-color: #c96765; + --dxc-light-a-dr-color: #994cc3; + --dxc-light-a-dr-font-style: italic; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #994cc3; + --dxc-light-a-ex-font-style: italic; + --dxc-light-a-f-color: #4876d6; + --dxc-light-a-f-font-style: italic; + --dxc-light-a-fb-color: #4876d6; + --dxc-light-a-fb-font-style: italic; + --dxc-light-a-fc-color: #4876d6; + --dxc-light-a-fc-font-style: italic; + --dxc-light-a-fd-color: #4876d6; + --dxc-light-a-fd-font-style: italic; + --dxc-light-a-fm-color: #4876d6; + --dxc-light-a-fm-font-style: italic; + --dxc-light-a-in-color: #994cc3; + --dxc-light-a-in-font-style: italic; + --dxc-light-a-k-color: #994cc3; + --dxc-light-a-k-font-style: italic; + --dxc-light-a-kc-color: #994cc3; + --dxc-light-a-kc-font-style: italic; + --dxc-light-a-kd-color: #994cc3; + --dxc-light-a-kd-font-style: italic; + --dxc-light-a-ke-color: #994cc3; + --dxc-light-a-ke-font-style: italic; + --dxc-light-a-kf-color: #994cc3; + --dxc-light-a-kf-font-style: italic; + --dxc-light-a-ki-color: #994cc3; + --dxc-light-a-ki-font-style: italic; + --dxc-light-a-km-color: #994cc3; + --dxc-light-a-km-font-style: italic; + --dxc-light-a-ko-color: #994cc3; + --dxc-light-a-ko-font-style: italic; + --dxc-light-a-kp-color: #994cc3; + --dxc-light-a-kp-font-style: italic; + --dxc-light-a-kr-color: #994cc3; + --dxc-light-a-kr-font-style: italic; + --dxc-light-a-kt-color: #994cc3; + --dxc-light-a-kt-font-style: italic; + --dxc-light-a-ky-color: #994cc3; + --dxc-light-a-ky-font-style: italic; + --dxc-light-a-l-color: #0c969b; + --dxc-light-a-m-color: #994cc3; + --dxc-light-a-n-color: #aa0982; + --dxc-light-a-o-color: #0c969b; + --dxc-light-a-p-color: #403f53; + --dxc-light-a-pb-color: #403f53; + --dxc-light-a-pd-color: #403f53; + --dxc-light-a-pp-color: #994cc3; + --dxc-light-a-pp-font-style: italic; + --dxc-light-a-pr-color: #4876d6; + --dxc-light-a-ps-color: #0c969b; + --dxc-light-a-rp-color: #994cc3; + --dxc-light-a-rp-font-style: italic; + --dxc-light-a-rx-color: #c96765; + --dxc-light-a-s-color: #c96765; + --dxc-light-a-sc-color: #994cc3; + --dxc-light-a-sc-font-style: italic; + --dxc-light-a-se-color: #0c969b; + --dxc-light-a-sp-color: #403f53; + --dxc-light-a-ss-color: #5ca7e4; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #111111; + --dxc-light-a-tb-color: #111111; + --dxc-light-a-td-color: #994cc3; + --dxc-light-a-te-color: #994cc3; + --dxc-light-a-tf-color: #111111; + --dxc-light-a-tg-color: #994cc3; + --dxc-light-a-tl-color: #403f53; + --dxc-light-a-tq-color: #111111; + --dxc-light-a-tr-color: #4876d6; + --dxc-light-a-tt-color: #994cc3; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #4876d6; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #403f53; + --dxc-light-a-vb-color: #bc5454; + --dxc-light-a-vm-color: #403f53; + --dxc-light-a-vp-color: #403f53; } -.dxc-light-owl .a-at { color: #4876d6; font-style: italic; } -.dxc-light-owl .a-co { color: #4876d6; } -.dxc-light-owl .a-cb { color: #4876d6; } -.dxc-light-owl .a-fb { color: #4876d6; font-style: italic; } -.dxc-light-owl .a-f { color: #4876d6; font-style: italic; } -.dxc-light-owl .a-fm { color: #4876d6; font-style: italic; } -.dxc-light-owl .a-k { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-kc { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-ko { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-kd { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-ke { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-kf { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-ki { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-kp { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-kr { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-kt { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-ky { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-o { color: #0c969b; } -.dxc-light-owl .a-pr { color: #4876d6; } -.dxc-light-owl .a-p { color: #403f53; } -.dxc-light-owl .a-pb { color: #403f53; } -.dxc-light-owl .a-pd { color: #403f53; } -.dxc-light-owl .a-ps { color: #0c969b; } -.dxc-light-owl .a-s { color: #c96765; } -.dxc-light-owl .a-ss { color: #5ca7e4; } -.dxc-light-owl .a-tg { color: #994cc3; } -.dxc-light-owl .a-td { color: #994cc3; } -.dxc-light-owl .a-te { color: #994cc3; } -.dxc-light-owl .a-t { color: #111111; } -.dxc-light-owl .a-tb { color: #111111; } -.dxc-light-owl .a-tq { color: #111111; } -.dxc-light-owl .a-v { color: #403f53; } -.dxc-light-owl .a-vb { color: #bc5454; } -.dxc-light-owl .a-vp { color: #403f53; } -.dxc-light-owl .a-c { color: #989fb1; font-style: italic; } -.dxc-light-owl .a-cd { color: #989fb1; font-style: italic; } -.dxc-light-owl .a-m { color: #994cc3; } -.dxc-light-owl .a-l { color: #0c969b; } -.dxc-light-owl .a-n { color: #aa0982; } -.dxc-light-owl .a-tl { color: #403f53; } -.dxc-light-owl .a-em { font-style: italic; } -.dxc-light-owl .a-st { font-weight: bold; } -.dxc-light-owl .a-tu { color: #4876d6; text-decoration: underline; } -.dxc-light-owl .a-tr { color: #4876d6; } -.dxc-light-owl .a-se { color: #0c969b; } -.dxc-light-owl .a-tt { color: #994cc3; font-weight: bold; } -.dxc-light-owl .a-tx { text-decoration: line-through; } -.dxc-light-owl .a-sp { color: #403f53; } -.dxc-light-owl .a-in { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-sc { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-rp { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-cn { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-ex { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-pp { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-ch { color: #c96765; } -.dxc-light-owl .a-cs { color: #c96765; } -.dxc-light-owl .a-vm { color: #403f53; } -.dxc-light-owl .a-fd { color: #4876d6; font-style: italic; } -.dxc-light-owl .a-tf { color: #111111; } -.dxc-light-owl .a-fc { color: #4876d6; font-style: italic; } -.dxc-light-owl .a-km { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-dr { color: #994cc3; font-style: italic; } -.dxc-light-owl .a-rx { color: #c96765; } diff --git a/assets/generated/arborium-themes/lucius-light-system-dark.css b/assets/generated/arborium-themes/lucius-light-system-dark.css new file mode 100644 index 0000000..ddde22a --- /dev/null +++ b/assets/generated/arborium-themes/lucius-light-system-dark.css @@ -0,0 +1,76 @@ +.dxc-system-dark-lucius-light { + --dxc-dark-background: #eeeeee; + --dxc-dark-var-bg: #eeeeee; + --dxc-dark-var-surface: #e2e2e2; + --dxc-dark-color: #444444; + --dxc-dark-var-fg: #444444; + --dxc-dark-var-accent: #008700; + --dxc-dark-var-muted: #808080; + --dxc-dark-a-at-color: #008787; + --dxc-dark-a-c-color: #808080; + --dxc-dark-a-c-font-style: italic; + --dxc-dark-a-cb-color: #af5f00; + --dxc-dark-a-cd-color: #808080; + --dxc-dark-a-cd-font-style: italic; + --dxc-dark-a-ch-color: #af5f00; + --dxc-dark-a-cn-color: #005faf; + --dxc-dark-a-co-color: #af5f00; + --dxc-dark-a-cs-color: #af5f00; + --dxc-dark-a-dr-color: #005faf; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #005faf; + --dxc-dark-a-f-color: #008700; + --dxc-dark-a-fb-color: #008700; + --dxc-dark-a-fc-color: #008700; + --dxc-dark-a-fd-color: #008700; + --dxc-dark-a-fm-color: #008700; + --dxc-dark-a-in-color: #005faf; + --dxc-dark-a-k-color: #005faf; + --dxc-dark-a-kc-color: #005faf; + --dxc-dark-a-kd-color: #005faf; + --dxc-dark-a-ke-color: #005faf; + --dxc-dark-a-kf-color: #005faf; + --dxc-dark-a-ki-color: #005faf; + --dxc-dark-a-km-color: #005faf; + --dxc-dark-a-ko-color: #005faf; + --dxc-dark-a-kp-color: #005faf; + --dxc-dark-a-kr-color: #005faf; + --dxc-dark-a-kt-color: #005faf; + --dxc-dark-a-ky-color: #005faf; + --dxc-dark-a-l-color: #008787; + --dxc-dark-a-m-color: #008787; + --dxc-dark-a-n-color: #af5f00; + --dxc-dark-a-o-color: #005faf; + --dxc-dark-a-p-color: #444444; + --dxc-dark-a-pb-color: #444444; + --dxc-dark-a-pd-color: #444444; + --dxc-dark-a-pp-color: #005faf; + --dxc-dark-a-pr-color: #008700; + --dxc-dark-a-ps-color: #870087; + --dxc-dark-a-rp-color: #005faf; + --dxc-dark-a-rx-color: #af5f00; + --dxc-dark-a-s-color: #af5f00; + --dxc-dark-a-sc-color: #005faf; + --dxc-dark-a-se-color: #008787; + --dxc-dark-a-sp-color: #444444; + --dxc-dark-a-ss-color: #870087; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #005f87; + --dxc-dark-a-tb-color: #005f87; + --dxc-dark-a-td-color: #005faf; + --dxc-dark-a-te-color: #005faf; + --dxc-dark-a-tf-color: #005f87; + --dxc-dark-a-tg-color: #005faf; + --dxc-dark-a-tl-color: #444444; + --dxc-dark-a-tq-color: #005f87; + --dxc-dark-a-tr-color: #005faf; + --dxc-dark-a-tt-color: #005faf; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #005faf; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #444444; + --dxc-dark-a-vb-color: #870087; + --dxc-dark-a-vm-color: #444444; + --dxc-dark-a-vp-color: #444444; +} diff --git a/assets/generated/arborium-themes/lucius-light-system-light.css b/assets/generated/arborium-themes/lucius-light-system-light.css new file mode 100644 index 0000000..49e49cd --- /dev/null +++ b/assets/generated/arborium-themes/lucius-light-system-light.css @@ -0,0 +1,76 @@ +.dxc-system-light-lucius-light { + --dxc-light-background: #eeeeee; + --dxc-light-var-bg: #eeeeee; + --dxc-light-var-surface: #e2e2e2; + --dxc-light-color: #444444; + --dxc-light-var-fg: #444444; + --dxc-light-var-accent: #008700; + --dxc-light-var-muted: #808080; + --dxc-light-a-at-color: #008787; + --dxc-light-a-c-color: #808080; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #af5f00; + --dxc-light-a-cd-color: #808080; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #af5f00; + --dxc-light-a-cn-color: #005faf; + --dxc-light-a-co-color: #af5f00; + --dxc-light-a-cs-color: #af5f00; + --dxc-light-a-dr-color: #005faf; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #005faf; + --dxc-light-a-f-color: #008700; + --dxc-light-a-fb-color: #008700; + --dxc-light-a-fc-color: #008700; + --dxc-light-a-fd-color: #008700; + --dxc-light-a-fm-color: #008700; + --dxc-light-a-in-color: #005faf; + --dxc-light-a-k-color: #005faf; + --dxc-light-a-kc-color: #005faf; + --dxc-light-a-kd-color: #005faf; + --dxc-light-a-ke-color: #005faf; + --dxc-light-a-kf-color: #005faf; + --dxc-light-a-ki-color: #005faf; + --dxc-light-a-km-color: #005faf; + --dxc-light-a-ko-color: #005faf; + --dxc-light-a-kp-color: #005faf; + --dxc-light-a-kr-color: #005faf; + --dxc-light-a-kt-color: #005faf; + --dxc-light-a-ky-color: #005faf; + --dxc-light-a-l-color: #008787; + --dxc-light-a-m-color: #008787; + --dxc-light-a-n-color: #af5f00; + --dxc-light-a-o-color: #005faf; + --dxc-light-a-p-color: #444444; + --dxc-light-a-pb-color: #444444; + --dxc-light-a-pd-color: #444444; + --dxc-light-a-pp-color: #005faf; + --dxc-light-a-pr-color: #008700; + --dxc-light-a-ps-color: #870087; + --dxc-light-a-rp-color: #005faf; + --dxc-light-a-rx-color: #af5f00; + --dxc-light-a-s-color: #af5f00; + --dxc-light-a-sc-color: #005faf; + --dxc-light-a-se-color: #008787; + --dxc-light-a-sp-color: #444444; + --dxc-light-a-ss-color: #870087; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #005f87; + --dxc-light-a-tb-color: #005f87; + --dxc-light-a-td-color: #005faf; + --dxc-light-a-te-color: #005faf; + --dxc-light-a-tf-color: #005f87; + --dxc-light-a-tg-color: #005faf; + --dxc-light-a-tl-color: #444444; + --dxc-light-a-tq-color: #005f87; + --dxc-light-a-tr-color: #005faf; + --dxc-light-a-tt-color: #005faf; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #005faf; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #444444; + --dxc-light-a-vb-color: #870087; + --dxc-light-a-vm-color: #444444; + --dxc-light-a-vp-color: #444444; +} diff --git a/assets/generated/arborium-themes/lucius-light.css b/assets/generated/arborium-themes/lucius-light.css index 5b739f8..e1abfb1 100644 --- a/assets/generated/arborium-themes/lucius-light.css +++ b/assets/generated/arborium-themes/lucius-light.css @@ -1,72 +1,76 @@ .dxc-lucius-light { - background: #eeeeee; - --bg: #eeeeee; - --surface: #e2e2e2; - color: #444444; - --fg: #444444; - --accent: #008700; - --muted: #808080; + --dxc-light-background: #eeeeee; + --dxc-light-var-bg: #eeeeee; + --dxc-light-var-surface: #e2e2e2; + --dxc-light-color: #444444; + --dxc-light-var-fg: #444444; + --dxc-light-var-accent: #008700; + --dxc-light-var-muted: #808080; + --dxc-light-a-at-color: #008787; + --dxc-light-a-c-color: #808080; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #af5f00; + --dxc-light-a-cd-color: #808080; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #af5f00; + --dxc-light-a-cn-color: #005faf; + --dxc-light-a-co-color: #af5f00; + --dxc-light-a-cs-color: #af5f00; + --dxc-light-a-dr-color: #005faf; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #005faf; + --dxc-light-a-f-color: #008700; + --dxc-light-a-fb-color: #008700; + --dxc-light-a-fc-color: #008700; + --dxc-light-a-fd-color: #008700; + --dxc-light-a-fm-color: #008700; + --dxc-light-a-in-color: #005faf; + --dxc-light-a-k-color: #005faf; + --dxc-light-a-kc-color: #005faf; + --dxc-light-a-kd-color: #005faf; + --dxc-light-a-ke-color: #005faf; + --dxc-light-a-kf-color: #005faf; + --dxc-light-a-ki-color: #005faf; + --dxc-light-a-km-color: #005faf; + --dxc-light-a-ko-color: #005faf; + --dxc-light-a-kp-color: #005faf; + --dxc-light-a-kr-color: #005faf; + --dxc-light-a-kt-color: #005faf; + --dxc-light-a-ky-color: #005faf; + --dxc-light-a-l-color: #008787; + --dxc-light-a-m-color: #008787; + --dxc-light-a-n-color: #af5f00; + --dxc-light-a-o-color: #005faf; + --dxc-light-a-p-color: #444444; + --dxc-light-a-pb-color: #444444; + --dxc-light-a-pd-color: #444444; + --dxc-light-a-pp-color: #005faf; + --dxc-light-a-pr-color: #008700; + --dxc-light-a-ps-color: #870087; + --dxc-light-a-rp-color: #005faf; + --dxc-light-a-rx-color: #af5f00; + --dxc-light-a-s-color: #af5f00; + --dxc-light-a-sc-color: #005faf; + --dxc-light-a-se-color: #008787; + --dxc-light-a-sp-color: #444444; + --dxc-light-a-ss-color: #870087; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #005f87; + --dxc-light-a-tb-color: #005f87; + --dxc-light-a-td-color: #005faf; + --dxc-light-a-te-color: #005faf; + --dxc-light-a-tf-color: #005f87; + --dxc-light-a-tg-color: #005faf; + --dxc-light-a-tl-color: #444444; + --dxc-light-a-tq-color: #005f87; + --dxc-light-a-tr-color: #005faf; + --dxc-light-a-tt-color: #005faf; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #005faf; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #444444; + --dxc-light-a-vb-color: #870087; + --dxc-light-a-vm-color: #444444; + --dxc-light-a-vp-color: #444444; } -.dxc-lucius-light .a-at { color: #008787; } -.dxc-lucius-light .a-co { color: #af5f00; } -.dxc-lucius-light .a-cb { color: #af5f00; } -.dxc-lucius-light .a-fb { color: #008700; } -.dxc-lucius-light .a-f { color: #008700; } -.dxc-lucius-light .a-fm { color: #008700; } -.dxc-lucius-light .a-k { color: #005faf; } -.dxc-lucius-light .a-kc { color: #005faf; } -.dxc-lucius-light .a-ko { color: #005faf; } -.dxc-lucius-light .a-kd { color: #005faf; } -.dxc-lucius-light .a-ke { color: #005faf; } -.dxc-lucius-light .a-kf { color: #005faf; } -.dxc-lucius-light .a-ki { color: #005faf; } -.dxc-lucius-light .a-kp { color: #005faf; } -.dxc-lucius-light .a-kr { color: #005faf; } -.dxc-lucius-light .a-kt { color: #005faf; } -.dxc-lucius-light .a-ky { color: #005faf; } -.dxc-lucius-light .a-o { color: #005faf; } -.dxc-lucius-light .a-pr { color: #008700; } -.dxc-lucius-light .a-p { color: #444444; } -.dxc-lucius-light .a-pb { color: #444444; } -.dxc-lucius-light .a-pd { color: #444444; } -.dxc-lucius-light .a-ps { color: #870087; } -.dxc-lucius-light .a-s { color: #af5f00; } -.dxc-lucius-light .a-ss { color: #870087; } -.dxc-lucius-light .a-tg { color: #005faf; } -.dxc-lucius-light .a-td { color: #005faf; } -.dxc-lucius-light .a-te { color: #005faf; } -.dxc-lucius-light .a-t { color: #005f87; } -.dxc-lucius-light .a-tb { color: #005f87; } -.dxc-lucius-light .a-tq { color: #005f87; } -.dxc-lucius-light .a-v { color: #444444; } -.dxc-lucius-light .a-vb { color: #870087; } -.dxc-lucius-light .a-vp { color: #444444; } -.dxc-lucius-light .a-c { color: #808080; font-style: italic; } -.dxc-lucius-light .a-cd { color: #808080; font-style: italic; } -.dxc-lucius-light .a-m { color: #008787; } -.dxc-lucius-light .a-l { color: #008787; } -.dxc-lucius-light .a-n { color: #af5f00; } -.dxc-lucius-light .a-tl { color: #444444; } -.dxc-lucius-light .a-em { font-style: italic; } -.dxc-lucius-light .a-st { font-weight: bold; } -.dxc-lucius-light .a-tu { color: #005faf; text-decoration: underline; } -.dxc-lucius-light .a-tr { color: #005faf; } -.dxc-lucius-light .a-se { color: #008787; } -.dxc-lucius-light .a-tt { color: #005faf; font-weight: bold; } -.dxc-lucius-light .a-tx { text-decoration: line-through; } -.dxc-lucius-light .a-sp { color: #444444; } -.dxc-lucius-light .a-in { color: #005faf; } -.dxc-lucius-light .a-sc { color: #005faf; } -.dxc-lucius-light .a-rp { color: #005faf; } -.dxc-lucius-light .a-cn { color: #005faf; } -.dxc-lucius-light .a-ex { color: #005faf; } -.dxc-lucius-light .a-pp { color: #005faf; } -.dxc-lucius-light .a-ch { color: #af5f00; } -.dxc-lucius-light .a-cs { color: #af5f00; } -.dxc-lucius-light .a-vm { color: #444444; } -.dxc-lucius-light .a-fd { color: #008700; } -.dxc-lucius-light .a-tf { color: #005f87; } -.dxc-lucius-light .a-fc { color: #008700; } -.dxc-lucius-light .a-km { color: #005faf; } -.dxc-lucius-light .a-dr { color: #005faf; } -.dxc-lucius-light .a-rx { color: #af5f00; } diff --git a/assets/generated/arborium-themes/melange-dark-system-dark.css b/assets/generated/arborium-themes/melange-dark-system-dark.css new file mode 100644 index 0000000..af758c8 --- /dev/null +++ b/assets/generated/arborium-themes/melange-dark-system-dark.css @@ -0,0 +1,76 @@ +.dxc-system-dark-melange-dark { + --dxc-dark-background: #292522; + --dxc-dark-var-bg: #292522; + --dxc-dark-var-surface: #3a3634; + --dxc-dark-color: #ece1d7; + --dxc-dark-var-fg: #ece1d7; + --dxc-dark-var-accent: #a3a9ce; + --dxc-dark-var-muted: #867462; + --dxc-dark-a-at-color: #c1a78e; + --dxc-dark-a-c-color: #867462; + --dxc-dark-a-c-font-style: italic; + --dxc-dark-a-cb-color: #cf9bc2; + --dxc-dark-a-cd-color: #867462; + --dxc-dark-a-cd-font-style: italic; + --dxc-dark-a-ch-color: #85b695; + --dxc-dark-a-cn-color: #bd8183; + --dxc-dark-a-co-color: #cf9bc2; + --dxc-dark-a-cs-color: #85b695; + --dxc-dark-a-dr-color: #bd8183; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #bd8183; + --dxc-dark-a-f-color: #a3a9ce; + --dxc-dark-a-fb-color: #a3a9ce; + --dxc-dark-a-fc-color: #a3a9ce; + --dxc-dark-a-fd-color: #a3a9ce; + --dxc-dark-a-fm-color: #a3a9ce; + --dxc-dark-a-in-color: #bd8183; + --dxc-dark-a-k-color: #bd8183; + --dxc-dark-a-kc-color: #bd8183; + --dxc-dark-a-kd-color: #bd8183; + --dxc-dark-a-ke-color: #bd8183; + --dxc-dark-a-kf-color: #bd8183; + --dxc-dark-a-ki-color: #bd8183; + --dxc-dark-a-km-color: #bd8183; + --dxc-dark-a-ko-color: #bd8183; + --dxc-dark-a-kp-color: #bd8183; + --dxc-dark-a-kr-color: #bd8183; + --dxc-dark-a-kt-color: #bd8183; + --dxc-dark-a-ky-color: #bd8183; + --dxc-dark-a-l-color: #cf9bc2; + --dxc-dark-a-m-color: #a3a9ce; + --dxc-dark-a-n-color: #cf9bc2; + --dxc-dark-a-o-color: #bd8183; + --dxc-dark-a-p-color: #ece1d7; + --dxc-dark-a-pb-color: #ece1d7; + --dxc-dark-a-pd-color: #ece1d7; + --dxc-dark-a-pp-color: #bd8183; + --dxc-dark-a-pr-color: #c1a78e; + --dxc-dark-a-ps-color: #cf9bc2; + --dxc-dark-a-rp-color: #bd8183; + --dxc-dark-a-rx-color: #85b695; + --dxc-dark-a-s-color: #85b695; + --dxc-dark-a-sc-color: #bd8183; + --dxc-dark-a-se-color: #ebc06d; + --dxc-dark-a-sp-color: #ece1d7; + --dxc-dark-a-ss-color: #d47766; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #c1a78e; + --dxc-dark-a-tb-color: #c1a78e; + --dxc-dark-a-td-color: #bd8183; + --dxc-dark-a-te-color: #bd8183; + --dxc-dark-a-tf-color: #c1a78e; + --dxc-dark-a-tg-color: #bd8183; + --dxc-dark-a-tl-color: #ece1d7; + --dxc-dark-a-tq-color: #c1a78e; + --dxc-dark-a-tr-color: #a3a9ce; + --dxc-dark-a-tt-color: #c1a78e; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #a3a9ce; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #ece1d7; + --dxc-dark-a-vb-color: #d47766; + --dxc-dark-a-vm-color: #ece1d7; + --dxc-dark-a-vp-color: #c1a78e; +} diff --git a/assets/generated/arborium-themes/melange-dark-system-light.css b/assets/generated/arborium-themes/melange-dark-system-light.css new file mode 100644 index 0000000..2a63f72 --- /dev/null +++ b/assets/generated/arborium-themes/melange-dark-system-light.css @@ -0,0 +1,76 @@ +.dxc-system-light-melange-dark { + --dxc-light-background: #292522; + --dxc-light-var-bg: #292522; + --dxc-light-var-surface: #3a3634; + --dxc-light-color: #ece1d7; + --dxc-light-var-fg: #ece1d7; + --dxc-light-var-accent: #a3a9ce; + --dxc-light-var-muted: #867462; + --dxc-light-a-at-color: #c1a78e; + --dxc-light-a-c-color: #867462; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #cf9bc2; + --dxc-light-a-cd-color: #867462; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #85b695; + --dxc-light-a-cn-color: #bd8183; + --dxc-light-a-co-color: #cf9bc2; + --dxc-light-a-cs-color: #85b695; + --dxc-light-a-dr-color: #bd8183; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #bd8183; + --dxc-light-a-f-color: #a3a9ce; + --dxc-light-a-fb-color: #a3a9ce; + --dxc-light-a-fc-color: #a3a9ce; + --dxc-light-a-fd-color: #a3a9ce; + --dxc-light-a-fm-color: #a3a9ce; + --dxc-light-a-in-color: #bd8183; + --dxc-light-a-k-color: #bd8183; + --dxc-light-a-kc-color: #bd8183; + --dxc-light-a-kd-color: #bd8183; + --dxc-light-a-ke-color: #bd8183; + --dxc-light-a-kf-color: #bd8183; + --dxc-light-a-ki-color: #bd8183; + --dxc-light-a-km-color: #bd8183; + --dxc-light-a-ko-color: #bd8183; + --dxc-light-a-kp-color: #bd8183; + --dxc-light-a-kr-color: #bd8183; + --dxc-light-a-kt-color: #bd8183; + --dxc-light-a-ky-color: #bd8183; + --dxc-light-a-l-color: #cf9bc2; + --dxc-light-a-m-color: #a3a9ce; + --dxc-light-a-n-color: #cf9bc2; + --dxc-light-a-o-color: #bd8183; + --dxc-light-a-p-color: #ece1d7; + --dxc-light-a-pb-color: #ece1d7; + --dxc-light-a-pd-color: #ece1d7; + --dxc-light-a-pp-color: #bd8183; + --dxc-light-a-pr-color: #c1a78e; + --dxc-light-a-ps-color: #cf9bc2; + --dxc-light-a-rp-color: #bd8183; + --dxc-light-a-rx-color: #85b695; + --dxc-light-a-s-color: #85b695; + --dxc-light-a-sc-color: #bd8183; + --dxc-light-a-se-color: #ebc06d; + --dxc-light-a-sp-color: #ece1d7; + --dxc-light-a-ss-color: #d47766; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #c1a78e; + --dxc-light-a-tb-color: #c1a78e; + --dxc-light-a-td-color: #bd8183; + --dxc-light-a-te-color: #bd8183; + --dxc-light-a-tf-color: #c1a78e; + --dxc-light-a-tg-color: #bd8183; + --dxc-light-a-tl-color: #ece1d7; + --dxc-light-a-tq-color: #c1a78e; + --dxc-light-a-tr-color: #a3a9ce; + --dxc-light-a-tt-color: #c1a78e; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #a3a9ce; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #ece1d7; + --dxc-light-a-vb-color: #d47766; + --dxc-light-a-vm-color: #ece1d7; + --dxc-light-a-vp-color: #c1a78e; +} diff --git a/assets/generated/arborium-themes/melange-dark.css b/assets/generated/arborium-themes/melange-dark.css index a25a94a..28666e0 100644 --- a/assets/generated/arborium-themes/melange-dark.css +++ b/assets/generated/arborium-themes/melange-dark.css @@ -1,72 +1,76 @@ .dxc-melange-dark { - background: #292522; - --bg: #292522; - --surface: #3a3634; - color: #ece1d7; - --fg: #ece1d7; - --accent: #a3a9ce; - --muted: #867462; + --dxc-light-background: #292522; + --dxc-light-var-bg: #292522; + --dxc-light-var-surface: #3a3634; + --dxc-light-color: #ece1d7; + --dxc-light-var-fg: #ece1d7; + --dxc-light-var-accent: #a3a9ce; + --dxc-light-var-muted: #867462; + --dxc-light-a-at-color: #c1a78e; + --dxc-light-a-c-color: #867462; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #cf9bc2; + --dxc-light-a-cd-color: #867462; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #85b695; + --dxc-light-a-cn-color: #bd8183; + --dxc-light-a-co-color: #cf9bc2; + --dxc-light-a-cs-color: #85b695; + --dxc-light-a-dr-color: #bd8183; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #bd8183; + --dxc-light-a-f-color: #a3a9ce; + --dxc-light-a-fb-color: #a3a9ce; + --dxc-light-a-fc-color: #a3a9ce; + --dxc-light-a-fd-color: #a3a9ce; + --dxc-light-a-fm-color: #a3a9ce; + --dxc-light-a-in-color: #bd8183; + --dxc-light-a-k-color: #bd8183; + --dxc-light-a-kc-color: #bd8183; + --dxc-light-a-kd-color: #bd8183; + --dxc-light-a-ke-color: #bd8183; + --dxc-light-a-kf-color: #bd8183; + --dxc-light-a-ki-color: #bd8183; + --dxc-light-a-km-color: #bd8183; + --dxc-light-a-ko-color: #bd8183; + --dxc-light-a-kp-color: #bd8183; + --dxc-light-a-kr-color: #bd8183; + --dxc-light-a-kt-color: #bd8183; + --dxc-light-a-ky-color: #bd8183; + --dxc-light-a-l-color: #cf9bc2; + --dxc-light-a-m-color: #a3a9ce; + --dxc-light-a-n-color: #cf9bc2; + --dxc-light-a-o-color: #bd8183; + --dxc-light-a-p-color: #ece1d7; + --dxc-light-a-pb-color: #ece1d7; + --dxc-light-a-pd-color: #ece1d7; + --dxc-light-a-pp-color: #bd8183; + --dxc-light-a-pr-color: #c1a78e; + --dxc-light-a-ps-color: #cf9bc2; + --dxc-light-a-rp-color: #bd8183; + --dxc-light-a-rx-color: #85b695; + --dxc-light-a-s-color: #85b695; + --dxc-light-a-sc-color: #bd8183; + --dxc-light-a-se-color: #ebc06d; + --dxc-light-a-sp-color: #ece1d7; + --dxc-light-a-ss-color: #d47766; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #c1a78e; + --dxc-light-a-tb-color: #c1a78e; + --dxc-light-a-td-color: #bd8183; + --dxc-light-a-te-color: #bd8183; + --dxc-light-a-tf-color: #c1a78e; + --dxc-light-a-tg-color: #bd8183; + --dxc-light-a-tl-color: #ece1d7; + --dxc-light-a-tq-color: #c1a78e; + --dxc-light-a-tr-color: #a3a9ce; + --dxc-light-a-tt-color: #c1a78e; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #a3a9ce; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #ece1d7; + --dxc-light-a-vb-color: #d47766; + --dxc-light-a-vm-color: #ece1d7; + --dxc-light-a-vp-color: #c1a78e; } -.dxc-melange-dark .a-at { color: #c1a78e; } -.dxc-melange-dark .a-co { color: #cf9bc2; } -.dxc-melange-dark .a-cb { color: #cf9bc2; } -.dxc-melange-dark .a-fb { color: #a3a9ce; } -.dxc-melange-dark .a-f { color: #a3a9ce; } -.dxc-melange-dark .a-fm { color: #a3a9ce; } -.dxc-melange-dark .a-k { color: #bd8183; } -.dxc-melange-dark .a-kc { color: #bd8183; } -.dxc-melange-dark .a-ko { color: #bd8183; } -.dxc-melange-dark .a-kd { color: #bd8183; } -.dxc-melange-dark .a-ke { color: #bd8183; } -.dxc-melange-dark .a-kf { color: #bd8183; } -.dxc-melange-dark .a-ki { color: #bd8183; } -.dxc-melange-dark .a-kp { color: #bd8183; } -.dxc-melange-dark .a-kr { color: #bd8183; } -.dxc-melange-dark .a-kt { color: #bd8183; } -.dxc-melange-dark .a-ky { color: #bd8183; } -.dxc-melange-dark .a-o { color: #bd8183; } -.dxc-melange-dark .a-pr { color: #c1a78e; } -.dxc-melange-dark .a-p { color: #ece1d7; } -.dxc-melange-dark .a-pb { color: #ece1d7; } -.dxc-melange-dark .a-pd { color: #ece1d7; } -.dxc-melange-dark .a-ps { color: #cf9bc2; } -.dxc-melange-dark .a-s { color: #85b695; } -.dxc-melange-dark .a-ss { color: #d47766; } -.dxc-melange-dark .a-tg { color: #bd8183; } -.dxc-melange-dark .a-td { color: #bd8183; } -.dxc-melange-dark .a-te { color: #bd8183; } -.dxc-melange-dark .a-t { color: #c1a78e; } -.dxc-melange-dark .a-tb { color: #c1a78e; } -.dxc-melange-dark .a-tq { color: #c1a78e; } -.dxc-melange-dark .a-v { color: #ece1d7; } -.dxc-melange-dark .a-vb { color: #d47766; } -.dxc-melange-dark .a-vp { color: #c1a78e; } -.dxc-melange-dark .a-c { color: #867462; font-style: italic; } -.dxc-melange-dark .a-cd { color: #867462; font-style: italic; } -.dxc-melange-dark .a-m { color: #a3a9ce; } -.dxc-melange-dark .a-l { color: #cf9bc2; } -.dxc-melange-dark .a-n { color: #cf9bc2; } -.dxc-melange-dark .a-tl { color: #ece1d7; } -.dxc-melange-dark .a-em { font-style: italic; } -.dxc-melange-dark .a-st { font-weight: bold; } -.dxc-melange-dark .a-tu { color: #a3a9ce; text-decoration: underline; } -.dxc-melange-dark .a-tr { color: #a3a9ce; } -.dxc-melange-dark .a-se { color: #ebc06d; } -.dxc-melange-dark .a-tt { color: #c1a78e; font-weight: bold; } -.dxc-melange-dark .a-tx { text-decoration: line-through; } -.dxc-melange-dark .a-sp { color: #ece1d7; } -.dxc-melange-dark .a-in { color: #bd8183; } -.dxc-melange-dark .a-sc { color: #bd8183; } -.dxc-melange-dark .a-rp { color: #bd8183; } -.dxc-melange-dark .a-cn { color: #bd8183; } -.dxc-melange-dark .a-ex { color: #bd8183; } -.dxc-melange-dark .a-pp { color: #bd8183; } -.dxc-melange-dark .a-ch { color: #85b695; } -.dxc-melange-dark .a-cs { color: #85b695; } -.dxc-melange-dark .a-vm { color: #ece1d7; } -.dxc-melange-dark .a-fd { color: #a3a9ce; } -.dxc-melange-dark .a-tf { color: #c1a78e; } -.dxc-melange-dark .a-fc { color: #a3a9ce; } -.dxc-melange-dark .a-km { color: #bd8183; } -.dxc-melange-dark .a-dr { color: #bd8183; } -.dxc-melange-dark .a-rx { color: #85b695; } diff --git a/assets/generated/arborium-themes/melange-light-system-dark.css b/assets/generated/arborium-themes/melange-light-system-dark.css new file mode 100644 index 0000000..3e1abec --- /dev/null +++ b/assets/generated/arborium-themes/melange-light-system-dark.css @@ -0,0 +1,76 @@ +.dxc-system-dark-melange-light { + --dxc-dark-background: #f1f1f1; + --dxc-dark-var-bg: #f1f1f1; + --dxc-dark-var-surface: #e5e5e5; + --dxc-dark-color: #54433a; + --dxc-dark-var-fg: #54433a; + --dxc-dark-var-accent: #465aa4; + --dxc-dark-var-muted: #7d6658; + --dxc-dark-a-at-color: #bc5c00; + --dxc-dark-a-c-color: #7d6658; + --dxc-dark-a-c-font-style: italic; + --dxc-dark-a-cb-color: #904180; + --dxc-dark-a-cd-color: #7d6658; + --dxc-dark-a-cd-font-style: italic; + --dxc-dark-a-ch-color: #3a684a; + --dxc-dark-a-cn-color: #bc5c00; + --dxc-dark-a-co-color: #904180; + --dxc-dark-a-cs-color: #3a684a; + --dxc-dark-a-dr-color: #bc5c00; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #bc5c00; + --dxc-dark-a-f-color: #465aa4; + --dxc-dark-a-fb-color: #465aa4; + --dxc-dark-a-fc-color: #465aa4; + --dxc-dark-a-fd-color: #465aa4; + --dxc-dark-a-fm-color: #465aa4; + --dxc-dark-a-in-color: #bc5c00; + --dxc-dark-a-k-color: #bc5c00; + --dxc-dark-a-kc-color: #bc5c00; + --dxc-dark-a-kd-color: #bc5c00; + --dxc-dark-a-ke-color: #bc5c00; + --dxc-dark-a-kf-color: #bc5c00; + --dxc-dark-a-ki-color: #bc5c00; + --dxc-dark-a-km-color: #bc5c00; + --dxc-dark-a-ko-color: #bc5c00; + --dxc-dark-a-kp-color: #bc5c00; + --dxc-dark-a-kr-color: #bc5c00; + --dxc-dark-a-kt-color: #bc5c00; + --dxc-dark-a-ky-color: #bc5c00; + --dxc-dark-a-l-color: #904180; + --dxc-dark-a-m-color: #465aa4; + --dxc-dark-a-n-color: #904180; + --dxc-dark-a-o-color: #bc5c00; + --dxc-dark-a-p-color: #54433a; + --dxc-dark-a-pb-color: #54433a; + --dxc-dark-a-pd-color: #54433a; + --dxc-dark-a-pp-color: #bc5c00; + --dxc-dark-a-pr-color: #bc5c00; + --dxc-dark-a-ps-color: #904180; + --dxc-dark-a-rp-color: #bc5c00; + --dxc-dark-a-rx-color: #3a684a; + --dxc-dark-a-s-color: #3a684a; + --dxc-dark-a-sc-color: #bc5c00; + --dxc-dark-a-se-color: #a06d00; + --dxc-dark-a-sp-color: #54433a; + --dxc-dark-a-ss-color: #bf0021; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #bc5c00; + --dxc-dark-a-tb-color: #bc5c00; + --dxc-dark-a-td-color: #bc5c00; + --dxc-dark-a-te-color: #bc5c00; + --dxc-dark-a-tf-color: #bc5c00; + --dxc-dark-a-tg-color: #bc5c00; + --dxc-dark-a-tl-color: #54433a; + --dxc-dark-a-tq-color: #bc5c00; + --dxc-dark-a-tr-color: #465aa4; + --dxc-dark-a-tt-color: #bc5c00; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #465aa4; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #54433a; + --dxc-dark-a-vb-color: #bf0021; + --dxc-dark-a-vm-color: #54433a; + --dxc-dark-a-vp-color: #bc5c00; +} diff --git a/assets/generated/arborium-themes/melange-light-system-light.css b/assets/generated/arborium-themes/melange-light-system-light.css new file mode 100644 index 0000000..fde8084 --- /dev/null +++ b/assets/generated/arborium-themes/melange-light-system-light.css @@ -0,0 +1,76 @@ +.dxc-system-light-melange-light { + --dxc-light-background: #f1f1f1; + --dxc-light-var-bg: #f1f1f1; + --dxc-light-var-surface: #e5e5e5; + --dxc-light-color: #54433a; + --dxc-light-var-fg: #54433a; + --dxc-light-var-accent: #465aa4; + --dxc-light-var-muted: #7d6658; + --dxc-light-a-at-color: #bc5c00; + --dxc-light-a-c-color: #7d6658; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #904180; + --dxc-light-a-cd-color: #7d6658; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #3a684a; + --dxc-light-a-cn-color: #bc5c00; + --dxc-light-a-co-color: #904180; + --dxc-light-a-cs-color: #3a684a; + --dxc-light-a-dr-color: #bc5c00; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #bc5c00; + --dxc-light-a-f-color: #465aa4; + --dxc-light-a-fb-color: #465aa4; + --dxc-light-a-fc-color: #465aa4; + --dxc-light-a-fd-color: #465aa4; + --dxc-light-a-fm-color: #465aa4; + --dxc-light-a-in-color: #bc5c00; + --dxc-light-a-k-color: #bc5c00; + --dxc-light-a-kc-color: #bc5c00; + --dxc-light-a-kd-color: #bc5c00; + --dxc-light-a-ke-color: #bc5c00; + --dxc-light-a-kf-color: #bc5c00; + --dxc-light-a-ki-color: #bc5c00; + --dxc-light-a-km-color: #bc5c00; + --dxc-light-a-ko-color: #bc5c00; + --dxc-light-a-kp-color: #bc5c00; + --dxc-light-a-kr-color: #bc5c00; + --dxc-light-a-kt-color: #bc5c00; + --dxc-light-a-ky-color: #bc5c00; + --dxc-light-a-l-color: #904180; + --dxc-light-a-m-color: #465aa4; + --dxc-light-a-n-color: #904180; + --dxc-light-a-o-color: #bc5c00; + --dxc-light-a-p-color: #54433a; + --dxc-light-a-pb-color: #54433a; + --dxc-light-a-pd-color: #54433a; + --dxc-light-a-pp-color: #bc5c00; + --dxc-light-a-pr-color: #bc5c00; + --dxc-light-a-ps-color: #904180; + --dxc-light-a-rp-color: #bc5c00; + --dxc-light-a-rx-color: #3a684a; + --dxc-light-a-s-color: #3a684a; + --dxc-light-a-sc-color: #bc5c00; + --dxc-light-a-se-color: #a06d00; + --dxc-light-a-sp-color: #54433a; + --dxc-light-a-ss-color: #bf0021; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #bc5c00; + --dxc-light-a-tb-color: #bc5c00; + --dxc-light-a-td-color: #bc5c00; + --dxc-light-a-te-color: #bc5c00; + --dxc-light-a-tf-color: #bc5c00; + --dxc-light-a-tg-color: #bc5c00; + --dxc-light-a-tl-color: #54433a; + --dxc-light-a-tq-color: #bc5c00; + --dxc-light-a-tr-color: #465aa4; + --dxc-light-a-tt-color: #bc5c00; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #465aa4; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #54433a; + --dxc-light-a-vb-color: #bf0021; + --dxc-light-a-vm-color: #54433a; + --dxc-light-a-vp-color: #bc5c00; +} diff --git a/assets/generated/arborium-themes/melange-light.css b/assets/generated/arborium-themes/melange-light.css index 59cff73..239c09a 100644 --- a/assets/generated/arborium-themes/melange-light.css +++ b/assets/generated/arborium-themes/melange-light.css @@ -1,72 +1,76 @@ .dxc-melange-light { - background: #f1f1f1; - --bg: #f1f1f1; - --surface: #e5e5e5; - color: #54433a; - --fg: #54433a; - --accent: #465aa4; - --muted: #7d6658; + --dxc-light-background: #f1f1f1; + --dxc-light-var-bg: #f1f1f1; + --dxc-light-var-surface: #e5e5e5; + --dxc-light-color: #54433a; + --dxc-light-var-fg: #54433a; + --dxc-light-var-accent: #465aa4; + --dxc-light-var-muted: #7d6658; + --dxc-light-a-at-color: #bc5c00; + --dxc-light-a-c-color: #7d6658; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #904180; + --dxc-light-a-cd-color: #7d6658; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #3a684a; + --dxc-light-a-cn-color: #bc5c00; + --dxc-light-a-co-color: #904180; + --dxc-light-a-cs-color: #3a684a; + --dxc-light-a-dr-color: #bc5c00; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #bc5c00; + --dxc-light-a-f-color: #465aa4; + --dxc-light-a-fb-color: #465aa4; + --dxc-light-a-fc-color: #465aa4; + --dxc-light-a-fd-color: #465aa4; + --dxc-light-a-fm-color: #465aa4; + --dxc-light-a-in-color: #bc5c00; + --dxc-light-a-k-color: #bc5c00; + --dxc-light-a-kc-color: #bc5c00; + --dxc-light-a-kd-color: #bc5c00; + --dxc-light-a-ke-color: #bc5c00; + --dxc-light-a-kf-color: #bc5c00; + --dxc-light-a-ki-color: #bc5c00; + --dxc-light-a-km-color: #bc5c00; + --dxc-light-a-ko-color: #bc5c00; + --dxc-light-a-kp-color: #bc5c00; + --dxc-light-a-kr-color: #bc5c00; + --dxc-light-a-kt-color: #bc5c00; + --dxc-light-a-ky-color: #bc5c00; + --dxc-light-a-l-color: #904180; + --dxc-light-a-m-color: #465aa4; + --dxc-light-a-n-color: #904180; + --dxc-light-a-o-color: #bc5c00; + --dxc-light-a-p-color: #54433a; + --dxc-light-a-pb-color: #54433a; + --dxc-light-a-pd-color: #54433a; + --dxc-light-a-pp-color: #bc5c00; + --dxc-light-a-pr-color: #bc5c00; + --dxc-light-a-ps-color: #904180; + --dxc-light-a-rp-color: #bc5c00; + --dxc-light-a-rx-color: #3a684a; + --dxc-light-a-s-color: #3a684a; + --dxc-light-a-sc-color: #bc5c00; + --dxc-light-a-se-color: #a06d00; + --dxc-light-a-sp-color: #54433a; + --dxc-light-a-ss-color: #bf0021; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #bc5c00; + --dxc-light-a-tb-color: #bc5c00; + --dxc-light-a-td-color: #bc5c00; + --dxc-light-a-te-color: #bc5c00; + --dxc-light-a-tf-color: #bc5c00; + --dxc-light-a-tg-color: #bc5c00; + --dxc-light-a-tl-color: #54433a; + --dxc-light-a-tq-color: #bc5c00; + --dxc-light-a-tr-color: #465aa4; + --dxc-light-a-tt-color: #bc5c00; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #465aa4; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #54433a; + --dxc-light-a-vb-color: #bf0021; + --dxc-light-a-vm-color: #54433a; + --dxc-light-a-vp-color: #bc5c00; } -.dxc-melange-light .a-at { color: #bc5c00; } -.dxc-melange-light .a-co { color: #904180; } -.dxc-melange-light .a-cb { color: #904180; } -.dxc-melange-light .a-fb { color: #465aa4; } -.dxc-melange-light .a-f { color: #465aa4; } -.dxc-melange-light .a-fm { color: #465aa4; } -.dxc-melange-light .a-k { color: #bc5c00; } -.dxc-melange-light .a-kc { color: #bc5c00; } -.dxc-melange-light .a-ko { color: #bc5c00; } -.dxc-melange-light .a-kd { color: #bc5c00; } -.dxc-melange-light .a-ke { color: #bc5c00; } -.dxc-melange-light .a-kf { color: #bc5c00; } -.dxc-melange-light .a-ki { color: #bc5c00; } -.dxc-melange-light .a-kp { color: #bc5c00; } -.dxc-melange-light .a-kr { color: #bc5c00; } -.dxc-melange-light .a-kt { color: #bc5c00; } -.dxc-melange-light .a-ky { color: #bc5c00; } -.dxc-melange-light .a-o { color: #bc5c00; } -.dxc-melange-light .a-pr { color: #bc5c00; } -.dxc-melange-light .a-p { color: #54433a; } -.dxc-melange-light .a-pb { color: #54433a; } -.dxc-melange-light .a-pd { color: #54433a; } -.dxc-melange-light .a-ps { color: #904180; } -.dxc-melange-light .a-s { color: #3a684a; } -.dxc-melange-light .a-ss { color: #bf0021; } -.dxc-melange-light .a-tg { color: #bc5c00; } -.dxc-melange-light .a-td { color: #bc5c00; } -.dxc-melange-light .a-te { color: #bc5c00; } -.dxc-melange-light .a-t { color: #bc5c00; } -.dxc-melange-light .a-tb { color: #bc5c00; } -.dxc-melange-light .a-tq { color: #bc5c00; } -.dxc-melange-light .a-v { color: #54433a; } -.dxc-melange-light .a-vb { color: #bf0021; } -.dxc-melange-light .a-vp { color: #bc5c00; } -.dxc-melange-light .a-c { color: #7d6658; font-style: italic; } -.dxc-melange-light .a-cd { color: #7d6658; font-style: italic; } -.dxc-melange-light .a-m { color: #465aa4; } -.dxc-melange-light .a-l { color: #904180; } -.dxc-melange-light .a-n { color: #904180; } -.dxc-melange-light .a-tl { color: #54433a; } -.dxc-melange-light .a-em { font-style: italic; } -.dxc-melange-light .a-st { font-weight: bold; } -.dxc-melange-light .a-tu { color: #465aa4; text-decoration: underline; } -.dxc-melange-light .a-tr { color: #465aa4; } -.dxc-melange-light .a-se { color: #a06d00; } -.dxc-melange-light .a-tt { color: #bc5c00; font-weight: bold; } -.dxc-melange-light .a-tx { text-decoration: line-through; } -.dxc-melange-light .a-sp { color: #54433a; } -.dxc-melange-light .a-in { color: #bc5c00; } -.dxc-melange-light .a-sc { color: #bc5c00; } -.dxc-melange-light .a-rp { color: #bc5c00; } -.dxc-melange-light .a-cn { color: #bc5c00; } -.dxc-melange-light .a-ex { color: #bc5c00; } -.dxc-melange-light .a-pp { color: #bc5c00; } -.dxc-melange-light .a-ch { color: #3a684a; } -.dxc-melange-light .a-cs { color: #3a684a; } -.dxc-melange-light .a-vm { color: #54433a; } -.dxc-melange-light .a-fd { color: #465aa4; } -.dxc-melange-light .a-tf { color: #bc5c00; } -.dxc-melange-light .a-fc { color: #465aa4; } -.dxc-melange-light .a-km { color: #bc5c00; } -.dxc-melange-light .a-dr { color: #bc5c00; } -.dxc-melange-light .a-rx { color: #3a684a; } diff --git a/assets/generated/arborium-themes/monokai-system-dark.css b/assets/generated/arborium-themes/monokai-system-dark.css new file mode 100644 index 0000000..aeaef2c --- /dev/null +++ b/assets/generated/arborium-themes/monokai-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-monokai { + --dxc-dark-background: #2d2a2e; + --dxc-dark-var-bg: #2d2a2e; + --dxc-dark-var-surface: #3e3b3f; + --dxc-dark-color: #fcfcfa; + --dxc-dark-var-fg: #fcfcfa; + --dxc-dark-var-accent: #a9dc76; + --dxc-dark-var-muted: #727072; + --dxc-dark-a-at-color: #a9dc76; + --dxc-dark-a-c-color: #727072; + --dxc-dark-a-cb-color: #ab9df2; + --dxc-dark-a-cd-color: #727072; + --dxc-dark-a-ch-color: #ffd866; + --dxc-dark-a-cn-color: #ff6188; + --dxc-dark-a-co-color: #ab9df2; + --dxc-dark-a-cs-color: #ffd866; + --dxc-dark-a-dr-color: #ff6188; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #ff6188; + --dxc-dark-a-f-color: #a9dc76; + --dxc-dark-a-fb-color: #78dce8; + --dxc-dark-a-fc-color: #a9dc76; + --dxc-dark-a-fd-color: #a9dc76; + --dxc-dark-a-fm-color: #a9dc76; + --dxc-dark-a-in-color: #ff6188; + --dxc-dark-a-k-color: #ff6188; + --dxc-dark-a-kc-color: #ff6188; + --dxc-dark-a-kd-color: #ff6188; + --dxc-dark-a-ke-color: #ff6188; + --dxc-dark-a-kf-color: #ff6188; + --dxc-dark-a-ki-color: #ff6188; + --dxc-dark-a-km-color: #ff6188; + --dxc-dark-a-ko-color: #ff6188; + --dxc-dark-a-kp-color: #ff6188; + --dxc-dark-a-kr-color: #ff6188; + --dxc-dark-a-kt-color: #ff6188; + --dxc-dark-a-ky-color: #ff6188; + --dxc-dark-a-l-color: #ff6188; + --dxc-dark-a-m-color: #78dce8; + --dxc-dark-a-n-color: #ab9df2; + --dxc-dark-a-o-color: #ff6188; + --dxc-dark-a-p-color: #fcfcfa; + --dxc-dark-a-pb-color: #fcfcfa; + --dxc-dark-a-pd-color: #fcfcfa; + --dxc-dark-a-pp-color: #ff6188; + --dxc-dark-a-pr-color: #78dce8; + --dxc-dark-a-ps-color: #ff6188; + --dxc-dark-a-rp-color: #ff6188; + --dxc-dark-a-rx-color: #ffd866; + --dxc-dark-a-s-color: #ffd866; + --dxc-dark-a-sc-color: #ff6188; + --dxc-dark-a-se-color: #ab9df2; + --dxc-dark-a-sp-color: #fcfcfa; + --dxc-dark-a-ss-color: #ab9df2; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #78dce8; + --dxc-dark-a-tb-color: #78dce8; + --dxc-dark-a-td-color: #ff6188; + --dxc-dark-a-te-color: #ff6188; + --dxc-dark-a-tf-color: #78dce8; + --dxc-dark-a-tg-color: #ff6188; + --dxc-dark-a-tl-color: #fcfcfa; + --dxc-dark-a-tq-color: #78dce8; + --dxc-dark-a-tr-color: #78dce8; + --dxc-dark-a-tt-color: #ffd866; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #78dce8; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #fcfcfa; + --dxc-dark-a-vb-color: #ab9df2; + --dxc-dark-a-vm-color: #fcfcfa; + --dxc-dark-a-vp-color: #fc9867; +} diff --git a/assets/generated/arborium-themes/monokai-system-light.css b/assets/generated/arborium-themes/monokai-system-light.css new file mode 100644 index 0000000..9f22c3f --- /dev/null +++ b/assets/generated/arborium-themes/monokai-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-monokai { + --dxc-light-background: #2d2a2e; + --dxc-light-var-bg: #2d2a2e; + --dxc-light-var-surface: #3e3b3f; + --dxc-light-color: #fcfcfa; + --dxc-light-var-fg: #fcfcfa; + --dxc-light-var-accent: #a9dc76; + --dxc-light-var-muted: #727072; + --dxc-light-a-at-color: #a9dc76; + --dxc-light-a-c-color: #727072; + --dxc-light-a-cb-color: #ab9df2; + --dxc-light-a-cd-color: #727072; + --dxc-light-a-ch-color: #ffd866; + --dxc-light-a-cn-color: #ff6188; + --dxc-light-a-co-color: #ab9df2; + --dxc-light-a-cs-color: #ffd866; + --dxc-light-a-dr-color: #ff6188; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ff6188; + --dxc-light-a-f-color: #a9dc76; + --dxc-light-a-fb-color: #78dce8; + --dxc-light-a-fc-color: #a9dc76; + --dxc-light-a-fd-color: #a9dc76; + --dxc-light-a-fm-color: #a9dc76; + --dxc-light-a-in-color: #ff6188; + --dxc-light-a-k-color: #ff6188; + --dxc-light-a-kc-color: #ff6188; + --dxc-light-a-kd-color: #ff6188; + --dxc-light-a-ke-color: #ff6188; + --dxc-light-a-kf-color: #ff6188; + --dxc-light-a-ki-color: #ff6188; + --dxc-light-a-km-color: #ff6188; + --dxc-light-a-ko-color: #ff6188; + --dxc-light-a-kp-color: #ff6188; + --dxc-light-a-kr-color: #ff6188; + --dxc-light-a-kt-color: #ff6188; + --dxc-light-a-ky-color: #ff6188; + --dxc-light-a-l-color: #ff6188; + --dxc-light-a-m-color: #78dce8; + --dxc-light-a-n-color: #ab9df2; + --dxc-light-a-o-color: #ff6188; + --dxc-light-a-p-color: #fcfcfa; + --dxc-light-a-pb-color: #fcfcfa; + --dxc-light-a-pd-color: #fcfcfa; + --dxc-light-a-pp-color: #ff6188; + --dxc-light-a-pr-color: #78dce8; + --dxc-light-a-ps-color: #ff6188; + --dxc-light-a-rp-color: #ff6188; + --dxc-light-a-rx-color: #ffd866; + --dxc-light-a-s-color: #ffd866; + --dxc-light-a-sc-color: #ff6188; + --dxc-light-a-se-color: #ab9df2; + --dxc-light-a-sp-color: #fcfcfa; + --dxc-light-a-ss-color: #ab9df2; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #78dce8; + --dxc-light-a-tb-color: #78dce8; + --dxc-light-a-td-color: #ff6188; + --dxc-light-a-te-color: #ff6188; + --dxc-light-a-tf-color: #78dce8; + --dxc-light-a-tg-color: #ff6188; + --dxc-light-a-tl-color: #fcfcfa; + --dxc-light-a-tq-color: #78dce8; + --dxc-light-a-tr-color: #78dce8; + --dxc-light-a-tt-color: #ffd866; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #78dce8; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #fcfcfa; + --dxc-light-a-vb-color: #ab9df2; + --dxc-light-a-vm-color: #fcfcfa; + --dxc-light-a-vp-color: #fc9867; +} diff --git a/assets/generated/arborium-themes/monokai.css b/assets/generated/arborium-themes/monokai.css index 76e0d13..289f491 100644 --- a/assets/generated/arborium-themes/monokai.css +++ b/assets/generated/arborium-themes/monokai.css @@ -1,72 +1,74 @@ .dxc-monokai { - background: #2d2a2e; - --bg: #2d2a2e; - --surface: #3e3b3f; - color: #fcfcfa; - --fg: #fcfcfa; - --accent: #a9dc76; - --muted: #727072; + --dxc-light-background: #2d2a2e; + --dxc-light-var-bg: #2d2a2e; + --dxc-light-var-surface: #3e3b3f; + --dxc-light-color: #fcfcfa; + --dxc-light-var-fg: #fcfcfa; + --dxc-light-var-accent: #a9dc76; + --dxc-light-var-muted: #727072; + --dxc-light-a-at-color: #a9dc76; + --dxc-light-a-c-color: #727072; + --dxc-light-a-cb-color: #ab9df2; + --dxc-light-a-cd-color: #727072; + --dxc-light-a-ch-color: #ffd866; + --dxc-light-a-cn-color: #ff6188; + --dxc-light-a-co-color: #ab9df2; + --dxc-light-a-cs-color: #ffd866; + --dxc-light-a-dr-color: #ff6188; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ff6188; + --dxc-light-a-f-color: #a9dc76; + --dxc-light-a-fb-color: #78dce8; + --dxc-light-a-fc-color: #a9dc76; + --dxc-light-a-fd-color: #a9dc76; + --dxc-light-a-fm-color: #a9dc76; + --dxc-light-a-in-color: #ff6188; + --dxc-light-a-k-color: #ff6188; + --dxc-light-a-kc-color: #ff6188; + --dxc-light-a-kd-color: #ff6188; + --dxc-light-a-ke-color: #ff6188; + --dxc-light-a-kf-color: #ff6188; + --dxc-light-a-ki-color: #ff6188; + --dxc-light-a-km-color: #ff6188; + --dxc-light-a-ko-color: #ff6188; + --dxc-light-a-kp-color: #ff6188; + --dxc-light-a-kr-color: #ff6188; + --dxc-light-a-kt-color: #ff6188; + --dxc-light-a-ky-color: #ff6188; + --dxc-light-a-l-color: #ff6188; + --dxc-light-a-m-color: #78dce8; + --dxc-light-a-n-color: #ab9df2; + --dxc-light-a-o-color: #ff6188; + --dxc-light-a-p-color: #fcfcfa; + --dxc-light-a-pb-color: #fcfcfa; + --dxc-light-a-pd-color: #fcfcfa; + --dxc-light-a-pp-color: #ff6188; + --dxc-light-a-pr-color: #78dce8; + --dxc-light-a-ps-color: #ff6188; + --dxc-light-a-rp-color: #ff6188; + --dxc-light-a-rx-color: #ffd866; + --dxc-light-a-s-color: #ffd866; + --dxc-light-a-sc-color: #ff6188; + --dxc-light-a-se-color: #ab9df2; + --dxc-light-a-sp-color: #fcfcfa; + --dxc-light-a-ss-color: #ab9df2; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #78dce8; + --dxc-light-a-tb-color: #78dce8; + --dxc-light-a-td-color: #ff6188; + --dxc-light-a-te-color: #ff6188; + --dxc-light-a-tf-color: #78dce8; + --dxc-light-a-tg-color: #ff6188; + --dxc-light-a-tl-color: #fcfcfa; + --dxc-light-a-tq-color: #78dce8; + --dxc-light-a-tr-color: #78dce8; + --dxc-light-a-tt-color: #ffd866; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #78dce8; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #fcfcfa; + --dxc-light-a-vb-color: #ab9df2; + --dxc-light-a-vm-color: #fcfcfa; + --dxc-light-a-vp-color: #fc9867; } -.dxc-monokai .a-at { color: #a9dc76; } -.dxc-monokai .a-co { color: #ab9df2; } -.dxc-monokai .a-cb { color: #ab9df2; } -.dxc-monokai .a-fb { color: #78dce8; } -.dxc-monokai .a-f { color: #a9dc76; } -.dxc-monokai .a-fm { color: #a9dc76; } -.dxc-monokai .a-k { color: #ff6188; } -.dxc-monokai .a-kc { color: #ff6188; } -.dxc-monokai .a-ko { color: #ff6188; } -.dxc-monokai .a-kd { color: #ff6188; } -.dxc-monokai .a-ke { color: #ff6188; } -.dxc-monokai .a-kf { color: #ff6188; } -.dxc-monokai .a-ki { color: #ff6188; } -.dxc-monokai .a-kp { color: #ff6188; } -.dxc-monokai .a-kr { color: #ff6188; } -.dxc-monokai .a-kt { color: #ff6188; } -.dxc-monokai .a-ky { color: #ff6188; } -.dxc-monokai .a-o { color: #ff6188; } -.dxc-monokai .a-pr { color: #78dce8; } -.dxc-monokai .a-p { color: #fcfcfa; } -.dxc-monokai .a-pb { color: #fcfcfa; } -.dxc-monokai .a-pd { color: #fcfcfa; } -.dxc-monokai .a-ps { color: #ff6188; } -.dxc-monokai .a-s { color: #ffd866; } -.dxc-monokai .a-ss { color: #ab9df2; } -.dxc-monokai .a-tg { color: #ff6188; } -.dxc-monokai .a-td { color: #ff6188; } -.dxc-monokai .a-te { color: #ff6188; } -.dxc-monokai .a-t { color: #78dce8; } -.dxc-monokai .a-tb { color: #78dce8; } -.dxc-monokai .a-tq { color: #78dce8; } -.dxc-monokai .a-v { color: #fcfcfa; } -.dxc-monokai .a-vb { color: #ab9df2; } -.dxc-monokai .a-vp { color: #fc9867; } -.dxc-monokai .a-c { color: #727072; } -.dxc-monokai .a-cd { color: #727072; } -.dxc-monokai .a-m { color: #78dce8; } -.dxc-monokai .a-l { color: #ff6188; } -.dxc-monokai .a-n { color: #ab9df2; } -.dxc-monokai .a-tl { color: #fcfcfa; } -.dxc-monokai .a-em { font-style: italic; } -.dxc-monokai .a-st { font-weight: bold; } -.dxc-monokai .a-tu { color: #78dce8; text-decoration: underline; } -.dxc-monokai .a-tr { color: #78dce8; } -.dxc-monokai .a-se { color: #ab9df2; } -.dxc-monokai .a-tt { color: #ffd866; font-weight: bold; } -.dxc-monokai .a-tx { text-decoration: line-through; } -.dxc-monokai .a-sp { color: #fcfcfa; } -.dxc-monokai .a-in { color: #ff6188; } -.dxc-monokai .a-sc { color: #ff6188; } -.dxc-monokai .a-rp { color: #ff6188; } -.dxc-monokai .a-cn { color: #ff6188; } -.dxc-monokai .a-ex { color: #ff6188; } -.dxc-monokai .a-pp { color: #ff6188; } -.dxc-monokai .a-ch { color: #ffd866; } -.dxc-monokai .a-cs { color: #ffd866; } -.dxc-monokai .a-vm { color: #fcfcfa; } -.dxc-monokai .a-fd { color: #a9dc76; } -.dxc-monokai .a-tf { color: #78dce8; } -.dxc-monokai .a-fc { color: #a9dc76; } -.dxc-monokai .a-km { color: #ff6188; } -.dxc-monokai .a-dr { color: #ff6188; } -.dxc-monokai .a-rx { color: #ffd866; } diff --git a/assets/generated/arborium-themes/nord-system-dark.css b/assets/generated/arborium-themes/nord-system-dark.css new file mode 100644 index 0000000..b2bbef3 --- /dev/null +++ b/assets/generated/arborium-themes/nord-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-nord { + --dxc-dark-background: #2e3440; + --dxc-dark-var-bg: #2e3440; + --dxc-dark-var-surface: #3f444f; + --dxc-dark-color: #eceff4; + --dxc-dark-var-fg: #eceff4; + --dxc-dark-var-accent: #88c0d0; + --dxc-dark-var-muted: #616e88; + --dxc-dark-a-at-color: #8fbcbb; + --dxc-dark-a-c-color: #616e88; + --dxc-dark-a-cb-color: #b48ead; + --dxc-dark-a-cd-color: #616e88; + --dxc-dark-a-ch-color: #a3be8c; + --dxc-dark-a-cn-color: #81a1c1; + --dxc-dark-a-co-color: #b48ead; + --dxc-dark-a-cs-color: #a3be8c; + --dxc-dark-a-dr-color: #81a1c1; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #81a1c1; + --dxc-dark-a-f-color: #88c0d0; + --dxc-dark-a-fb-color: #88c0d0; + --dxc-dark-a-fc-color: #88c0d0; + --dxc-dark-a-fd-color: #88c0d0; + --dxc-dark-a-fm-color: #88c0d0; + --dxc-dark-a-in-color: #81a1c1; + --dxc-dark-a-k-color: #81a1c1; + --dxc-dark-a-kc-color: #81a1c1; + --dxc-dark-a-kd-color: #81a1c1; + --dxc-dark-a-ke-color: #81a1c1; + --dxc-dark-a-kf-color: #81a1c1; + --dxc-dark-a-ki-color: #81a1c1; + --dxc-dark-a-km-color: #81a1c1; + --dxc-dark-a-ko-color: #81a1c1; + --dxc-dark-a-kp-color: #81a1c1; + --dxc-dark-a-kr-color: #81a1c1; + --dxc-dark-a-kt-color: #81a1c1; + --dxc-dark-a-ky-color: #81a1c1; + --dxc-dark-a-l-color: #d08770; + --dxc-dark-a-m-color: #5e81ac; + --dxc-dark-a-n-color: #b48ead; + --dxc-dark-a-o-color: #81a1c1; + --dxc-dark-a-p-color: #eceff4; + --dxc-dark-a-pb-color: #eceff4; + --dxc-dark-a-pd-color: #eceff4; + --dxc-dark-a-pp-color: #81a1c1; + --dxc-dark-a-pr-color: #88c0d0; + --dxc-dark-a-ps-color: #d08770; + --dxc-dark-a-rp-color: #81a1c1; + --dxc-dark-a-rx-color: #a3be8c; + --dxc-dark-a-s-color: #a3be8c; + --dxc-dark-a-sc-color: #81a1c1; + --dxc-dark-a-se-color: #ebcb8b; + --dxc-dark-a-sp-color: #eceff4; + --dxc-dark-a-ss-color: #bf616a; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #8fbcbb; + --dxc-dark-a-tb-color: #8fbcbb; + --dxc-dark-a-td-color: #81a1c1; + --dxc-dark-a-te-color: #81a1c1; + --dxc-dark-a-tf-color: #8fbcbb; + --dxc-dark-a-tg-color: #81a1c1; + --dxc-dark-a-tl-color: #eceff4; + --dxc-dark-a-tq-color: #8fbcbb; + --dxc-dark-a-tr-color: #88c0d0; + --dxc-dark-a-tt-color: #81a1c1; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #88c0d0; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #eceff4; + --dxc-dark-a-vb-color: #bf616a; + --dxc-dark-a-vm-color: #eceff4; + --dxc-dark-a-vp-color: #d08770; +} diff --git a/assets/generated/arborium-themes/nord-system-light.css b/assets/generated/arborium-themes/nord-system-light.css new file mode 100644 index 0000000..4364473 --- /dev/null +++ b/assets/generated/arborium-themes/nord-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-nord { + --dxc-light-background: #2e3440; + --dxc-light-var-bg: #2e3440; + --dxc-light-var-surface: #3f444f; + --dxc-light-color: #eceff4; + --dxc-light-var-fg: #eceff4; + --dxc-light-var-accent: #88c0d0; + --dxc-light-var-muted: #616e88; + --dxc-light-a-at-color: #8fbcbb; + --dxc-light-a-c-color: #616e88; + --dxc-light-a-cb-color: #b48ead; + --dxc-light-a-cd-color: #616e88; + --dxc-light-a-ch-color: #a3be8c; + --dxc-light-a-cn-color: #81a1c1; + --dxc-light-a-co-color: #b48ead; + --dxc-light-a-cs-color: #a3be8c; + --dxc-light-a-dr-color: #81a1c1; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #81a1c1; + --dxc-light-a-f-color: #88c0d0; + --dxc-light-a-fb-color: #88c0d0; + --dxc-light-a-fc-color: #88c0d0; + --dxc-light-a-fd-color: #88c0d0; + --dxc-light-a-fm-color: #88c0d0; + --dxc-light-a-in-color: #81a1c1; + --dxc-light-a-k-color: #81a1c1; + --dxc-light-a-kc-color: #81a1c1; + --dxc-light-a-kd-color: #81a1c1; + --dxc-light-a-ke-color: #81a1c1; + --dxc-light-a-kf-color: #81a1c1; + --dxc-light-a-ki-color: #81a1c1; + --dxc-light-a-km-color: #81a1c1; + --dxc-light-a-ko-color: #81a1c1; + --dxc-light-a-kp-color: #81a1c1; + --dxc-light-a-kr-color: #81a1c1; + --dxc-light-a-kt-color: #81a1c1; + --dxc-light-a-ky-color: #81a1c1; + --dxc-light-a-l-color: #d08770; + --dxc-light-a-m-color: #5e81ac; + --dxc-light-a-n-color: #b48ead; + --dxc-light-a-o-color: #81a1c1; + --dxc-light-a-p-color: #eceff4; + --dxc-light-a-pb-color: #eceff4; + --dxc-light-a-pd-color: #eceff4; + --dxc-light-a-pp-color: #81a1c1; + --dxc-light-a-pr-color: #88c0d0; + --dxc-light-a-ps-color: #d08770; + --dxc-light-a-rp-color: #81a1c1; + --dxc-light-a-rx-color: #a3be8c; + --dxc-light-a-s-color: #a3be8c; + --dxc-light-a-sc-color: #81a1c1; + --dxc-light-a-se-color: #ebcb8b; + --dxc-light-a-sp-color: #eceff4; + --dxc-light-a-ss-color: #bf616a; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #8fbcbb; + --dxc-light-a-tb-color: #8fbcbb; + --dxc-light-a-td-color: #81a1c1; + --dxc-light-a-te-color: #81a1c1; + --dxc-light-a-tf-color: #8fbcbb; + --dxc-light-a-tg-color: #81a1c1; + --dxc-light-a-tl-color: #eceff4; + --dxc-light-a-tq-color: #8fbcbb; + --dxc-light-a-tr-color: #88c0d0; + --dxc-light-a-tt-color: #81a1c1; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #88c0d0; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #eceff4; + --dxc-light-a-vb-color: #bf616a; + --dxc-light-a-vm-color: #eceff4; + --dxc-light-a-vp-color: #d08770; +} diff --git a/assets/generated/arborium-themes/nord.css b/assets/generated/arborium-themes/nord.css index 9350793..f9064d1 100644 --- a/assets/generated/arborium-themes/nord.css +++ b/assets/generated/arborium-themes/nord.css @@ -1,72 +1,74 @@ .dxc-nord { - background: #2e3440; - --bg: #2e3440; - --surface: #3f444f; - color: #eceff4; - --fg: #eceff4; - --accent: #88c0d0; - --muted: #616e88; + --dxc-light-background: #2e3440; + --dxc-light-var-bg: #2e3440; + --dxc-light-var-surface: #3f444f; + --dxc-light-color: #eceff4; + --dxc-light-var-fg: #eceff4; + --dxc-light-var-accent: #88c0d0; + --dxc-light-var-muted: #616e88; + --dxc-light-a-at-color: #8fbcbb; + --dxc-light-a-c-color: #616e88; + --dxc-light-a-cb-color: #b48ead; + --dxc-light-a-cd-color: #616e88; + --dxc-light-a-ch-color: #a3be8c; + --dxc-light-a-cn-color: #81a1c1; + --dxc-light-a-co-color: #b48ead; + --dxc-light-a-cs-color: #a3be8c; + --dxc-light-a-dr-color: #81a1c1; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #81a1c1; + --dxc-light-a-f-color: #88c0d0; + --dxc-light-a-fb-color: #88c0d0; + --dxc-light-a-fc-color: #88c0d0; + --dxc-light-a-fd-color: #88c0d0; + --dxc-light-a-fm-color: #88c0d0; + --dxc-light-a-in-color: #81a1c1; + --dxc-light-a-k-color: #81a1c1; + --dxc-light-a-kc-color: #81a1c1; + --dxc-light-a-kd-color: #81a1c1; + --dxc-light-a-ke-color: #81a1c1; + --dxc-light-a-kf-color: #81a1c1; + --dxc-light-a-ki-color: #81a1c1; + --dxc-light-a-km-color: #81a1c1; + --dxc-light-a-ko-color: #81a1c1; + --dxc-light-a-kp-color: #81a1c1; + --dxc-light-a-kr-color: #81a1c1; + --dxc-light-a-kt-color: #81a1c1; + --dxc-light-a-ky-color: #81a1c1; + --dxc-light-a-l-color: #d08770; + --dxc-light-a-m-color: #5e81ac; + --dxc-light-a-n-color: #b48ead; + --dxc-light-a-o-color: #81a1c1; + --dxc-light-a-p-color: #eceff4; + --dxc-light-a-pb-color: #eceff4; + --dxc-light-a-pd-color: #eceff4; + --dxc-light-a-pp-color: #81a1c1; + --dxc-light-a-pr-color: #88c0d0; + --dxc-light-a-ps-color: #d08770; + --dxc-light-a-rp-color: #81a1c1; + --dxc-light-a-rx-color: #a3be8c; + --dxc-light-a-s-color: #a3be8c; + --dxc-light-a-sc-color: #81a1c1; + --dxc-light-a-se-color: #ebcb8b; + --dxc-light-a-sp-color: #eceff4; + --dxc-light-a-ss-color: #bf616a; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #8fbcbb; + --dxc-light-a-tb-color: #8fbcbb; + --dxc-light-a-td-color: #81a1c1; + --dxc-light-a-te-color: #81a1c1; + --dxc-light-a-tf-color: #8fbcbb; + --dxc-light-a-tg-color: #81a1c1; + --dxc-light-a-tl-color: #eceff4; + --dxc-light-a-tq-color: #8fbcbb; + --dxc-light-a-tr-color: #88c0d0; + --dxc-light-a-tt-color: #81a1c1; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #88c0d0; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #eceff4; + --dxc-light-a-vb-color: #bf616a; + --dxc-light-a-vm-color: #eceff4; + --dxc-light-a-vp-color: #d08770; } -.dxc-nord .a-at { color: #8fbcbb; } -.dxc-nord .a-co { color: #b48ead; } -.dxc-nord .a-cb { color: #b48ead; } -.dxc-nord .a-fb { color: #88c0d0; } -.dxc-nord .a-f { color: #88c0d0; } -.dxc-nord .a-fm { color: #88c0d0; } -.dxc-nord .a-k { color: #81a1c1; } -.dxc-nord .a-kc { color: #81a1c1; } -.dxc-nord .a-ko { color: #81a1c1; } -.dxc-nord .a-kd { color: #81a1c1; } -.dxc-nord .a-ke { color: #81a1c1; } -.dxc-nord .a-kf { color: #81a1c1; } -.dxc-nord .a-ki { color: #81a1c1; } -.dxc-nord .a-kp { color: #81a1c1; } -.dxc-nord .a-kr { color: #81a1c1; } -.dxc-nord .a-kt { color: #81a1c1; } -.dxc-nord .a-ky { color: #81a1c1; } -.dxc-nord .a-o { color: #81a1c1; } -.dxc-nord .a-pr { color: #88c0d0; } -.dxc-nord .a-p { color: #eceff4; } -.dxc-nord .a-pb { color: #eceff4; } -.dxc-nord .a-pd { color: #eceff4; } -.dxc-nord .a-ps { color: #d08770; } -.dxc-nord .a-s { color: #a3be8c; } -.dxc-nord .a-ss { color: #bf616a; } -.dxc-nord .a-tg { color: #81a1c1; } -.dxc-nord .a-td { color: #81a1c1; } -.dxc-nord .a-te { color: #81a1c1; } -.dxc-nord .a-t { color: #8fbcbb; } -.dxc-nord .a-tb { color: #8fbcbb; } -.dxc-nord .a-tq { color: #8fbcbb; } -.dxc-nord .a-v { color: #eceff4; } -.dxc-nord .a-vb { color: #bf616a; } -.dxc-nord .a-vp { color: #d08770; } -.dxc-nord .a-c { color: #616e88; } -.dxc-nord .a-cd { color: #616e88; } -.dxc-nord .a-m { color: #5e81ac; } -.dxc-nord .a-l { color: #d08770; } -.dxc-nord .a-n { color: #b48ead; } -.dxc-nord .a-tl { color: #eceff4; } -.dxc-nord .a-em { font-style: italic; } -.dxc-nord .a-st { font-weight: bold; } -.dxc-nord .a-tu { color: #88c0d0; text-decoration: underline; } -.dxc-nord .a-tr { color: #88c0d0; } -.dxc-nord .a-se { color: #ebcb8b; } -.dxc-nord .a-tt { color: #81a1c1; font-weight: bold; } -.dxc-nord .a-tx { text-decoration: line-through; } -.dxc-nord .a-sp { color: #eceff4; } -.dxc-nord .a-in { color: #81a1c1; } -.dxc-nord .a-sc { color: #81a1c1; } -.dxc-nord .a-rp { color: #81a1c1; } -.dxc-nord .a-cn { color: #81a1c1; } -.dxc-nord .a-ex { color: #81a1c1; } -.dxc-nord .a-pp { color: #81a1c1; } -.dxc-nord .a-ch { color: #a3be8c; } -.dxc-nord .a-cs { color: #a3be8c; } -.dxc-nord .a-vm { color: #eceff4; } -.dxc-nord .a-fd { color: #88c0d0; } -.dxc-nord .a-tf { color: #8fbcbb; } -.dxc-nord .a-fc { color: #88c0d0; } -.dxc-nord .a-km { color: #81a1c1; } -.dxc-nord .a-dr { color: #81a1c1; } -.dxc-nord .a-rx { color: #a3be8c; } diff --git a/assets/generated/arborium-themes/one-dark-system-dark.css b/assets/generated/arborium-themes/one-dark-system-dark.css new file mode 100644 index 0000000..09dde88 --- /dev/null +++ b/assets/generated/arborium-themes/one-dark-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-one-dark { + --dxc-dark-background: #282c34; + --dxc-dark-var-bg: #282c34; + --dxc-dark-var-surface: #393d44; + --dxc-dark-color: #abb2bf; + --dxc-dark-var-fg: #abb2bf; + --dxc-dark-var-accent: #61afef; + --dxc-dark-var-muted: #5c6370; + --dxc-dark-a-at-color: #d19a66; + --dxc-dark-a-c-color: #5c6370; + --dxc-dark-a-cb-color: #d19a66; + --dxc-dark-a-cd-color: #5c6370; + --dxc-dark-a-ch-color: #98c379; + --dxc-dark-a-cn-color: #c678dd; + --dxc-dark-a-co-color: #d19a66; + --dxc-dark-a-cs-color: #98c379; + --dxc-dark-a-dr-color: #c678dd; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #c678dd; + --dxc-dark-a-f-color: #61afef; + --dxc-dark-a-fb-color: #56b6c2; + --dxc-dark-a-fc-color: #61afef; + --dxc-dark-a-fd-color: #61afef; + --dxc-dark-a-fm-color: #61afef; + --dxc-dark-a-in-color: #c678dd; + --dxc-dark-a-k-color: #c678dd; + --dxc-dark-a-kc-color: #c678dd; + --dxc-dark-a-kd-color: #c678dd; + --dxc-dark-a-ke-color: #c678dd; + --dxc-dark-a-kf-color: #c678dd; + --dxc-dark-a-ki-color: #c678dd; + --dxc-dark-a-km-color: #c678dd; + --dxc-dark-a-ko-color: #c678dd; + --dxc-dark-a-kp-color: #c678dd; + --dxc-dark-a-kr-color: #c678dd; + --dxc-dark-a-kt-color: #c678dd; + --dxc-dark-a-ky-color: #c678dd; + --dxc-dark-a-l-color: #e06c75; + --dxc-dark-a-m-color: #56b6c2; + --dxc-dark-a-n-color: #d19a66; + --dxc-dark-a-o-color: #56b6c2; + --dxc-dark-a-p-color: #abb2bf; + --dxc-dark-a-pb-color: #abb2bf; + --dxc-dark-a-pd-color: #abb2bf; + --dxc-dark-a-pp-color: #c678dd; + --dxc-dark-a-pr-color: #e06c75; + --dxc-dark-a-ps-color: #c678dd; + --dxc-dark-a-rp-color: #c678dd; + --dxc-dark-a-rx-color: #98c379; + --dxc-dark-a-s-color: #98c379; + --dxc-dark-a-sc-color: #c678dd; + --dxc-dark-a-se-color: #56b6c2; + --dxc-dark-a-sp-color: #abb2bf; + --dxc-dark-a-ss-color: #e06c75; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #e5c07b; + --dxc-dark-a-tb-color: #e5c07b; + --dxc-dark-a-td-color: #e06c75; + --dxc-dark-a-te-color: #e06c75; + --dxc-dark-a-tf-color: #e5c07b; + --dxc-dark-a-tg-color: #e06c75; + --dxc-dark-a-tl-color: #abb2bf; + --dxc-dark-a-tq-color: #e5c07b; + --dxc-dark-a-tr-color: #56b6c2; + --dxc-dark-a-tt-color: #e06c75; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #61afef; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #abb2bf; + --dxc-dark-a-vb-color: #e06c75; + --dxc-dark-a-vm-color: #abb2bf; + --dxc-dark-a-vp-color: #d19a66; +} diff --git a/assets/generated/arborium-themes/one-dark-system-light.css b/assets/generated/arborium-themes/one-dark-system-light.css new file mode 100644 index 0000000..ed13229 --- /dev/null +++ b/assets/generated/arborium-themes/one-dark-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-one-dark { + --dxc-light-background: #282c34; + --dxc-light-var-bg: #282c34; + --dxc-light-var-surface: #393d44; + --dxc-light-color: #abb2bf; + --dxc-light-var-fg: #abb2bf; + --dxc-light-var-accent: #61afef; + --dxc-light-var-muted: #5c6370; + --dxc-light-a-at-color: #d19a66; + --dxc-light-a-c-color: #5c6370; + --dxc-light-a-cb-color: #d19a66; + --dxc-light-a-cd-color: #5c6370; + --dxc-light-a-ch-color: #98c379; + --dxc-light-a-cn-color: #c678dd; + --dxc-light-a-co-color: #d19a66; + --dxc-light-a-cs-color: #98c379; + --dxc-light-a-dr-color: #c678dd; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #c678dd; + --dxc-light-a-f-color: #61afef; + --dxc-light-a-fb-color: #56b6c2; + --dxc-light-a-fc-color: #61afef; + --dxc-light-a-fd-color: #61afef; + --dxc-light-a-fm-color: #61afef; + --dxc-light-a-in-color: #c678dd; + --dxc-light-a-k-color: #c678dd; + --dxc-light-a-kc-color: #c678dd; + --dxc-light-a-kd-color: #c678dd; + --dxc-light-a-ke-color: #c678dd; + --dxc-light-a-kf-color: #c678dd; + --dxc-light-a-ki-color: #c678dd; + --dxc-light-a-km-color: #c678dd; + --dxc-light-a-ko-color: #c678dd; + --dxc-light-a-kp-color: #c678dd; + --dxc-light-a-kr-color: #c678dd; + --dxc-light-a-kt-color: #c678dd; + --dxc-light-a-ky-color: #c678dd; + --dxc-light-a-l-color: #e06c75; + --dxc-light-a-m-color: #56b6c2; + --dxc-light-a-n-color: #d19a66; + --dxc-light-a-o-color: #56b6c2; + --dxc-light-a-p-color: #abb2bf; + --dxc-light-a-pb-color: #abb2bf; + --dxc-light-a-pd-color: #abb2bf; + --dxc-light-a-pp-color: #c678dd; + --dxc-light-a-pr-color: #e06c75; + --dxc-light-a-ps-color: #c678dd; + --dxc-light-a-rp-color: #c678dd; + --dxc-light-a-rx-color: #98c379; + --dxc-light-a-s-color: #98c379; + --dxc-light-a-sc-color: #c678dd; + --dxc-light-a-se-color: #56b6c2; + --dxc-light-a-sp-color: #abb2bf; + --dxc-light-a-ss-color: #e06c75; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #e5c07b; + --dxc-light-a-tb-color: #e5c07b; + --dxc-light-a-td-color: #e06c75; + --dxc-light-a-te-color: #e06c75; + --dxc-light-a-tf-color: #e5c07b; + --dxc-light-a-tg-color: #e06c75; + --dxc-light-a-tl-color: #abb2bf; + --dxc-light-a-tq-color: #e5c07b; + --dxc-light-a-tr-color: #56b6c2; + --dxc-light-a-tt-color: #e06c75; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #61afef; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #abb2bf; + --dxc-light-a-vb-color: #e06c75; + --dxc-light-a-vm-color: #abb2bf; + --dxc-light-a-vp-color: #d19a66; +} diff --git a/assets/generated/arborium-themes/one-dark.css b/assets/generated/arborium-themes/one-dark.css index 1882543..c449101 100644 --- a/assets/generated/arborium-themes/one-dark.css +++ b/assets/generated/arborium-themes/one-dark.css @@ -1,72 +1,74 @@ .dxc-one-dark { - background: #282c34; - --bg: #282c34; - --surface: #393d44; - color: #abb2bf; - --fg: #abb2bf; - --accent: #61afef; - --muted: #5c6370; + --dxc-light-background: #282c34; + --dxc-light-var-bg: #282c34; + --dxc-light-var-surface: #393d44; + --dxc-light-color: #abb2bf; + --dxc-light-var-fg: #abb2bf; + --dxc-light-var-accent: #61afef; + --dxc-light-var-muted: #5c6370; + --dxc-light-a-at-color: #d19a66; + --dxc-light-a-c-color: #5c6370; + --dxc-light-a-cb-color: #d19a66; + --dxc-light-a-cd-color: #5c6370; + --dxc-light-a-ch-color: #98c379; + --dxc-light-a-cn-color: #c678dd; + --dxc-light-a-co-color: #d19a66; + --dxc-light-a-cs-color: #98c379; + --dxc-light-a-dr-color: #c678dd; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #c678dd; + --dxc-light-a-f-color: #61afef; + --dxc-light-a-fb-color: #56b6c2; + --dxc-light-a-fc-color: #61afef; + --dxc-light-a-fd-color: #61afef; + --dxc-light-a-fm-color: #61afef; + --dxc-light-a-in-color: #c678dd; + --dxc-light-a-k-color: #c678dd; + --dxc-light-a-kc-color: #c678dd; + --dxc-light-a-kd-color: #c678dd; + --dxc-light-a-ke-color: #c678dd; + --dxc-light-a-kf-color: #c678dd; + --dxc-light-a-ki-color: #c678dd; + --dxc-light-a-km-color: #c678dd; + --dxc-light-a-ko-color: #c678dd; + --dxc-light-a-kp-color: #c678dd; + --dxc-light-a-kr-color: #c678dd; + --dxc-light-a-kt-color: #c678dd; + --dxc-light-a-ky-color: #c678dd; + --dxc-light-a-l-color: #e06c75; + --dxc-light-a-m-color: #56b6c2; + --dxc-light-a-n-color: #d19a66; + --dxc-light-a-o-color: #56b6c2; + --dxc-light-a-p-color: #abb2bf; + --dxc-light-a-pb-color: #abb2bf; + --dxc-light-a-pd-color: #abb2bf; + --dxc-light-a-pp-color: #c678dd; + --dxc-light-a-pr-color: #e06c75; + --dxc-light-a-ps-color: #c678dd; + --dxc-light-a-rp-color: #c678dd; + --dxc-light-a-rx-color: #98c379; + --dxc-light-a-s-color: #98c379; + --dxc-light-a-sc-color: #c678dd; + --dxc-light-a-se-color: #56b6c2; + --dxc-light-a-sp-color: #abb2bf; + --dxc-light-a-ss-color: #e06c75; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #e5c07b; + --dxc-light-a-tb-color: #e5c07b; + --dxc-light-a-td-color: #e06c75; + --dxc-light-a-te-color: #e06c75; + --dxc-light-a-tf-color: #e5c07b; + --dxc-light-a-tg-color: #e06c75; + --dxc-light-a-tl-color: #abb2bf; + --dxc-light-a-tq-color: #e5c07b; + --dxc-light-a-tr-color: #56b6c2; + --dxc-light-a-tt-color: #e06c75; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #61afef; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #abb2bf; + --dxc-light-a-vb-color: #e06c75; + --dxc-light-a-vm-color: #abb2bf; + --dxc-light-a-vp-color: #d19a66; } -.dxc-one-dark .a-at { color: #d19a66; } -.dxc-one-dark .a-co { color: #d19a66; } -.dxc-one-dark .a-cb { color: #d19a66; } -.dxc-one-dark .a-fb { color: #56b6c2; } -.dxc-one-dark .a-f { color: #61afef; } -.dxc-one-dark .a-fm { color: #61afef; } -.dxc-one-dark .a-k { color: #c678dd; } -.dxc-one-dark .a-kc { color: #c678dd; } -.dxc-one-dark .a-ko { color: #c678dd; } -.dxc-one-dark .a-kd { color: #c678dd; } -.dxc-one-dark .a-ke { color: #c678dd; } -.dxc-one-dark .a-kf { color: #c678dd; } -.dxc-one-dark .a-ki { color: #c678dd; } -.dxc-one-dark .a-kp { color: #c678dd; } -.dxc-one-dark .a-kr { color: #c678dd; } -.dxc-one-dark .a-kt { color: #c678dd; } -.dxc-one-dark .a-ky { color: #c678dd; } -.dxc-one-dark .a-o { color: #56b6c2; } -.dxc-one-dark .a-pr { color: #e06c75; } -.dxc-one-dark .a-p { color: #abb2bf; } -.dxc-one-dark .a-pb { color: #abb2bf; } -.dxc-one-dark .a-pd { color: #abb2bf; } -.dxc-one-dark .a-ps { color: #c678dd; } -.dxc-one-dark .a-s { color: #98c379; } -.dxc-one-dark .a-ss { color: #e06c75; } -.dxc-one-dark .a-tg { color: #e06c75; } -.dxc-one-dark .a-td { color: #e06c75; } -.dxc-one-dark .a-te { color: #e06c75; } -.dxc-one-dark .a-t { color: #e5c07b; } -.dxc-one-dark .a-tb { color: #e5c07b; } -.dxc-one-dark .a-tq { color: #e5c07b; } -.dxc-one-dark .a-v { color: #abb2bf; } -.dxc-one-dark .a-vb { color: #e06c75; } -.dxc-one-dark .a-vp { color: #d19a66; } -.dxc-one-dark .a-c { color: #5c6370; } -.dxc-one-dark .a-cd { color: #5c6370; } -.dxc-one-dark .a-m { color: #56b6c2; } -.dxc-one-dark .a-l { color: #e06c75; } -.dxc-one-dark .a-n { color: #d19a66; } -.dxc-one-dark .a-tl { color: #abb2bf; } -.dxc-one-dark .a-em { font-style: italic; } -.dxc-one-dark .a-st { font-weight: bold; } -.dxc-one-dark .a-tu { color: #61afef; text-decoration: underline; } -.dxc-one-dark .a-tr { color: #56b6c2; } -.dxc-one-dark .a-se { color: #56b6c2; } -.dxc-one-dark .a-tt { color: #e06c75; font-weight: bold; } -.dxc-one-dark .a-tx { text-decoration: line-through; } -.dxc-one-dark .a-sp { color: #abb2bf; } -.dxc-one-dark .a-in { color: #c678dd; } -.dxc-one-dark .a-sc { color: #c678dd; } -.dxc-one-dark .a-rp { color: #c678dd; } -.dxc-one-dark .a-cn { color: #c678dd; } -.dxc-one-dark .a-ex { color: #c678dd; } -.dxc-one-dark .a-pp { color: #c678dd; } -.dxc-one-dark .a-ch { color: #98c379; } -.dxc-one-dark .a-cs { color: #98c379; } -.dxc-one-dark .a-vm { color: #abb2bf; } -.dxc-one-dark .a-fd { color: #61afef; } -.dxc-one-dark .a-tf { color: #e5c07b; } -.dxc-one-dark .a-fc { color: #61afef; } -.dxc-one-dark .a-km { color: #c678dd; } -.dxc-one-dark .a-dr { color: #c678dd; } -.dxc-one-dark .a-rx { color: #98c379; } diff --git a/assets/generated/arborium-themes/rose-pine-moon-system-dark.css b/assets/generated/arborium-themes/rose-pine-moon-system-dark.css new file mode 100644 index 0000000..80f8626 --- /dev/null +++ b/assets/generated/arborium-themes/rose-pine-moon-system-dark.css @@ -0,0 +1,76 @@ +.dxc-system-dark-rose-pine-moon { + --dxc-dark-background: #232136; + --dxc-dark-var-bg: #232136; + --dxc-dark-var-surface: #353346; + --dxc-dark-color: #e0def4; + --dxc-dark-var-fg: #e0def4; + --dxc-dark-var-accent: #ea9a97; + --dxc-dark-var-muted: #6e6a86; + --dxc-dark-a-at-color: #f6c177; + --dxc-dark-a-c-color: #6e6a86; + --dxc-dark-a-c-font-style: italic; + --dxc-dark-a-cb-color: #f6c177; + --dxc-dark-a-cd-color: #6e6a86; + --dxc-dark-a-cd-font-style: italic; + --dxc-dark-a-ch-color: #f6c177; + --dxc-dark-a-cn-color: #3e8fb0; + --dxc-dark-a-co-color: #f6c177; + --dxc-dark-a-cs-color: #f6c177; + --dxc-dark-a-dr-color: #3e8fb0; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #3e8fb0; + --dxc-dark-a-f-color: #ea9a97; + --dxc-dark-a-fb-color: #9ccfd8; + --dxc-dark-a-fc-color: #ea9a97; + --dxc-dark-a-fd-color: #ea9a97; + --dxc-dark-a-fm-color: #ea9a97; + --dxc-dark-a-in-color: #3e8fb0; + --dxc-dark-a-k-color: #3e8fb0; + --dxc-dark-a-kc-color: #3e8fb0; + --dxc-dark-a-kd-color: #3e8fb0; + --dxc-dark-a-ke-color: #3e8fb0; + --dxc-dark-a-kf-color: #3e8fb0; + --dxc-dark-a-ki-color: #3e8fb0; + --dxc-dark-a-km-color: #3e8fb0; + --dxc-dark-a-ko-color: #3e8fb0; + --dxc-dark-a-kp-color: #3e8fb0; + --dxc-dark-a-kr-color: #3e8fb0; + --dxc-dark-a-kt-color: #3e8fb0; + --dxc-dark-a-ky-color: #3e8fb0; + --dxc-dark-a-l-color: #9ccfd8; + --dxc-dark-a-m-color: #9ccfd8; + --dxc-dark-a-n-color: #f6c177; + --dxc-dark-a-o-color: #908caa; + --dxc-dark-a-p-color: #908caa; + --dxc-dark-a-pb-color: #908caa; + --dxc-dark-a-pd-color: #908caa; + --dxc-dark-a-pp-color: #3e8fb0; + --dxc-dark-a-pr-color: #9ccfd8; + --dxc-dark-a-ps-color: #908caa; + --dxc-dark-a-rp-color: #3e8fb0; + --dxc-dark-a-rx-color: #f6c177; + --dxc-dark-a-s-color: #f6c177; + --dxc-dark-a-sc-color: #3e8fb0; + --dxc-dark-a-se-color: #3e8fb0; + --dxc-dark-a-sp-color: #e0def4; + --dxc-dark-a-ss-color: #eb6f92; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #c4a7e7; + --dxc-dark-a-tb-color: #c4a7e7; + --dxc-dark-a-td-color: #9ccfd8; + --dxc-dark-a-te-color: #9ccfd8; + --dxc-dark-a-tf-color: #c4a7e7; + --dxc-dark-a-tg-color: #9ccfd8; + --dxc-dark-a-tl-color: #e0def4; + --dxc-dark-a-tq-color: #c4a7e7; + --dxc-dark-a-tr-color: #9ccfd8; + --dxc-dark-a-tt-color: #f6c177; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #c4a7e7; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #e0def4; + --dxc-dark-a-vb-color: #eb6f92; + --dxc-dark-a-vm-color: #e0def4; + --dxc-dark-a-vp-color: #c4a7e7; +} diff --git a/assets/generated/arborium-themes/rose-pine-moon-system-light.css b/assets/generated/arborium-themes/rose-pine-moon-system-light.css new file mode 100644 index 0000000..8570830 --- /dev/null +++ b/assets/generated/arborium-themes/rose-pine-moon-system-light.css @@ -0,0 +1,76 @@ +.dxc-system-light-rose-pine-moon { + --dxc-light-background: #232136; + --dxc-light-var-bg: #232136; + --dxc-light-var-surface: #353346; + --dxc-light-color: #e0def4; + --dxc-light-var-fg: #e0def4; + --dxc-light-var-accent: #ea9a97; + --dxc-light-var-muted: #6e6a86; + --dxc-light-a-at-color: #f6c177; + --dxc-light-a-c-color: #6e6a86; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #f6c177; + --dxc-light-a-cd-color: #6e6a86; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #f6c177; + --dxc-light-a-cn-color: #3e8fb0; + --dxc-light-a-co-color: #f6c177; + --dxc-light-a-cs-color: #f6c177; + --dxc-light-a-dr-color: #3e8fb0; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #3e8fb0; + --dxc-light-a-f-color: #ea9a97; + --dxc-light-a-fb-color: #9ccfd8; + --dxc-light-a-fc-color: #ea9a97; + --dxc-light-a-fd-color: #ea9a97; + --dxc-light-a-fm-color: #ea9a97; + --dxc-light-a-in-color: #3e8fb0; + --dxc-light-a-k-color: #3e8fb0; + --dxc-light-a-kc-color: #3e8fb0; + --dxc-light-a-kd-color: #3e8fb0; + --dxc-light-a-ke-color: #3e8fb0; + --dxc-light-a-kf-color: #3e8fb0; + --dxc-light-a-ki-color: #3e8fb0; + --dxc-light-a-km-color: #3e8fb0; + --dxc-light-a-ko-color: #3e8fb0; + --dxc-light-a-kp-color: #3e8fb0; + --dxc-light-a-kr-color: #3e8fb0; + --dxc-light-a-kt-color: #3e8fb0; + --dxc-light-a-ky-color: #3e8fb0; + --dxc-light-a-l-color: #9ccfd8; + --dxc-light-a-m-color: #9ccfd8; + --dxc-light-a-n-color: #f6c177; + --dxc-light-a-o-color: #908caa; + --dxc-light-a-p-color: #908caa; + --dxc-light-a-pb-color: #908caa; + --dxc-light-a-pd-color: #908caa; + --dxc-light-a-pp-color: #3e8fb0; + --dxc-light-a-pr-color: #9ccfd8; + --dxc-light-a-ps-color: #908caa; + --dxc-light-a-rp-color: #3e8fb0; + --dxc-light-a-rx-color: #f6c177; + --dxc-light-a-s-color: #f6c177; + --dxc-light-a-sc-color: #3e8fb0; + --dxc-light-a-se-color: #3e8fb0; + --dxc-light-a-sp-color: #e0def4; + --dxc-light-a-ss-color: #eb6f92; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #c4a7e7; + --dxc-light-a-tb-color: #c4a7e7; + --dxc-light-a-td-color: #9ccfd8; + --dxc-light-a-te-color: #9ccfd8; + --dxc-light-a-tf-color: #c4a7e7; + --dxc-light-a-tg-color: #9ccfd8; + --dxc-light-a-tl-color: #e0def4; + --dxc-light-a-tq-color: #c4a7e7; + --dxc-light-a-tr-color: #9ccfd8; + --dxc-light-a-tt-color: #f6c177; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #c4a7e7; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #e0def4; + --dxc-light-a-vb-color: #eb6f92; + --dxc-light-a-vm-color: #e0def4; + --dxc-light-a-vp-color: #c4a7e7; +} diff --git a/assets/generated/arborium-themes/rose-pine-moon.css b/assets/generated/arborium-themes/rose-pine-moon.css index 1d2aecc..16a7849 100644 --- a/assets/generated/arborium-themes/rose-pine-moon.css +++ b/assets/generated/arborium-themes/rose-pine-moon.css @@ -1,72 +1,76 @@ .dxc-rose-pine-moon { - background: #232136; - --bg: #232136; - --surface: #353346; - color: #e0def4; - --fg: #e0def4; - --accent: #ea9a97; - --muted: #6e6a86; + --dxc-light-background: #232136; + --dxc-light-var-bg: #232136; + --dxc-light-var-surface: #353346; + --dxc-light-color: #e0def4; + --dxc-light-var-fg: #e0def4; + --dxc-light-var-accent: #ea9a97; + --dxc-light-var-muted: #6e6a86; + --dxc-light-a-at-color: #f6c177; + --dxc-light-a-c-color: #6e6a86; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #f6c177; + --dxc-light-a-cd-color: #6e6a86; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #f6c177; + --dxc-light-a-cn-color: #3e8fb0; + --dxc-light-a-co-color: #f6c177; + --dxc-light-a-cs-color: #f6c177; + --dxc-light-a-dr-color: #3e8fb0; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #3e8fb0; + --dxc-light-a-f-color: #ea9a97; + --dxc-light-a-fb-color: #9ccfd8; + --dxc-light-a-fc-color: #ea9a97; + --dxc-light-a-fd-color: #ea9a97; + --dxc-light-a-fm-color: #ea9a97; + --dxc-light-a-in-color: #3e8fb0; + --dxc-light-a-k-color: #3e8fb0; + --dxc-light-a-kc-color: #3e8fb0; + --dxc-light-a-kd-color: #3e8fb0; + --dxc-light-a-ke-color: #3e8fb0; + --dxc-light-a-kf-color: #3e8fb0; + --dxc-light-a-ki-color: #3e8fb0; + --dxc-light-a-km-color: #3e8fb0; + --dxc-light-a-ko-color: #3e8fb0; + --dxc-light-a-kp-color: #3e8fb0; + --dxc-light-a-kr-color: #3e8fb0; + --dxc-light-a-kt-color: #3e8fb0; + --dxc-light-a-ky-color: #3e8fb0; + --dxc-light-a-l-color: #9ccfd8; + --dxc-light-a-m-color: #9ccfd8; + --dxc-light-a-n-color: #f6c177; + --dxc-light-a-o-color: #908caa; + --dxc-light-a-p-color: #908caa; + --dxc-light-a-pb-color: #908caa; + --dxc-light-a-pd-color: #908caa; + --dxc-light-a-pp-color: #3e8fb0; + --dxc-light-a-pr-color: #9ccfd8; + --dxc-light-a-ps-color: #908caa; + --dxc-light-a-rp-color: #3e8fb0; + --dxc-light-a-rx-color: #f6c177; + --dxc-light-a-s-color: #f6c177; + --dxc-light-a-sc-color: #3e8fb0; + --dxc-light-a-se-color: #3e8fb0; + --dxc-light-a-sp-color: #e0def4; + --dxc-light-a-ss-color: #eb6f92; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #c4a7e7; + --dxc-light-a-tb-color: #c4a7e7; + --dxc-light-a-td-color: #9ccfd8; + --dxc-light-a-te-color: #9ccfd8; + --dxc-light-a-tf-color: #c4a7e7; + --dxc-light-a-tg-color: #9ccfd8; + --dxc-light-a-tl-color: #e0def4; + --dxc-light-a-tq-color: #c4a7e7; + --dxc-light-a-tr-color: #9ccfd8; + --dxc-light-a-tt-color: #f6c177; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #c4a7e7; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #e0def4; + --dxc-light-a-vb-color: #eb6f92; + --dxc-light-a-vm-color: #e0def4; + --dxc-light-a-vp-color: #c4a7e7; } -.dxc-rose-pine-moon .a-at { color: #f6c177; } -.dxc-rose-pine-moon .a-co { color: #f6c177; } -.dxc-rose-pine-moon .a-cb { color: #f6c177; } -.dxc-rose-pine-moon .a-fb { color: #9ccfd8; } -.dxc-rose-pine-moon .a-f { color: #ea9a97; } -.dxc-rose-pine-moon .a-fm { color: #ea9a97; } -.dxc-rose-pine-moon .a-k { color: #3e8fb0; } -.dxc-rose-pine-moon .a-kc { color: #3e8fb0; } -.dxc-rose-pine-moon .a-ko { color: #3e8fb0; } -.dxc-rose-pine-moon .a-kd { color: #3e8fb0; } -.dxc-rose-pine-moon .a-ke { color: #3e8fb0; } -.dxc-rose-pine-moon .a-kf { color: #3e8fb0; } -.dxc-rose-pine-moon .a-ki { color: #3e8fb0; } -.dxc-rose-pine-moon .a-kp { color: #3e8fb0; } -.dxc-rose-pine-moon .a-kr { color: #3e8fb0; } -.dxc-rose-pine-moon .a-kt { color: #3e8fb0; } -.dxc-rose-pine-moon .a-ky { color: #3e8fb0; } -.dxc-rose-pine-moon .a-o { color: #908caa; } -.dxc-rose-pine-moon .a-pr { color: #9ccfd8; } -.dxc-rose-pine-moon .a-p { color: #908caa; } -.dxc-rose-pine-moon .a-pb { color: #908caa; } -.dxc-rose-pine-moon .a-pd { color: #908caa; } -.dxc-rose-pine-moon .a-ps { color: #908caa; } -.dxc-rose-pine-moon .a-s { color: #f6c177; } -.dxc-rose-pine-moon .a-ss { color: #eb6f92; } -.dxc-rose-pine-moon .a-tg { color: #9ccfd8; } -.dxc-rose-pine-moon .a-td { color: #9ccfd8; } -.dxc-rose-pine-moon .a-te { color: #9ccfd8; } -.dxc-rose-pine-moon .a-t { color: #c4a7e7; } -.dxc-rose-pine-moon .a-tb { color: #c4a7e7; } -.dxc-rose-pine-moon .a-tq { color: #c4a7e7; } -.dxc-rose-pine-moon .a-v { color: #e0def4; } -.dxc-rose-pine-moon .a-vb { color: #eb6f92; } -.dxc-rose-pine-moon .a-vp { color: #c4a7e7; } -.dxc-rose-pine-moon .a-c { color: #6e6a86; font-style: italic; } -.dxc-rose-pine-moon .a-cd { color: #6e6a86; font-style: italic; } -.dxc-rose-pine-moon .a-m { color: #9ccfd8; } -.dxc-rose-pine-moon .a-l { color: #9ccfd8; } -.dxc-rose-pine-moon .a-n { color: #f6c177; } -.dxc-rose-pine-moon .a-tl { color: #e0def4; } -.dxc-rose-pine-moon .a-em { font-style: italic; } -.dxc-rose-pine-moon .a-st { font-weight: bold; } -.dxc-rose-pine-moon .a-tu { color: #c4a7e7; text-decoration: underline; } -.dxc-rose-pine-moon .a-tr { color: #9ccfd8; } -.dxc-rose-pine-moon .a-se { color: #3e8fb0; } -.dxc-rose-pine-moon .a-tt { color: #f6c177; font-weight: bold; } -.dxc-rose-pine-moon .a-tx { text-decoration: line-through; } -.dxc-rose-pine-moon .a-sp { color: #e0def4; } -.dxc-rose-pine-moon .a-in { color: #3e8fb0; } -.dxc-rose-pine-moon .a-sc { color: #3e8fb0; } -.dxc-rose-pine-moon .a-rp { color: #3e8fb0; } -.dxc-rose-pine-moon .a-cn { color: #3e8fb0; } -.dxc-rose-pine-moon .a-ex { color: #3e8fb0; } -.dxc-rose-pine-moon .a-pp { color: #3e8fb0; } -.dxc-rose-pine-moon .a-ch { color: #f6c177; } -.dxc-rose-pine-moon .a-cs { color: #f6c177; } -.dxc-rose-pine-moon .a-vm { color: #e0def4; } -.dxc-rose-pine-moon .a-fd { color: #ea9a97; } -.dxc-rose-pine-moon .a-tf { color: #c4a7e7; } -.dxc-rose-pine-moon .a-fc { color: #ea9a97; } -.dxc-rose-pine-moon .a-km { color: #3e8fb0; } -.dxc-rose-pine-moon .a-dr { color: #3e8fb0; } -.dxc-rose-pine-moon .a-rx { color: #f6c177; } diff --git a/assets/generated/arborium-themes/rustdoc-ayu-system-dark.css b/assets/generated/arborium-themes/rustdoc-ayu-system-dark.css new file mode 100644 index 0000000..a747569 --- /dev/null +++ b/assets/generated/arborium-themes/rustdoc-ayu-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-rustdoc-ayu { + --dxc-dark-background: #0f1419; + --dxc-dark-var-bg: #0f1419; + --dxc-dark-var-surface: #22272b; + --dxc-dark-color: #c5c5c5; + --dxc-dark-var-fg: #c5c5c5; + --dxc-dark-var-accent: #fdd687; + --dxc-dark-var-muted: #788797; + --dxc-dark-a-at-color: #e6e1cf; + --dxc-dark-a-c-color: #788797; + --dxc-dark-a-cb-color: #ff7733; + --dxc-dark-a-cd-color: #788797; + --dxc-dark-a-ch-color: #b8cc52; + --dxc-dark-a-cn-color: #ff7733; + --dxc-dark-a-co-color: #ff7733; + --dxc-dark-a-cs-color: #b8cc52; + --dxc-dark-a-dr-color: #ff7733; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #ff7733; + --dxc-dark-a-f-color: #fdd687; + --dxc-dark-a-fb-color: #69f2df; + --dxc-dark-a-fc-color: #fdd687; + --dxc-dark-a-fd-color: #fdd687; + --dxc-dark-a-fm-color: #fdd687; + --dxc-dark-a-in-color: #ff7733; + --dxc-dark-a-k-color: #ff7733; + --dxc-dark-a-kc-color: #ff7733; + --dxc-dark-a-kd-color: #ff7733; + --dxc-dark-a-ke-color: #ff7733; + --dxc-dark-a-kf-color: #ff7733; + --dxc-dark-a-ki-color: #ff7733; + --dxc-dark-a-km-color: #ff7733; + --dxc-dark-a-ko-color: #ff7733; + --dxc-dark-a-kp-color: #ff7733; + --dxc-dark-a-kr-color: #ff7733; + --dxc-dark-a-kt-color: #ff7733; + --dxc-dark-a-ky-color: #ff7733; + --dxc-dark-a-l-color: #ff7733; + --dxc-dark-a-m-color: #a37acc; + --dxc-dark-a-n-color: #b8cc52; + --dxc-dark-a-o-color: #ff7733; + --dxc-dark-a-p-color: #c5c5c5; + --dxc-dark-a-pb-color: #c5c5c5; + --dxc-dark-a-pd-color: #c5c5c5; + --dxc-dark-a-pp-color: #ff7733; + --dxc-dark-a-pr-color: #69f2df; + --dxc-dark-a-ps-color: #ff9011; + --dxc-dark-a-rp-color: #ff7733; + --dxc-dark-a-rx-color: #b8cc52; + --dxc-dark-a-s-color: #b8cc52; + --dxc-dark-a-sc-color: #ff7733; + --dxc-dark-a-se-color: #ff7733; + --dxc-dark-a-sp-color: #c5c5c5; + --dxc-dark-a-ss-color: #b8cc52; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #ffa0a5; + --dxc-dark-a-tb-color: #69f2df; + --dxc-dark-a-td-color: #a37acc; + --dxc-dark-a-te-color: #a37acc; + --dxc-dark-a-tf-color: #ffa0a5; + --dxc-dark-a-tg-color: #a37acc; + --dxc-dark-a-tl-color: #c5c5c5; + --dxc-dark-a-tq-color: #ffa0a5; + --dxc-dark-a-tr-color: #ffa0a5; + --dxc-dark-a-tt-color: #ffa0a5; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #69f2df; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #c5c5c5; + --dxc-dark-a-vb-color: #36a3d9; + --dxc-dark-a-vm-color: #c5c5c5; + --dxc-dark-a-vp-color: #c5c5c5; +} diff --git a/assets/generated/arborium-themes/rustdoc-ayu-system-light.css b/assets/generated/arborium-themes/rustdoc-ayu-system-light.css new file mode 100644 index 0000000..ec158a9 --- /dev/null +++ b/assets/generated/arborium-themes/rustdoc-ayu-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-rustdoc-ayu { + --dxc-light-background: #0f1419; + --dxc-light-var-bg: #0f1419; + --dxc-light-var-surface: #22272b; + --dxc-light-color: #c5c5c5; + --dxc-light-var-fg: #c5c5c5; + --dxc-light-var-accent: #fdd687; + --dxc-light-var-muted: #788797; + --dxc-light-a-at-color: #e6e1cf; + --dxc-light-a-c-color: #788797; + --dxc-light-a-cb-color: #ff7733; + --dxc-light-a-cd-color: #788797; + --dxc-light-a-ch-color: #b8cc52; + --dxc-light-a-cn-color: #ff7733; + --dxc-light-a-co-color: #ff7733; + --dxc-light-a-cs-color: #b8cc52; + --dxc-light-a-dr-color: #ff7733; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ff7733; + --dxc-light-a-f-color: #fdd687; + --dxc-light-a-fb-color: #69f2df; + --dxc-light-a-fc-color: #fdd687; + --dxc-light-a-fd-color: #fdd687; + --dxc-light-a-fm-color: #fdd687; + --dxc-light-a-in-color: #ff7733; + --dxc-light-a-k-color: #ff7733; + --dxc-light-a-kc-color: #ff7733; + --dxc-light-a-kd-color: #ff7733; + --dxc-light-a-ke-color: #ff7733; + --dxc-light-a-kf-color: #ff7733; + --dxc-light-a-ki-color: #ff7733; + --dxc-light-a-km-color: #ff7733; + --dxc-light-a-ko-color: #ff7733; + --dxc-light-a-kp-color: #ff7733; + --dxc-light-a-kr-color: #ff7733; + --dxc-light-a-kt-color: #ff7733; + --dxc-light-a-ky-color: #ff7733; + --dxc-light-a-l-color: #ff7733; + --dxc-light-a-m-color: #a37acc; + --dxc-light-a-n-color: #b8cc52; + --dxc-light-a-o-color: #ff7733; + --dxc-light-a-p-color: #c5c5c5; + --dxc-light-a-pb-color: #c5c5c5; + --dxc-light-a-pd-color: #c5c5c5; + --dxc-light-a-pp-color: #ff7733; + --dxc-light-a-pr-color: #69f2df; + --dxc-light-a-ps-color: #ff9011; + --dxc-light-a-rp-color: #ff7733; + --dxc-light-a-rx-color: #b8cc52; + --dxc-light-a-s-color: #b8cc52; + --dxc-light-a-sc-color: #ff7733; + --dxc-light-a-se-color: #ff7733; + --dxc-light-a-sp-color: #c5c5c5; + --dxc-light-a-ss-color: #b8cc52; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #ffa0a5; + --dxc-light-a-tb-color: #69f2df; + --dxc-light-a-td-color: #a37acc; + --dxc-light-a-te-color: #a37acc; + --dxc-light-a-tf-color: #ffa0a5; + --dxc-light-a-tg-color: #a37acc; + --dxc-light-a-tl-color: #c5c5c5; + --dxc-light-a-tq-color: #ffa0a5; + --dxc-light-a-tr-color: #ffa0a5; + --dxc-light-a-tt-color: #ffa0a5; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #69f2df; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #c5c5c5; + --dxc-light-a-vb-color: #36a3d9; + --dxc-light-a-vm-color: #c5c5c5; + --dxc-light-a-vp-color: #c5c5c5; +} diff --git a/assets/generated/arborium-themes/rustdoc-ayu.css b/assets/generated/arborium-themes/rustdoc-ayu.css index 5f7422a..e953505 100644 --- a/assets/generated/arborium-themes/rustdoc-ayu.css +++ b/assets/generated/arborium-themes/rustdoc-ayu.css @@ -1,72 +1,74 @@ .dxc-rustdoc-ayu { - background: #0f1419; - --bg: #0f1419; - --surface: #22272b; - color: #c5c5c5; - --fg: #c5c5c5; - --accent: #fdd687; - --muted: #788797; + --dxc-light-background: #0f1419; + --dxc-light-var-bg: #0f1419; + --dxc-light-var-surface: #22272b; + --dxc-light-color: #c5c5c5; + --dxc-light-var-fg: #c5c5c5; + --dxc-light-var-accent: #fdd687; + --dxc-light-var-muted: #788797; + --dxc-light-a-at-color: #e6e1cf; + --dxc-light-a-c-color: #788797; + --dxc-light-a-cb-color: #ff7733; + --dxc-light-a-cd-color: #788797; + --dxc-light-a-ch-color: #b8cc52; + --dxc-light-a-cn-color: #ff7733; + --dxc-light-a-co-color: #ff7733; + --dxc-light-a-cs-color: #b8cc52; + --dxc-light-a-dr-color: #ff7733; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ff7733; + --dxc-light-a-f-color: #fdd687; + --dxc-light-a-fb-color: #69f2df; + --dxc-light-a-fc-color: #fdd687; + --dxc-light-a-fd-color: #fdd687; + --dxc-light-a-fm-color: #fdd687; + --dxc-light-a-in-color: #ff7733; + --dxc-light-a-k-color: #ff7733; + --dxc-light-a-kc-color: #ff7733; + --dxc-light-a-kd-color: #ff7733; + --dxc-light-a-ke-color: #ff7733; + --dxc-light-a-kf-color: #ff7733; + --dxc-light-a-ki-color: #ff7733; + --dxc-light-a-km-color: #ff7733; + --dxc-light-a-ko-color: #ff7733; + --dxc-light-a-kp-color: #ff7733; + --dxc-light-a-kr-color: #ff7733; + --dxc-light-a-kt-color: #ff7733; + --dxc-light-a-ky-color: #ff7733; + --dxc-light-a-l-color: #ff7733; + --dxc-light-a-m-color: #a37acc; + --dxc-light-a-n-color: #b8cc52; + --dxc-light-a-o-color: #ff7733; + --dxc-light-a-p-color: #c5c5c5; + --dxc-light-a-pb-color: #c5c5c5; + --dxc-light-a-pd-color: #c5c5c5; + --dxc-light-a-pp-color: #ff7733; + --dxc-light-a-pr-color: #69f2df; + --dxc-light-a-ps-color: #ff9011; + --dxc-light-a-rp-color: #ff7733; + --dxc-light-a-rx-color: #b8cc52; + --dxc-light-a-s-color: #b8cc52; + --dxc-light-a-sc-color: #ff7733; + --dxc-light-a-se-color: #ff7733; + --dxc-light-a-sp-color: #c5c5c5; + --dxc-light-a-ss-color: #b8cc52; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #ffa0a5; + --dxc-light-a-tb-color: #69f2df; + --dxc-light-a-td-color: #a37acc; + --dxc-light-a-te-color: #a37acc; + --dxc-light-a-tf-color: #ffa0a5; + --dxc-light-a-tg-color: #a37acc; + --dxc-light-a-tl-color: #c5c5c5; + --dxc-light-a-tq-color: #ffa0a5; + --dxc-light-a-tr-color: #ffa0a5; + --dxc-light-a-tt-color: #ffa0a5; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #69f2df; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #c5c5c5; + --dxc-light-a-vb-color: #36a3d9; + --dxc-light-a-vm-color: #c5c5c5; + --dxc-light-a-vp-color: #c5c5c5; } -.dxc-rustdoc-ayu .a-at { color: #e6e1cf; } -.dxc-rustdoc-ayu .a-co { color: #ff7733; } -.dxc-rustdoc-ayu .a-cb { color: #ff7733; } -.dxc-rustdoc-ayu .a-fb { color: #69f2df; } -.dxc-rustdoc-ayu .a-f { color: #fdd687; } -.dxc-rustdoc-ayu .a-fm { color: #fdd687; } -.dxc-rustdoc-ayu .a-k { color: #ff7733; } -.dxc-rustdoc-ayu .a-kc { color: #ff7733; } -.dxc-rustdoc-ayu .a-ko { color: #ff7733; } -.dxc-rustdoc-ayu .a-kd { color: #ff7733; } -.dxc-rustdoc-ayu .a-ke { color: #ff7733; } -.dxc-rustdoc-ayu .a-kf { color: #ff7733; } -.dxc-rustdoc-ayu .a-ki { color: #ff7733; } -.dxc-rustdoc-ayu .a-kp { color: #ff7733; } -.dxc-rustdoc-ayu .a-kr { color: #ff7733; } -.dxc-rustdoc-ayu .a-kt { color: #ff7733; } -.dxc-rustdoc-ayu .a-ky { color: #ff7733; } -.dxc-rustdoc-ayu .a-o { color: #ff7733; } -.dxc-rustdoc-ayu .a-pr { color: #69f2df; } -.dxc-rustdoc-ayu .a-p { color: #c5c5c5; } -.dxc-rustdoc-ayu .a-pb { color: #c5c5c5; } -.dxc-rustdoc-ayu .a-pd { color: #c5c5c5; } -.dxc-rustdoc-ayu .a-ps { color: #ff9011; } -.dxc-rustdoc-ayu .a-s { color: #b8cc52; } -.dxc-rustdoc-ayu .a-ss { color: #b8cc52; } -.dxc-rustdoc-ayu .a-tg { color: #a37acc; } -.dxc-rustdoc-ayu .a-td { color: #a37acc; } -.dxc-rustdoc-ayu .a-te { color: #a37acc; } -.dxc-rustdoc-ayu .a-t { color: #ffa0a5; } -.dxc-rustdoc-ayu .a-tb { color: #69f2df; } -.dxc-rustdoc-ayu .a-tq { color: #ffa0a5; } -.dxc-rustdoc-ayu .a-v { color: #c5c5c5; } -.dxc-rustdoc-ayu .a-vb { color: #36a3d9; } -.dxc-rustdoc-ayu .a-vp { color: #c5c5c5; } -.dxc-rustdoc-ayu .a-c { color: #788797; } -.dxc-rustdoc-ayu .a-cd { color: #788797; } -.dxc-rustdoc-ayu .a-m { color: #a37acc; } -.dxc-rustdoc-ayu .a-l { color: #ff7733; } -.dxc-rustdoc-ayu .a-n { color: #b8cc52; } -.dxc-rustdoc-ayu .a-tl { color: #c5c5c5; } -.dxc-rustdoc-ayu .a-em { font-style: italic; } -.dxc-rustdoc-ayu .a-st { font-weight: bold; } -.dxc-rustdoc-ayu .a-tu { color: #69f2df; text-decoration: underline; } -.dxc-rustdoc-ayu .a-tr { color: #ffa0a5; } -.dxc-rustdoc-ayu .a-se { color: #ff7733; } -.dxc-rustdoc-ayu .a-tt { color: #ffa0a5; font-weight: bold; } -.dxc-rustdoc-ayu .a-tx { text-decoration: line-through; } -.dxc-rustdoc-ayu .a-sp { color: #c5c5c5; } -.dxc-rustdoc-ayu .a-in { color: #ff7733; } -.dxc-rustdoc-ayu .a-sc { color: #ff7733; } -.dxc-rustdoc-ayu .a-rp { color: #ff7733; } -.dxc-rustdoc-ayu .a-cn { color: #ff7733; } -.dxc-rustdoc-ayu .a-ex { color: #ff7733; } -.dxc-rustdoc-ayu .a-pp { color: #ff7733; } -.dxc-rustdoc-ayu .a-ch { color: #b8cc52; } -.dxc-rustdoc-ayu .a-cs { color: #b8cc52; } -.dxc-rustdoc-ayu .a-vm { color: #c5c5c5; } -.dxc-rustdoc-ayu .a-fd { color: #fdd687; } -.dxc-rustdoc-ayu .a-tf { color: #ffa0a5; } -.dxc-rustdoc-ayu .a-fc { color: #fdd687; } -.dxc-rustdoc-ayu .a-km { color: #ff7733; } -.dxc-rustdoc-ayu .a-dr { color: #ff7733; } -.dxc-rustdoc-ayu .a-rx { color: #b8cc52; } diff --git a/assets/generated/arborium-themes/rustdoc-dark-system-dark.css b/assets/generated/arborium-themes/rustdoc-dark-system-dark.css new file mode 100644 index 0000000..b49b85e --- /dev/null +++ b/assets/generated/arborium-themes/rustdoc-dark-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-rustdoc-dark { + --dxc-dark-background: #353535; + --dxc-dark-var-bg: #353535; + --dxc-dark-var-surface: #454545; + --dxc-dark-color: #dddddd; + --dxc-dark-var-fg: #dddddd; + --dxc-dark-var-accent: #2bab63; + --dxc-dark-var-muted: #8d8d8b; + --dxc-dark-a-at-color: #ee6868; + --dxc-dark-a-c-color: #8d8d8b; + --dxc-dark-a-cb-color: #ee6868; + --dxc-dark-a-cd-color: #8d8d8b; + --dxc-dark-a-ch-color: #83a300; + --dxc-dark-a-cn-color: #ab8ac1; + --dxc-dark-a-co-color: #ee6868; + --dxc-dark-a-cs-color: #83a300; + --dxc-dark-a-dr-color: #ab8ac1; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #ab8ac1; + --dxc-dark-a-f-color: #2bab63; + --dxc-dark-a-fb-color: #769acb; + --dxc-dark-a-fc-color: #2bab63; + --dxc-dark-a-fd-color: #2bab63; + --dxc-dark-a-fm-color: #2bab63; + --dxc-dark-a-in-color: #ab8ac1; + --dxc-dark-a-k-color: #ab8ac1; + --dxc-dark-a-kc-color: #ab8ac1; + --dxc-dark-a-kd-color: #ab8ac1; + --dxc-dark-a-ke-color: #ab8ac1; + --dxc-dark-a-kf-color: #ab8ac1; + --dxc-dark-a-ki-color: #ab8ac1; + --dxc-dark-a-km-color: #ab8ac1; + --dxc-dark-a-ko-color: #ab8ac1; + --dxc-dark-a-kp-color: #ab8ac1; + --dxc-dark-a-kr-color: #ab8ac1; + --dxc-dark-a-kt-color: #ab8ac1; + --dxc-dark-a-ky-color: #ab8ac1; + --dxc-dark-a-l-color: #d97f26; + --dxc-dark-a-m-color: #3e999f; + --dxc-dark-a-n-color: #83a300; + --dxc-dark-a-o-color: #ab8ac1; + --dxc-dark-a-p-color: #dddddd; + --dxc-dark-a-pb-color: #dddddd; + --dxc-dark-a-pd-color: #dddddd; + --dxc-dark-a-pp-color: #ab8ac1; + --dxc-dark-a-pr-color: #769acb; + --dxc-dark-a-ps-color: #ff9011; + --dxc-dark-a-rp-color: #ab8ac1; + --dxc-dark-a-rx-color: #83a300; + --dxc-dark-a-s-color: #83a300; + --dxc-dark-a-sc-color: #ab8ac1; + --dxc-dark-a-se-color: #d97f26; + --dxc-dark-a-sp-color: #dddddd; + --dxc-dark-a-ss-color: #83a300; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #2dbfb8; + --dxc-dark-a-tb-color: #769acb; + --dxc-dark-a-td-color: #3e999f; + --dxc-dark-a-te-color: #3e999f; + --dxc-dark-a-tf-color: #2dbfb8; + --dxc-dark-a-tg-color: #3e999f; + --dxc-dark-a-tl-color: #dddddd; + --dxc-dark-a-tq-color: #2dbfb8; + --dxc-dark-a-tr-color: #2dbfb8; + --dxc-dark-a-tt-color: #2dbfb8; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #769acb; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #dddddd; + --dxc-dark-a-vb-color: #ee6868; + --dxc-dark-a-vm-color: #dddddd; + --dxc-dark-a-vp-color: #dddddd; +} diff --git a/assets/generated/arborium-themes/rustdoc-dark-system-light.css b/assets/generated/arborium-themes/rustdoc-dark-system-light.css new file mode 100644 index 0000000..3114e28 --- /dev/null +++ b/assets/generated/arborium-themes/rustdoc-dark-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-rustdoc-dark { + --dxc-light-background: #353535; + --dxc-light-var-bg: #353535; + --dxc-light-var-surface: #454545; + --dxc-light-color: #dddddd; + --dxc-light-var-fg: #dddddd; + --dxc-light-var-accent: #2bab63; + --dxc-light-var-muted: #8d8d8b; + --dxc-light-a-at-color: #ee6868; + --dxc-light-a-c-color: #8d8d8b; + --dxc-light-a-cb-color: #ee6868; + --dxc-light-a-cd-color: #8d8d8b; + --dxc-light-a-ch-color: #83a300; + --dxc-light-a-cn-color: #ab8ac1; + --dxc-light-a-co-color: #ee6868; + --dxc-light-a-cs-color: #83a300; + --dxc-light-a-dr-color: #ab8ac1; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ab8ac1; + --dxc-light-a-f-color: #2bab63; + --dxc-light-a-fb-color: #769acb; + --dxc-light-a-fc-color: #2bab63; + --dxc-light-a-fd-color: #2bab63; + --dxc-light-a-fm-color: #2bab63; + --dxc-light-a-in-color: #ab8ac1; + --dxc-light-a-k-color: #ab8ac1; + --dxc-light-a-kc-color: #ab8ac1; + --dxc-light-a-kd-color: #ab8ac1; + --dxc-light-a-ke-color: #ab8ac1; + --dxc-light-a-kf-color: #ab8ac1; + --dxc-light-a-ki-color: #ab8ac1; + --dxc-light-a-km-color: #ab8ac1; + --dxc-light-a-ko-color: #ab8ac1; + --dxc-light-a-kp-color: #ab8ac1; + --dxc-light-a-kr-color: #ab8ac1; + --dxc-light-a-kt-color: #ab8ac1; + --dxc-light-a-ky-color: #ab8ac1; + --dxc-light-a-l-color: #d97f26; + --dxc-light-a-m-color: #3e999f; + --dxc-light-a-n-color: #83a300; + --dxc-light-a-o-color: #ab8ac1; + --dxc-light-a-p-color: #dddddd; + --dxc-light-a-pb-color: #dddddd; + --dxc-light-a-pd-color: #dddddd; + --dxc-light-a-pp-color: #ab8ac1; + --dxc-light-a-pr-color: #769acb; + --dxc-light-a-ps-color: #ff9011; + --dxc-light-a-rp-color: #ab8ac1; + --dxc-light-a-rx-color: #83a300; + --dxc-light-a-s-color: #83a300; + --dxc-light-a-sc-color: #ab8ac1; + --dxc-light-a-se-color: #d97f26; + --dxc-light-a-sp-color: #dddddd; + --dxc-light-a-ss-color: #83a300; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #2dbfb8; + --dxc-light-a-tb-color: #769acb; + --dxc-light-a-td-color: #3e999f; + --dxc-light-a-te-color: #3e999f; + --dxc-light-a-tf-color: #2dbfb8; + --dxc-light-a-tg-color: #3e999f; + --dxc-light-a-tl-color: #dddddd; + --dxc-light-a-tq-color: #2dbfb8; + --dxc-light-a-tr-color: #2dbfb8; + --dxc-light-a-tt-color: #2dbfb8; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #769acb; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #dddddd; + --dxc-light-a-vb-color: #ee6868; + --dxc-light-a-vm-color: #dddddd; + --dxc-light-a-vp-color: #dddddd; +} diff --git a/assets/generated/arborium-themes/rustdoc-dark.css b/assets/generated/arborium-themes/rustdoc-dark.css index 1bcc6e3..92c2d17 100644 --- a/assets/generated/arborium-themes/rustdoc-dark.css +++ b/assets/generated/arborium-themes/rustdoc-dark.css @@ -1,72 +1,74 @@ .dxc-rustdoc-dark { - background: #353535; - --bg: #353535; - --surface: #454545; - color: #dddddd; - --fg: #dddddd; - --accent: #2bab63; - --muted: #8d8d8b; + --dxc-light-background: #353535; + --dxc-light-var-bg: #353535; + --dxc-light-var-surface: #454545; + --dxc-light-color: #dddddd; + --dxc-light-var-fg: #dddddd; + --dxc-light-var-accent: #2bab63; + --dxc-light-var-muted: #8d8d8b; + --dxc-light-a-at-color: #ee6868; + --dxc-light-a-c-color: #8d8d8b; + --dxc-light-a-cb-color: #ee6868; + --dxc-light-a-cd-color: #8d8d8b; + --dxc-light-a-ch-color: #83a300; + --dxc-light-a-cn-color: #ab8ac1; + --dxc-light-a-co-color: #ee6868; + --dxc-light-a-cs-color: #83a300; + --dxc-light-a-dr-color: #ab8ac1; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #ab8ac1; + --dxc-light-a-f-color: #2bab63; + --dxc-light-a-fb-color: #769acb; + --dxc-light-a-fc-color: #2bab63; + --dxc-light-a-fd-color: #2bab63; + --dxc-light-a-fm-color: #2bab63; + --dxc-light-a-in-color: #ab8ac1; + --dxc-light-a-k-color: #ab8ac1; + --dxc-light-a-kc-color: #ab8ac1; + --dxc-light-a-kd-color: #ab8ac1; + --dxc-light-a-ke-color: #ab8ac1; + --dxc-light-a-kf-color: #ab8ac1; + --dxc-light-a-ki-color: #ab8ac1; + --dxc-light-a-km-color: #ab8ac1; + --dxc-light-a-ko-color: #ab8ac1; + --dxc-light-a-kp-color: #ab8ac1; + --dxc-light-a-kr-color: #ab8ac1; + --dxc-light-a-kt-color: #ab8ac1; + --dxc-light-a-ky-color: #ab8ac1; + --dxc-light-a-l-color: #d97f26; + --dxc-light-a-m-color: #3e999f; + --dxc-light-a-n-color: #83a300; + --dxc-light-a-o-color: #ab8ac1; + --dxc-light-a-p-color: #dddddd; + --dxc-light-a-pb-color: #dddddd; + --dxc-light-a-pd-color: #dddddd; + --dxc-light-a-pp-color: #ab8ac1; + --dxc-light-a-pr-color: #769acb; + --dxc-light-a-ps-color: #ff9011; + --dxc-light-a-rp-color: #ab8ac1; + --dxc-light-a-rx-color: #83a300; + --dxc-light-a-s-color: #83a300; + --dxc-light-a-sc-color: #ab8ac1; + --dxc-light-a-se-color: #d97f26; + --dxc-light-a-sp-color: #dddddd; + --dxc-light-a-ss-color: #83a300; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #2dbfb8; + --dxc-light-a-tb-color: #769acb; + --dxc-light-a-td-color: #3e999f; + --dxc-light-a-te-color: #3e999f; + --dxc-light-a-tf-color: #2dbfb8; + --dxc-light-a-tg-color: #3e999f; + --dxc-light-a-tl-color: #dddddd; + --dxc-light-a-tq-color: #2dbfb8; + --dxc-light-a-tr-color: #2dbfb8; + --dxc-light-a-tt-color: #2dbfb8; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #769acb; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #dddddd; + --dxc-light-a-vb-color: #ee6868; + --dxc-light-a-vm-color: #dddddd; + --dxc-light-a-vp-color: #dddddd; } -.dxc-rustdoc-dark .a-at { color: #ee6868; } -.dxc-rustdoc-dark .a-co { color: #ee6868; } -.dxc-rustdoc-dark .a-cb { color: #ee6868; } -.dxc-rustdoc-dark .a-fb { color: #769acb; } -.dxc-rustdoc-dark .a-f { color: #2bab63; } -.dxc-rustdoc-dark .a-fm { color: #2bab63; } -.dxc-rustdoc-dark .a-k { color: #ab8ac1; } -.dxc-rustdoc-dark .a-kc { color: #ab8ac1; } -.dxc-rustdoc-dark .a-ko { color: #ab8ac1; } -.dxc-rustdoc-dark .a-kd { color: #ab8ac1; } -.dxc-rustdoc-dark .a-ke { color: #ab8ac1; } -.dxc-rustdoc-dark .a-kf { color: #ab8ac1; } -.dxc-rustdoc-dark .a-ki { color: #ab8ac1; } -.dxc-rustdoc-dark .a-kp { color: #ab8ac1; } -.dxc-rustdoc-dark .a-kr { color: #ab8ac1; } -.dxc-rustdoc-dark .a-kt { color: #ab8ac1; } -.dxc-rustdoc-dark .a-ky { color: #ab8ac1; } -.dxc-rustdoc-dark .a-o { color: #ab8ac1; } -.dxc-rustdoc-dark .a-pr { color: #769acb; } -.dxc-rustdoc-dark .a-p { color: #dddddd; } -.dxc-rustdoc-dark .a-pb { color: #dddddd; } -.dxc-rustdoc-dark .a-pd { color: #dddddd; } -.dxc-rustdoc-dark .a-ps { color: #ff9011; } -.dxc-rustdoc-dark .a-s { color: #83a300; } -.dxc-rustdoc-dark .a-ss { color: #83a300; } -.dxc-rustdoc-dark .a-tg { color: #3e999f; } -.dxc-rustdoc-dark .a-td { color: #3e999f; } -.dxc-rustdoc-dark .a-te { color: #3e999f; } -.dxc-rustdoc-dark .a-t { color: #2dbfb8; } -.dxc-rustdoc-dark .a-tb { color: #769acb; } -.dxc-rustdoc-dark .a-tq { color: #2dbfb8; } -.dxc-rustdoc-dark .a-v { color: #dddddd; } -.dxc-rustdoc-dark .a-vb { color: #ee6868; } -.dxc-rustdoc-dark .a-vp { color: #dddddd; } -.dxc-rustdoc-dark .a-c { color: #8d8d8b; } -.dxc-rustdoc-dark .a-cd { color: #8d8d8b; } -.dxc-rustdoc-dark .a-m { color: #3e999f; } -.dxc-rustdoc-dark .a-l { color: #d97f26; } -.dxc-rustdoc-dark .a-n { color: #83a300; } -.dxc-rustdoc-dark .a-tl { color: #dddddd; } -.dxc-rustdoc-dark .a-em { font-style: italic; } -.dxc-rustdoc-dark .a-st { font-weight: bold; } -.dxc-rustdoc-dark .a-tu { color: #769acb; text-decoration: underline; } -.dxc-rustdoc-dark .a-tr { color: #2dbfb8; } -.dxc-rustdoc-dark .a-se { color: #d97f26; } -.dxc-rustdoc-dark .a-tt { color: #2dbfb8; font-weight: bold; } -.dxc-rustdoc-dark .a-tx { text-decoration: line-through; } -.dxc-rustdoc-dark .a-sp { color: #dddddd; } -.dxc-rustdoc-dark .a-in { color: #ab8ac1; } -.dxc-rustdoc-dark .a-sc { color: #ab8ac1; } -.dxc-rustdoc-dark .a-rp { color: #ab8ac1; } -.dxc-rustdoc-dark .a-cn { color: #ab8ac1; } -.dxc-rustdoc-dark .a-ex { color: #ab8ac1; } -.dxc-rustdoc-dark .a-pp { color: #ab8ac1; } -.dxc-rustdoc-dark .a-ch { color: #83a300; } -.dxc-rustdoc-dark .a-cs { color: #83a300; } -.dxc-rustdoc-dark .a-vm { color: #dddddd; } -.dxc-rustdoc-dark .a-fd { color: #2bab63; } -.dxc-rustdoc-dark .a-tf { color: #2dbfb8; } -.dxc-rustdoc-dark .a-fc { color: #2bab63; } -.dxc-rustdoc-dark .a-km { color: #ab8ac1; } -.dxc-rustdoc-dark .a-dr { color: #ab8ac1; } -.dxc-rustdoc-dark .a-rx { color: #83a300; } diff --git a/assets/generated/arborium-themes/rustdoc-light-system-dark.css b/assets/generated/arborium-themes/rustdoc-light-system-dark.css new file mode 100644 index 0000000..7c09bd5 --- /dev/null +++ b/assets/generated/arborium-themes/rustdoc-light-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-rustdoc-light { + --dxc-dark-background: #ffffff; + --dxc-dark-var-bg: #ffffff; + --dxc-dark-var-surface: #f2f2f2; + --dxc-dark-color: #000000; + --dxc-dark-var-fg: #000000; + --dxc-dark-var-accent: #ad7c37; + --dxc-dark-var-muted: #8e908c; + --dxc-dark-a-at-color: #c82829; + --dxc-dark-a-c-color: #8e908c; + --dxc-dark-a-cb-color: #c82829; + --dxc-dark-a-cd-color: #8e908c; + --dxc-dark-a-ch-color: #718c00; + --dxc-dark-a-cn-color: #8959a8; + --dxc-dark-a-co-color: #c82829; + --dxc-dark-a-cs-color: #718c00; + --dxc-dark-a-dr-color: #8959a8; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #8959a8; + --dxc-dark-a-f-color: #ad7c37; + --dxc-dark-a-fb-color: #4271ae; + --dxc-dark-a-fc-color: #ad7c37; + --dxc-dark-a-fd-color: #ad7c37; + --dxc-dark-a-fm-color: #ad7c37; + --dxc-dark-a-in-color: #8959a8; + --dxc-dark-a-k-color: #8959a8; + --dxc-dark-a-kc-color: #8959a8; + --dxc-dark-a-kd-color: #8959a8; + --dxc-dark-a-ke-color: #8959a8; + --dxc-dark-a-kf-color: #8959a8; + --dxc-dark-a-ki-color: #8959a8; + --dxc-dark-a-km-color: #8959a8; + --dxc-dark-a-ko-color: #8959a8; + --dxc-dark-a-kp-color: #8959a8; + --dxc-dark-a-kr-color: #8959a8; + --dxc-dark-a-kt-color: #8959a8; + --dxc-dark-a-ky-color: #8959a8; + --dxc-dark-a-l-color: #b76514; + --dxc-dark-a-m-color: #3e999f; + --dxc-dark-a-n-color: #718c00; + --dxc-dark-a-o-color: #8959a8; + --dxc-dark-a-p-color: #000000; + --dxc-dark-a-pb-color: #000000; + --dxc-dark-a-pd-color: #000000; + --dxc-dark-a-pp-color: #8959a8; + --dxc-dark-a-pr-color: #4271ae; + --dxc-dark-a-ps-color: #ff9011; + --dxc-dark-a-rp-color: #8959a8; + --dxc-dark-a-rx-color: #718c00; + --dxc-dark-a-s-color: #718c00; + --dxc-dark-a-sc-color: #8959a8; + --dxc-dark-a-se-color: #b76514; + --dxc-dark-a-sp-color: #000000; + --dxc-dark-a-ss-color: #718c00; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #ad378a; + --dxc-dark-a-tb-color: #4271ae; + --dxc-dark-a-td-color: #3e999f; + --dxc-dark-a-te-color: #3e999f; + --dxc-dark-a-tf-color: #ad378a; + --dxc-dark-a-tg-color: #3e999f; + --dxc-dark-a-tl-color: #000000; + --dxc-dark-a-tq-color: #ad378a; + --dxc-dark-a-tr-color: #ad378a; + --dxc-dark-a-tt-color: #ad378a; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #4271ae; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #000000; + --dxc-dark-a-vb-color: #c82829; + --dxc-dark-a-vm-color: #000000; + --dxc-dark-a-vp-color: #000000; +} diff --git a/assets/generated/arborium-themes/rustdoc-light-system-light.css b/assets/generated/arborium-themes/rustdoc-light-system-light.css new file mode 100644 index 0000000..5da4d46 --- /dev/null +++ b/assets/generated/arborium-themes/rustdoc-light-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-rustdoc-light { + --dxc-light-background: #ffffff; + --dxc-light-var-bg: #ffffff; + --dxc-light-var-surface: #f2f2f2; + --dxc-light-color: #000000; + --dxc-light-var-fg: #000000; + --dxc-light-var-accent: #ad7c37; + --dxc-light-var-muted: #8e908c; + --dxc-light-a-at-color: #c82829; + --dxc-light-a-c-color: #8e908c; + --dxc-light-a-cb-color: #c82829; + --dxc-light-a-cd-color: #8e908c; + --dxc-light-a-ch-color: #718c00; + --dxc-light-a-cn-color: #8959a8; + --dxc-light-a-co-color: #c82829; + --dxc-light-a-cs-color: #718c00; + --dxc-light-a-dr-color: #8959a8; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #8959a8; + --dxc-light-a-f-color: #ad7c37; + --dxc-light-a-fb-color: #4271ae; + --dxc-light-a-fc-color: #ad7c37; + --dxc-light-a-fd-color: #ad7c37; + --dxc-light-a-fm-color: #ad7c37; + --dxc-light-a-in-color: #8959a8; + --dxc-light-a-k-color: #8959a8; + --dxc-light-a-kc-color: #8959a8; + --dxc-light-a-kd-color: #8959a8; + --dxc-light-a-ke-color: #8959a8; + --dxc-light-a-kf-color: #8959a8; + --dxc-light-a-ki-color: #8959a8; + --dxc-light-a-km-color: #8959a8; + --dxc-light-a-ko-color: #8959a8; + --dxc-light-a-kp-color: #8959a8; + --dxc-light-a-kr-color: #8959a8; + --dxc-light-a-kt-color: #8959a8; + --dxc-light-a-ky-color: #8959a8; + --dxc-light-a-l-color: #b76514; + --dxc-light-a-m-color: #3e999f; + --dxc-light-a-n-color: #718c00; + --dxc-light-a-o-color: #8959a8; + --dxc-light-a-p-color: #000000; + --dxc-light-a-pb-color: #000000; + --dxc-light-a-pd-color: #000000; + --dxc-light-a-pp-color: #8959a8; + --dxc-light-a-pr-color: #4271ae; + --dxc-light-a-ps-color: #ff9011; + --dxc-light-a-rp-color: #8959a8; + --dxc-light-a-rx-color: #718c00; + --dxc-light-a-s-color: #718c00; + --dxc-light-a-sc-color: #8959a8; + --dxc-light-a-se-color: #b76514; + --dxc-light-a-sp-color: #000000; + --dxc-light-a-ss-color: #718c00; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #ad378a; + --dxc-light-a-tb-color: #4271ae; + --dxc-light-a-td-color: #3e999f; + --dxc-light-a-te-color: #3e999f; + --dxc-light-a-tf-color: #ad378a; + --dxc-light-a-tg-color: #3e999f; + --dxc-light-a-tl-color: #000000; + --dxc-light-a-tq-color: #ad378a; + --dxc-light-a-tr-color: #ad378a; + --dxc-light-a-tt-color: #ad378a; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #4271ae; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #000000; + --dxc-light-a-vb-color: #c82829; + --dxc-light-a-vm-color: #000000; + --dxc-light-a-vp-color: #000000; +} diff --git a/assets/generated/arborium-themes/rustdoc-light.css b/assets/generated/arborium-themes/rustdoc-light.css index 2fbe84c..75b5514 100644 --- a/assets/generated/arborium-themes/rustdoc-light.css +++ b/assets/generated/arborium-themes/rustdoc-light.css @@ -1,72 +1,74 @@ .dxc-rustdoc-light { - background: #ffffff; - --bg: #ffffff; - --surface: #f2f2f2; - color: #000000; - --fg: #000000; - --accent: #ad7c37; - --muted: #8e908c; + --dxc-light-background: #ffffff; + --dxc-light-var-bg: #ffffff; + --dxc-light-var-surface: #f2f2f2; + --dxc-light-color: #000000; + --dxc-light-var-fg: #000000; + --dxc-light-var-accent: #ad7c37; + --dxc-light-var-muted: #8e908c; + --dxc-light-a-at-color: #c82829; + --dxc-light-a-c-color: #8e908c; + --dxc-light-a-cb-color: #c82829; + --dxc-light-a-cd-color: #8e908c; + --dxc-light-a-ch-color: #718c00; + --dxc-light-a-cn-color: #8959a8; + --dxc-light-a-co-color: #c82829; + --dxc-light-a-cs-color: #718c00; + --dxc-light-a-dr-color: #8959a8; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #8959a8; + --dxc-light-a-f-color: #ad7c37; + --dxc-light-a-fb-color: #4271ae; + --dxc-light-a-fc-color: #ad7c37; + --dxc-light-a-fd-color: #ad7c37; + --dxc-light-a-fm-color: #ad7c37; + --dxc-light-a-in-color: #8959a8; + --dxc-light-a-k-color: #8959a8; + --dxc-light-a-kc-color: #8959a8; + --dxc-light-a-kd-color: #8959a8; + --dxc-light-a-ke-color: #8959a8; + --dxc-light-a-kf-color: #8959a8; + --dxc-light-a-ki-color: #8959a8; + --dxc-light-a-km-color: #8959a8; + --dxc-light-a-ko-color: #8959a8; + --dxc-light-a-kp-color: #8959a8; + --dxc-light-a-kr-color: #8959a8; + --dxc-light-a-kt-color: #8959a8; + --dxc-light-a-ky-color: #8959a8; + --dxc-light-a-l-color: #b76514; + --dxc-light-a-m-color: #3e999f; + --dxc-light-a-n-color: #718c00; + --dxc-light-a-o-color: #8959a8; + --dxc-light-a-p-color: #000000; + --dxc-light-a-pb-color: #000000; + --dxc-light-a-pd-color: #000000; + --dxc-light-a-pp-color: #8959a8; + --dxc-light-a-pr-color: #4271ae; + --dxc-light-a-ps-color: #ff9011; + --dxc-light-a-rp-color: #8959a8; + --dxc-light-a-rx-color: #718c00; + --dxc-light-a-s-color: #718c00; + --dxc-light-a-sc-color: #8959a8; + --dxc-light-a-se-color: #b76514; + --dxc-light-a-sp-color: #000000; + --dxc-light-a-ss-color: #718c00; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #ad378a; + --dxc-light-a-tb-color: #4271ae; + --dxc-light-a-td-color: #3e999f; + --dxc-light-a-te-color: #3e999f; + --dxc-light-a-tf-color: #ad378a; + --dxc-light-a-tg-color: #3e999f; + --dxc-light-a-tl-color: #000000; + --dxc-light-a-tq-color: #ad378a; + --dxc-light-a-tr-color: #ad378a; + --dxc-light-a-tt-color: #ad378a; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #4271ae; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #000000; + --dxc-light-a-vb-color: #c82829; + --dxc-light-a-vm-color: #000000; + --dxc-light-a-vp-color: #000000; } -.dxc-rustdoc-light .a-at { color: #c82829; } -.dxc-rustdoc-light .a-co { color: #c82829; } -.dxc-rustdoc-light .a-cb { color: #c82829; } -.dxc-rustdoc-light .a-fb { color: #4271ae; } -.dxc-rustdoc-light .a-f { color: #ad7c37; } -.dxc-rustdoc-light .a-fm { color: #ad7c37; } -.dxc-rustdoc-light .a-k { color: #8959a8; } -.dxc-rustdoc-light .a-kc { color: #8959a8; } -.dxc-rustdoc-light .a-ko { color: #8959a8; } -.dxc-rustdoc-light .a-kd { color: #8959a8; } -.dxc-rustdoc-light .a-ke { color: #8959a8; } -.dxc-rustdoc-light .a-kf { color: #8959a8; } -.dxc-rustdoc-light .a-ki { color: #8959a8; } -.dxc-rustdoc-light .a-kp { color: #8959a8; } -.dxc-rustdoc-light .a-kr { color: #8959a8; } -.dxc-rustdoc-light .a-kt { color: #8959a8; } -.dxc-rustdoc-light .a-ky { color: #8959a8; } -.dxc-rustdoc-light .a-o { color: #8959a8; } -.dxc-rustdoc-light .a-pr { color: #4271ae; } -.dxc-rustdoc-light .a-p { color: #000000; } -.dxc-rustdoc-light .a-pb { color: #000000; } -.dxc-rustdoc-light .a-pd { color: #000000; } -.dxc-rustdoc-light .a-ps { color: #ff9011; } -.dxc-rustdoc-light .a-s { color: #718c00; } -.dxc-rustdoc-light .a-ss { color: #718c00; } -.dxc-rustdoc-light .a-tg { color: #3e999f; } -.dxc-rustdoc-light .a-td { color: #3e999f; } -.dxc-rustdoc-light .a-te { color: #3e999f; } -.dxc-rustdoc-light .a-t { color: #ad378a; } -.dxc-rustdoc-light .a-tb { color: #4271ae; } -.dxc-rustdoc-light .a-tq { color: #ad378a; } -.dxc-rustdoc-light .a-v { color: #000000; } -.dxc-rustdoc-light .a-vb { color: #c82829; } -.dxc-rustdoc-light .a-vp { color: #000000; } -.dxc-rustdoc-light .a-c { color: #8e908c; } -.dxc-rustdoc-light .a-cd { color: #8e908c; } -.dxc-rustdoc-light .a-m { color: #3e999f; } -.dxc-rustdoc-light .a-l { color: #b76514; } -.dxc-rustdoc-light .a-n { color: #718c00; } -.dxc-rustdoc-light .a-tl { color: #000000; } -.dxc-rustdoc-light .a-em { font-style: italic; } -.dxc-rustdoc-light .a-st { font-weight: bold; } -.dxc-rustdoc-light .a-tu { color: #4271ae; text-decoration: underline; } -.dxc-rustdoc-light .a-tr { color: #ad378a; } -.dxc-rustdoc-light .a-se { color: #b76514; } -.dxc-rustdoc-light .a-tt { color: #ad378a; font-weight: bold; } -.dxc-rustdoc-light .a-tx { text-decoration: line-through; } -.dxc-rustdoc-light .a-sp { color: #000000; } -.dxc-rustdoc-light .a-in { color: #8959a8; } -.dxc-rustdoc-light .a-sc { color: #8959a8; } -.dxc-rustdoc-light .a-rp { color: #8959a8; } -.dxc-rustdoc-light .a-cn { color: #8959a8; } -.dxc-rustdoc-light .a-ex { color: #8959a8; } -.dxc-rustdoc-light .a-pp { color: #8959a8; } -.dxc-rustdoc-light .a-ch { color: #718c00; } -.dxc-rustdoc-light .a-cs { color: #718c00; } -.dxc-rustdoc-light .a-vm { color: #000000; } -.dxc-rustdoc-light .a-fd { color: #ad7c37; } -.dxc-rustdoc-light .a-tf { color: #ad378a; } -.dxc-rustdoc-light .a-fc { color: #ad7c37; } -.dxc-rustdoc-light .a-km { color: #8959a8; } -.dxc-rustdoc-light .a-dr { color: #8959a8; } -.dxc-rustdoc-light .a-rx { color: #718c00; } diff --git a/assets/generated/arborium-themes/solarized-dark-system-dark.css b/assets/generated/arborium-themes/solarized-dark-system-dark.css new file mode 100644 index 0000000..4e1b768 --- /dev/null +++ b/assets/generated/arborium-themes/solarized-dark-system-dark.css @@ -0,0 +1,76 @@ +.dxc-system-dark-solarized-dark { + --dxc-dark-background: #002b36; + --dxc-dark-var-bg: #002b36; + --dxc-dark-var-surface: #143c46; + --dxc-dark-color: #839496; + --dxc-dark-var-fg: #839496; + --dxc-dark-var-accent: #268bd2; + --dxc-dark-var-muted: #586e75; + --dxc-dark-a-at-color: #b58900; + --dxc-dark-a-c-color: #586e75; + --dxc-dark-a-c-font-style: italic; + --dxc-dark-a-cb-color: #2aa198; + --dxc-dark-a-cd-color: #586e75; + --dxc-dark-a-cd-font-style: italic; + --dxc-dark-a-ch-color: #2aa198; + --dxc-dark-a-cn-color: #859900; + --dxc-dark-a-co-color: #2aa198; + --dxc-dark-a-cs-color: #2aa198; + --dxc-dark-a-dr-color: #859900; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #859900; + --dxc-dark-a-f-color: #268bd2; + --dxc-dark-a-fb-color: #268bd2; + --dxc-dark-a-fc-color: #268bd2; + --dxc-dark-a-fd-color: #268bd2; + --dxc-dark-a-fm-color: #268bd2; + --dxc-dark-a-in-color: #859900; + --dxc-dark-a-k-color: #859900; + --dxc-dark-a-kc-color: #859900; + --dxc-dark-a-kd-color: #859900; + --dxc-dark-a-ke-color: #859900; + --dxc-dark-a-kf-color: #859900; + --dxc-dark-a-ki-color: #859900; + --dxc-dark-a-km-color: #859900; + --dxc-dark-a-ko-color: #859900; + --dxc-dark-a-kp-color: #859900; + --dxc-dark-a-kr-color: #859900; + --dxc-dark-a-kt-color: #859900; + --dxc-dark-a-ky-color: #859900; + --dxc-dark-a-l-color: #6c71c4; + --dxc-dark-a-m-color: #cb4b16; + --dxc-dark-a-n-color: #d33682; + --dxc-dark-a-o-color: #93a1a1; + --dxc-dark-a-p-color: #93a1a1; + --dxc-dark-a-pb-color: #93a1a1; + --dxc-dark-a-pd-color: #93a1a1; + --dxc-dark-a-pp-color: #859900; + --dxc-dark-a-pr-color: #268bd2; + --dxc-dark-a-ps-color: #dc322f; + --dxc-dark-a-rp-color: #859900; + --dxc-dark-a-rx-color: #2aa198; + --dxc-dark-a-s-color: #2aa198; + --dxc-dark-a-sc-color: #859900; + --dxc-dark-a-se-color: #cb4b16; + --dxc-dark-a-sp-color: #839496; + --dxc-dark-a-ss-color: #cb4b16; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #b58900; + --dxc-dark-a-tb-color: #b58900; + --dxc-dark-a-td-color: #268bd2; + --dxc-dark-a-te-color: #268bd2; + --dxc-dark-a-tf-color: #b58900; + --dxc-dark-a-tg-color: #268bd2; + --dxc-dark-a-tl-color: #839496; + --dxc-dark-a-tq-color: #b58900; + --dxc-dark-a-tr-color: #268bd2; + --dxc-dark-a-tt-color: #b58900; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #2aa198; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #839496; + --dxc-dark-a-vb-color: #d33682; + --dxc-dark-a-vm-color: #839496; + --dxc-dark-a-vp-color: #839496; +} diff --git a/assets/generated/arborium-themes/solarized-dark-system-light.css b/assets/generated/arborium-themes/solarized-dark-system-light.css new file mode 100644 index 0000000..9b7aca5 --- /dev/null +++ b/assets/generated/arborium-themes/solarized-dark-system-light.css @@ -0,0 +1,76 @@ +.dxc-system-light-solarized-dark { + --dxc-light-background: #002b36; + --dxc-light-var-bg: #002b36; + --dxc-light-var-surface: #143c46; + --dxc-light-color: #839496; + --dxc-light-var-fg: #839496; + --dxc-light-var-accent: #268bd2; + --dxc-light-var-muted: #586e75; + --dxc-light-a-at-color: #b58900; + --dxc-light-a-c-color: #586e75; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #2aa198; + --dxc-light-a-cd-color: #586e75; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #2aa198; + --dxc-light-a-cn-color: #859900; + --dxc-light-a-co-color: #2aa198; + --dxc-light-a-cs-color: #2aa198; + --dxc-light-a-dr-color: #859900; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #859900; + --dxc-light-a-f-color: #268bd2; + --dxc-light-a-fb-color: #268bd2; + --dxc-light-a-fc-color: #268bd2; + --dxc-light-a-fd-color: #268bd2; + --dxc-light-a-fm-color: #268bd2; + --dxc-light-a-in-color: #859900; + --dxc-light-a-k-color: #859900; + --dxc-light-a-kc-color: #859900; + --dxc-light-a-kd-color: #859900; + --dxc-light-a-ke-color: #859900; + --dxc-light-a-kf-color: #859900; + --dxc-light-a-ki-color: #859900; + --dxc-light-a-km-color: #859900; + --dxc-light-a-ko-color: #859900; + --dxc-light-a-kp-color: #859900; + --dxc-light-a-kr-color: #859900; + --dxc-light-a-kt-color: #859900; + --dxc-light-a-ky-color: #859900; + --dxc-light-a-l-color: #6c71c4; + --dxc-light-a-m-color: #cb4b16; + --dxc-light-a-n-color: #d33682; + --dxc-light-a-o-color: #93a1a1; + --dxc-light-a-p-color: #93a1a1; + --dxc-light-a-pb-color: #93a1a1; + --dxc-light-a-pd-color: #93a1a1; + --dxc-light-a-pp-color: #859900; + --dxc-light-a-pr-color: #268bd2; + --dxc-light-a-ps-color: #dc322f; + --dxc-light-a-rp-color: #859900; + --dxc-light-a-rx-color: #2aa198; + --dxc-light-a-s-color: #2aa198; + --dxc-light-a-sc-color: #859900; + --dxc-light-a-se-color: #cb4b16; + --dxc-light-a-sp-color: #839496; + --dxc-light-a-ss-color: #cb4b16; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #b58900; + --dxc-light-a-tb-color: #b58900; + --dxc-light-a-td-color: #268bd2; + --dxc-light-a-te-color: #268bd2; + --dxc-light-a-tf-color: #b58900; + --dxc-light-a-tg-color: #268bd2; + --dxc-light-a-tl-color: #839496; + --dxc-light-a-tq-color: #b58900; + --dxc-light-a-tr-color: #268bd2; + --dxc-light-a-tt-color: #b58900; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #2aa198; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #839496; + --dxc-light-a-vb-color: #d33682; + --dxc-light-a-vm-color: #839496; + --dxc-light-a-vp-color: #839496; +} diff --git a/assets/generated/arborium-themes/solarized-dark.css b/assets/generated/arborium-themes/solarized-dark.css index 097b2b6..02a9092 100644 --- a/assets/generated/arborium-themes/solarized-dark.css +++ b/assets/generated/arborium-themes/solarized-dark.css @@ -1,72 +1,76 @@ .dxc-solarized-dark { - background: #002b36; - --bg: #002b36; - --surface: #143c46; - color: #839496; - --fg: #839496; - --accent: #268bd2; - --muted: #586e75; + --dxc-light-background: #002b36; + --dxc-light-var-bg: #002b36; + --dxc-light-var-surface: #143c46; + --dxc-light-color: #839496; + --dxc-light-var-fg: #839496; + --dxc-light-var-accent: #268bd2; + --dxc-light-var-muted: #586e75; + --dxc-light-a-at-color: #b58900; + --dxc-light-a-c-color: #586e75; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #2aa198; + --dxc-light-a-cd-color: #586e75; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #2aa198; + --dxc-light-a-cn-color: #859900; + --dxc-light-a-co-color: #2aa198; + --dxc-light-a-cs-color: #2aa198; + --dxc-light-a-dr-color: #859900; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #859900; + --dxc-light-a-f-color: #268bd2; + --dxc-light-a-fb-color: #268bd2; + --dxc-light-a-fc-color: #268bd2; + --dxc-light-a-fd-color: #268bd2; + --dxc-light-a-fm-color: #268bd2; + --dxc-light-a-in-color: #859900; + --dxc-light-a-k-color: #859900; + --dxc-light-a-kc-color: #859900; + --dxc-light-a-kd-color: #859900; + --dxc-light-a-ke-color: #859900; + --dxc-light-a-kf-color: #859900; + --dxc-light-a-ki-color: #859900; + --dxc-light-a-km-color: #859900; + --dxc-light-a-ko-color: #859900; + --dxc-light-a-kp-color: #859900; + --dxc-light-a-kr-color: #859900; + --dxc-light-a-kt-color: #859900; + --dxc-light-a-ky-color: #859900; + --dxc-light-a-l-color: #6c71c4; + --dxc-light-a-m-color: #cb4b16; + --dxc-light-a-n-color: #d33682; + --dxc-light-a-o-color: #93a1a1; + --dxc-light-a-p-color: #93a1a1; + --dxc-light-a-pb-color: #93a1a1; + --dxc-light-a-pd-color: #93a1a1; + --dxc-light-a-pp-color: #859900; + --dxc-light-a-pr-color: #268bd2; + --dxc-light-a-ps-color: #dc322f; + --dxc-light-a-rp-color: #859900; + --dxc-light-a-rx-color: #2aa198; + --dxc-light-a-s-color: #2aa198; + --dxc-light-a-sc-color: #859900; + --dxc-light-a-se-color: #cb4b16; + --dxc-light-a-sp-color: #839496; + --dxc-light-a-ss-color: #cb4b16; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #b58900; + --dxc-light-a-tb-color: #b58900; + --dxc-light-a-td-color: #268bd2; + --dxc-light-a-te-color: #268bd2; + --dxc-light-a-tf-color: #b58900; + --dxc-light-a-tg-color: #268bd2; + --dxc-light-a-tl-color: #839496; + --dxc-light-a-tq-color: #b58900; + --dxc-light-a-tr-color: #268bd2; + --dxc-light-a-tt-color: #b58900; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #2aa198; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #839496; + --dxc-light-a-vb-color: #d33682; + --dxc-light-a-vm-color: #839496; + --dxc-light-a-vp-color: #839496; } -.dxc-solarized-dark .a-at { color: #b58900; } -.dxc-solarized-dark .a-co { color: #2aa198; } -.dxc-solarized-dark .a-cb { color: #2aa198; } -.dxc-solarized-dark .a-fb { color: #268bd2; } -.dxc-solarized-dark .a-f { color: #268bd2; } -.dxc-solarized-dark .a-fm { color: #268bd2; } -.dxc-solarized-dark .a-k { color: #859900; } -.dxc-solarized-dark .a-kc { color: #859900; } -.dxc-solarized-dark .a-ko { color: #859900; } -.dxc-solarized-dark .a-kd { color: #859900; } -.dxc-solarized-dark .a-ke { color: #859900; } -.dxc-solarized-dark .a-kf { color: #859900; } -.dxc-solarized-dark .a-ki { color: #859900; } -.dxc-solarized-dark .a-kp { color: #859900; } -.dxc-solarized-dark .a-kr { color: #859900; } -.dxc-solarized-dark .a-kt { color: #859900; } -.dxc-solarized-dark .a-ky { color: #859900; } -.dxc-solarized-dark .a-o { color: #93a1a1; } -.dxc-solarized-dark .a-pr { color: #268bd2; } -.dxc-solarized-dark .a-p { color: #93a1a1; } -.dxc-solarized-dark .a-pb { color: #93a1a1; } -.dxc-solarized-dark .a-pd { color: #93a1a1; } -.dxc-solarized-dark .a-ps { color: #dc322f; } -.dxc-solarized-dark .a-s { color: #2aa198; } -.dxc-solarized-dark .a-ss { color: #cb4b16; } -.dxc-solarized-dark .a-tg { color: #268bd2; } -.dxc-solarized-dark .a-td { color: #268bd2; } -.dxc-solarized-dark .a-te { color: #268bd2; } -.dxc-solarized-dark .a-t { color: #b58900; } -.dxc-solarized-dark .a-tb { color: #b58900; } -.dxc-solarized-dark .a-tq { color: #b58900; } -.dxc-solarized-dark .a-v { color: #839496; } -.dxc-solarized-dark .a-vb { color: #d33682; } -.dxc-solarized-dark .a-vp { color: #839496; } -.dxc-solarized-dark .a-c { color: #586e75; font-style: italic; } -.dxc-solarized-dark .a-cd { color: #586e75; font-style: italic; } -.dxc-solarized-dark .a-m { color: #cb4b16; } -.dxc-solarized-dark .a-l { color: #6c71c4; } -.dxc-solarized-dark .a-n { color: #d33682; } -.dxc-solarized-dark .a-tl { color: #839496; } -.dxc-solarized-dark .a-em { font-style: italic; } -.dxc-solarized-dark .a-st { font-weight: bold; } -.dxc-solarized-dark .a-tu { color: #2aa198; text-decoration: underline; } -.dxc-solarized-dark .a-tr { color: #268bd2; } -.dxc-solarized-dark .a-se { color: #cb4b16; } -.dxc-solarized-dark .a-tt { color: #b58900; font-weight: bold; } -.dxc-solarized-dark .a-tx { text-decoration: line-through; } -.dxc-solarized-dark .a-sp { color: #839496; } -.dxc-solarized-dark .a-in { color: #859900; } -.dxc-solarized-dark .a-sc { color: #859900; } -.dxc-solarized-dark .a-rp { color: #859900; } -.dxc-solarized-dark .a-cn { color: #859900; } -.dxc-solarized-dark .a-ex { color: #859900; } -.dxc-solarized-dark .a-pp { color: #859900; } -.dxc-solarized-dark .a-ch { color: #2aa198; } -.dxc-solarized-dark .a-cs { color: #2aa198; } -.dxc-solarized-dark .a-vm { color: #839496; } -.dxc-solarized-dark .a-fd { color: #268bd2; } -.dxc-solarized-dark .a-tf { color: #b58900; } -.dxc-solarized-dark .a-fc { color: #268bd2; } -.dxc-solarized-dark .a-km { color: #859900; } -.dxc-solarized-dark .a-dr { color: #859900; } -.dxc-solarized-dark .a-rx { color: #2aa198; } diff --git a/assets/generated/arborium-themes/solarized-light-system-dark.css b/assets/generated/arborium-themes/solarized-light-system-dark.css new file mode 100644 index 0000000..5f7cb5b --- /dev/null +++ b/assets/generated/arborium-themes/solarized-light-system-dark.css @@ -0,0 +1,76 @@ +.dxc-system-dark-solarized-light { + --dxc-dark-background: #fdf6e3; + --dxc-dark-var-bg: #fdf6e3; + --dxc-dark-var-surface: #f0ead8; + --dxc-dark-color: #657b83; + --dxc-dark-var-fg: #657b83; + --dxc-dark-var-accent: #268bd2; + --dxc-dark-var-muted: #93a1a1; + --dxc-dark-a-at-color: #b58900; + --dxc-dark-a-c-color: #93a1a1; + --dxc-dark-a-c-font-style: italic; + --dxc-dark-a-cb-color: #2aa198; + --dxc-dark-a-cd-color: #93a1a1; + --dxc-dark-a-cd-font-style: italic; + --dxc-dark-a-ch-color: #2aa198; + --dxc-dark-a-cn-color: #859900; + --dxc-dark-a-co-color: #2aa198; + --dxc-dark-a-cs-color: #2aa198; + --dxc-dark-a-dr-color: #859900; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #859900; + --dxc-dark-a-f-color: #268bd2; + --dxc-dark-a-fb-color: #268bd2; + --dxc-dark-a-fc-color: #268bd2; + --dxc-dark-a-fd-color: #268bd2; + --dxc-dark-a-fm-color: #268bd2; + --dxc-dark-a-in-color: #859900; + --dxc-dark-a-k-color: #859900; + --dxc-dark-a-kc-color: #859900; + --dxc-dark-a-kd-color: #859900; + --dxc-dark-a-ke-color: #859900; + --dxc-dark-a-kf-color: #859900; + --dxc-dark-a-ki-color: #859900; + --dxc-dark-a-km-color: #859900; + --dxc-dark-a-ko-color: #859900; + --dxc-dark-a-kp-color: #859900; + --dxc-dark-a-kr-color: #859900; + --dxc-dark-a-kt-color: #859900; + --dxc-dark-a-ky-color: #859900; + --dxc-dark-a-l-color: #6c71c4; + --dxc-dark-a-m-color: #cb4b16; + --dxc-dark-a-n-color: #d33682; + --dxc-dark-a-o-color: #586e75; + --dxc-dark-a-p-color: #586e75; + --dxc-dark-a-pb-color: #586e75; + --dxc-dark-a-pd-color: #586e75; + --dxc-dark-a-pp-color: #859900; + --dxc-dark-a-pr-color: #268bd2; + --dxc-dark-a-ps-color: #dc322f; + --dxc-dark-a-rp-color: #859900; + --dxc-dark-a-rx-color: #2aa198; + --dxc-dark-a-s-color: #2aa198; + --dxc-dark-a-sc-color: #859900; + --dxc-dark-a-se-color: #cb4b16; + --dxc-dark-a-sp-color: #657b83; + --dxc-dark-a-ss-color: #cb4b16; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #b58900; + --dxc-dark-a-tb-color: #b58900; + --dxc-dark-a-td-color: #268bd2; + --dxc-dark-a-te-color: #268bd2; + --dxc-dark-a-tf-color: #b58900; + --dxc-dark-a-tg-color: #268bd2; + --dxc-dark-a-tl-color: #657b83; + --dxc-dark-a-tq-color: #b58900; + --dxc-dark-a-tr-color: #268bd2; + --dxc-dark-a-tt-color: #b58900; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #2aa198; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #657b83; + --dxc-dark-a-vb-color: #d33682; + --dxc-dark-a-vm-color: #657b83; + --dxc-dark-a-vp-color: #657b83; +} diff --git a/assets/generated/arborium-themes/solarized-light-system-light.css b/assets/generated/arborium-themes/solarized-light-system-light.css new file mode 100644 index 0000000..b6c1f4c --- /dev/null +++ b/assets/generated/arborium-themes/solarized-light-system-light.css @@ -0,0 +1,76 @@ +.dxc-system-light-solarized-light { + --dxc-light-background: #fdf6e3; + --dxc-light-var-bg: #fdf6e3; + --dxc-light-var-surface: #f0ead8; + --dxc-light-color: #657b83; + --dxc-light-var-fg: #657b83; + --dxc-light-var-accent: #268bd2; + --dxc-light-var-muted: #93a1a1; + --dxc-light-a-at-color: #b58900; + --dxc-light-a-c-color: #93a1a1; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #2aa198; + --dxc-light-a-cd-color: #93a1a1; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #2aa198; + --dxc-light-a-cn-color: #859900; + --dxc-light-a-co-color: #2aa198; + --dxc-light-a-cs-color: #2aa198; + --dxc-light-a-dr-color: #859900; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #859900; + --dxc-light-a-f-color: #268bd2; + --dxc-light-a-fb-color: #268bd2; + --dxc-light-a-fc-color: #268bd2; + --dxc-light-a-fd-color: #268bd2; + --dxc-light-a-fm-color: #268bd2; + --dxc-light-a-in-color: #859900; + --dxc-light-a-k-color: #859900; + --dxc-light-a-kc-color: #859900; + --dxc-light-a-kd-color: #859900; + --dxc-light-a-ke-color: #859900; + --dxc-light-a-kf-color: #859900; + --dxc-light-a-ki-color: #859900; + --dxc-light-a-km-color: #859900; + --dxc-light-a-ko-color: #859900; + --dxc-light-a-kp-color: #859900; + --dxc-light-a-kr-color: #859900; + --dxc-light-a-kt-color: #859900; + --dxc-light-a-ky-color: #859900; + --dxc-light-a-l-color: #6c71c4; + --dxc-light-a-m-color: #cb4b16; + --dxc-light-a-n-color: #d33682; + --dxc-light-a-o-color: #586e75; + --dxc-light-a-p-color: #586e75; + --dxc-light-a-pb-color: #586e75; + --dxc-light-a-pd-color: #586e75; + --dxc-light-a-pp-color: #859900; + --dxc-light-a-pr-color: #268bd2; + --dxc-light-a-ps-color: #dc322f; + --dxc-light-a-rp-color: #859900; + --dxc-light-a-rx-color: #2aa198; + --dxc-light-a-s-color: #2aa198; + --dxc-light-a-sc-color: #859900; + --dxc-light-a-se-color: #cb4b16; + --dxc-light-a-sp-color: #657b83; + --dxc-light-a-ss-color: #cb4b16; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #b58900; + --dxc-light-a-tb-color: #b58900; + --dxc-light-a-td-color: #268bd2; + --dxc-light-a-te-color: #268bd2; + --dxc-light-a-tf-color: #b58900; + --dxc-light-a-tg-color: #268bd2; + --dxc-light-a-tl-color: #657b83; + --dxc-light-a-tq-color: #b58900; + --dxc-light-a-tr-color: #268bd2; + --dxc-light-a-tt-color: #b58900; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #2aa198; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #657b83; + --dxc-light-a-vb-color: #d33682; + --dxc-light-a-vm-color: #657b83; + --dxc-light-a-vp-color: #657b83; +} diff --git a/assets/generated/arborium-themes/solarized-light.css b/assets/generated/arborium-themes/solarized-light.css index e36d012..7c187c1 100644 --- a/assets/generated/arborium-themes/solarized-light.css +++ b/assets/generated/arborium-themes/solarized-light.css @@ -1,72 +1,76 @@ .dxc-solarized-light { - background: #fdf6e3; - --bg: #fdf6e3; - --surface: #f0ead8; - color: #657b83; - --fg: #657b83; - --accent: #268bd2; - --muted: #93a1a1; + --dxc-light-background: #fdf6e3; + --dxc-light-var-bg: #fdf6e3; + --dxc-light-var-surface: #f0ead8; + --dxc-light-color: #657b83; + --dxc-light-var-fg: #657b83; + --dxc-light-var-accent: #268bd2; + --dxc-light-var-muted: #93a1a1; + --dxc-light-a-at-color: #b58900; + --dxc-light-a-c-color: #93a1a1; + --dxc-light-a-c-font-style: italic; + --dxc-light-a-cb-color: #2aa198; + --dxc-light-a-cd-color: #93a1a1; + --dxc-light-a-cd-font-style: italic; + --dxc-light-a-ch-color: #2aa198; + --dxc-light-a-cn-color: #859900; + --dxc-light-a-co-color: #2aa198; + --dxc-light-a-cs-color: #2aa198; + --dxc-light-a-dr-color: #859900; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #859900; + --dxc-light-a-f-color: #268bd2; + --dxc-light-a-fb-color: #268bd2; + --dxc-light-a-fc-color: #268bd2; + --dxc-light-a-fd-color: #268bd2; + --dxc-light-a-fm-color: #268bd2; + --dxc-light-a-in-color: #859900; + --dxc-light-a-k-color: #859900; + --dxc-light-a-kc-color: #859900; + --dxc-light-a-kd-color: #859900; + --dxc-light-a-ke-color: #859900; + --dxc-light-a-kf-color: #859900; + --dxc-light-a-ki-color: #859900; + --dxc-light-a-km-color: #859900; + --dxc-light-a-ko-color: #859900; + --dxc-light-a-kp-color: #859900; + --dxc-light-a-kr-color: #859900; + --dxc-light-a-kt-color: #859900; + --dxc-light-a-ky-color: #859900; + --dxc-light-a-l-color: #6c71c4; + --dxc-light-a-m-color: #cb4b16; + --dxc-light-a-n-color: #d33682; + --dxc-light-a-o-color: #586e75; + --dxc-light-a-p-color: #586e75; + --dxc-light-a-pb-color: #586e75; + --dxc-light-a-pd-color: #586e75; + --dxc-light-a-pp-color: #859900; + --dxc-light-a-pr-color: #268bd2; + --dxc-light-a-ps-color: #dc322f; + --dxc-light-a-rp-color: #859900; + --dxc-light-a-rx-color: #2aa198; + --dxc-light-a-s-color: #2aa198; + --dxc-light-a-sc-color: #859900; + --dxc-light-a-se-color: #cb4b16; + --dxc-light-a-sp-color: #657b83; + --dxc-light-a-ss-color: #cb4b16; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #b58900; + --dxc-light-a-tb-color: #b58900; + --dxc-light-a-td-color: #268bd2; + --dxc-light-a-te-color: #268bd2; + --dxc-light-a-tf-color: #b58900; + --dxc-light-a-tg-color: #268bd2; + --dxc-light-a-tl-color: #657b83; + --dxc-light-a-tq-color: #b58900; + --dxc-light-a-tr-color: #268bd2; + --dxc-light-a-tt-color: #b58900; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #2aa198; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #657b83; + --dxc-light-a-vb-color: #d33682; + --dxc-light-a-vm-color: #657b83; + --dxc-light-a-vp-color: #657b83; } -.dxc-solarized-light .a-at { color: #b58900; } -.dxc-solarized-light .a-co { color: #2aa198; } -.dxc-solarized-light .a-cb { color: #2aa198; } -.dxc-solarized-light .a-fb { color: #268bd2; } -.dxc-solarized-light .a-f { color: #268bd2; } -.dxc-solarized-light .a-fm { color: #268bd2; } -.dxc-solarized-light .a-k { color: #859900; } -.dxc-solarized-light .a-kc { color: #859900; } -.dxc-solarized-light .a-ko { color: #859900; } -.dxc-solarized-light .a-kd { color: #859900; } -.dxc-solarized-light .a-ke { color: #859900; } -.dxc-solarized-light .a-kf { color: #859900; } -.dxc-solarized-light .a-ki { color: #859900; } -.dxc-solarized-light .a-kp { color: #859900; } -.dxc-solarized-light .a-kr { color: #859900; } -.dxc-solarized-light .a-kt { color: #859900; } -.dxc-solarized-light .a-ky { color: #859900; } -.dxc-solarized-light .a-o { color: #586e75; } -.dxc-solarized-light .a-pr { color: #268bd2; } -.dxc-solarized-light .a-p { color: #586e75; } -.dxc-solarized-light .a-pb { color: #586e75; } -.dxc-solarized-light .a-pd { color: #586e75; } -.dxc-solarized-light .a-ps { color: #dc322f; } -.dxc-solarized-light .a-s { color: #2aa198; } -.dxc-solarized-light .a-ss { color: #cb4b16; } -.dxc-solarized-light .a-tg { color: #268bd2; } -.dxc-solarized-light .a-td { color: #268bd2; } -.dxc-solarized-light .a-te { color: #268bd2; } -.dxc-solarized-light .a-t { color: #b58900; } -.dxc-solarized-light .a-tb { color: #b58900; } -.dxc-solarized-light .a-tq { color: #b58900; } -.dxc-solarized-light .a-v { color: #657b83; } -.dxc-solarized-light .a-vb { color: #d33682; } -.dxc-solarized-light .a-vp { color: #657b83; } -.dxc-solarized-light .a-c { color: #93a1a1; font-style: italic; } -.dxc-solarized-light .a-cd { color: #93a1a1; font-style: italic; } -.dxc-solarized-light .a-m { color: #cb4b16; } -.dxc-solarized-light .a-l { color: #6c71c4; } -.dxc-solarized-light .a-n { color: #d33682; } -.dxc-solarized-light .a-tl { color: #657b83; } -.dxc-solarized-light .a-em { font-style: italic; } -.dxc-solarized-light .a-st { font-weight: bold; } -.dxc-solarized-light .a-tu { color: #2aa198; text-decoration: underline; } -.dxc-solarized-light .a-tr { color: #268bd2; } -.dxc-solarized-light .a-se { color: #cb4b16; } -.dxc-solarized-light .a-tt { color: #b58900; font-weight: bold; } -.dxc-solarized-light .a-tx { text-decoration: line-through; } -.dxc-solarized-light .a-sp { color: #657b83; } -.dxc-solarized-light .a-in { color: #859900; } -.dxc-solarized-light .a-sc { color: #859900; } -.dxc-solarized-light .a-rp { color: #859900; } -.dxc-solarized-light .a-cn { color: #859900; } -.dxc-solarized-light .a-ex { color: #859900; } -.dxc-solarized-light .a-pp { color: #859900; } -.dxc-solarized-light .a-ch { color: #2aa198; } -.dxc-solarized-light .a-cs { color: #2aa198; } -.dxc-solarized-light .a-vm { color: #657b83; } -.dxc-solarized-light .a-fd { color: #268bd2; } -.dxc-solarized-light .a-tf { color: #b58900; } -.dxc-solarized-light .a-fc { color: #268bd2; } -.dxc-solarized-light .a-km { color: #859900; } -.dxc-solarized-light .a-dr { color: #859900; } -.dxc-solarized-light .a-rx { color: #2aa198; } diff --git a/assets/generated/arborium-themes/tokyo-night-system-dark.css b/assets/generated/arborium-themes/tokyo-night-system-dark.css new file mode 100644 index 0000000..8f5bdd8 --- /dev/null +++ b/assets/generated/arborium-themes/tokyo-night-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-tokyo-night { + --dxc-dark-background: #1a1b26; + --dxc-dark-var-bg: #1a1b26; + --dxc-dark-var-surface: #2c2d37; + --dxc-dark-color: #a9b1d6; + --dxc-dark-var-fg: #a9b1d6; + --dxc-dark-var-accent: #7aa2f7; + --dxc-dark-var-muted: #565f89; + --dxc-dark-a-at-color: #e0af68; + --dxc-dark-a-c-color: #565f89; + --dxc-dark-a-cb-color: #ff9e64; + --dxc-dark-a-cd-color: #565f89; + --dxc-dark-a-ch-color: #9ece6a; + --dxc-dark-a-cn-color: #bb9af7; + --dxc-dark-a-co-color: #ff9e64; + --dxc-dark-a-cs-color: #9ece6a; + --dxc-dark-a-dr-color: #bb9af7; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #bb9af7; + --dxc-dark-a-f-color: #7aa2f7; + --dxc-dark-a-fb-color: #7dcfff; + --dxc-dark-a-fc-color: #7aa2f7; + --dxc-dark-a-fd-color: #7aa2f7; + --dxc-dark-a-fm-color: #7aa2f7; + --dxc-dark-a-in-color: #bb9af7; + --dxc-dark-a-k-color: #bb9af7; + --dxc-dark-a-kc-color: #bb9af7; + --dxc-dark-a-kd-color: #bb9af7; + --dxc-dark-a-ke-color: #bb9af7; + --dxc-dark-a-kf-color: #bb9af7; + --dxc-dark-a-ki-color: #bb9af7; + --dxc-dark-a-km-color: #bb9af7; + --dxc-dark-a-ko-color: #bb9af7; + --dxc-dark-a-kp-color: #bb9af7; + --dxc-dark-a-kr-color: #bb9af7; + --dxc-dark-a-kt-color: #bb9af7; + --dxc-dark-a-ky-color: #bb9af7; + --dxc-dark-a-l-color: #ff9e64; + --dxc-dark-a-m-color: #7dcfff; + --dxc-dark-a-n-color: #ff9e64; + --dxc-dark-a-o-color: #89ddff; + --dxc-dark-a-p-color: #a9b1d6; + --dxc-dark-a-pb-color: #a9b1d6; + --dxc-dark-a-pd-color: #a9b1d6; + --dxc-dark-a-pp-color: #bb9af7; + --dxc-dark-a-pr-color: #7aa2f7; + --dxc-dark-a-ps-color: #89ddff; + --dxc-dark-a-rp-color: #bb9af7; + --dxc-dark-a-rx-color: #9ece6a; + --dxc-dark-a-s-color: #9ece6a; + --dxc-dark-a-sc-color: #bb9af7; + --dxc-dark-a-se-color: #89ddff; + --dxc-dark-a-sp-color: #a9b1d6; + --dxc-dark-a-ss-color: #f7768e; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #2ac3de; + --dxc-dark-a-tb-color: #2ac3de; + --dxc-dark-a-td-color: #f7768e; + --dxc-dark-a-te-color: #f7768e; + --dxc-dark-a-tf-color: #2ac3de; + --dxc-dark-a-tg-color: #f7768e; + --dxc-dark-a-tl-color: #a9b1d6; + --dxc-dark-a-tq-color: #2ac3de; + --dxc-dark-a-tr-color: #7dcfff; + --dxc-dark-a-tt-color: #bb9af7; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #7aa2f7; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #c0caf5; + --dxc-dark-a-vb-color: #f7768e; + --dxc-dark-a-vm-color: #c0caf5; + --dxc-dark-a-vp-color: #e0af68; +} diff --git a/assets/generated/arborium-themes/tokyo-night-system-light.css b/assets/generated/arborium-themes/tokyo-night-system-light.css new file mode 100644 index 0000000..332c1e4 --- /dev/null +++ b/assets/generated/arborium-themes/tokyo-night-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-tokyo-night { + --dxc-light-background: #1a1b26; + --dxc-light-var-bg: #1a1b26; + --dxc-light-var-surface: #2c2d37; + --dxc-light-color: #a9b1d6; + --dxc-light-var-fg: #a9b1d6; + --dxc-light-var-accent: #7aa2f7; + --dxc-light-var-muted: #565f89; + --dxc-light-a-at-color: #e0af68; + --dxc-light-a-c-color: #565f89; + --dxc-light-a-cb-color: #ff9e64; + --dxc-light-a-cd-color: #565f89; + --dxc-light-a-ch-color: #9ece6a; + --dxc-light-a-cn-color: #bb9af7; + --dxc-light-a-co-color: #ff9e64; + --dxc-light-a-cs-color: #9ece6a; + --dxc-light-a-dr-color: #bb9af7; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #bb9af7; + --dxc-light-a-f-color: #7aa2f7; + --dxc-light-a-fb-color: #7dcfff; + --dxc-light-a-fc-color: #7aa2f7; + --dxc-light-a-fd-color: #7aa2f7; + --dxc-light-a-fm-color: #7aa2f7; + --dxc-light-a-in-color: #bb9af7; + --dxc-light-a-k-color: #bb9af7; + --dxc-light-a-kc-color: #bb9af7; + --dxc-light-a-kd-color: #bb9af7; + --dxc-light-a-ke-color: #bb9af7; + --dxc-light-a-kf-color: #bb9af7; + --dxc-light-a-ki-color: #bb9af7; + --dxc-light-a-km-color: #bb9af7; + --dxc-light-a-ko-color: #bb9af7; + --dxc-light-a-kp-color: #bb9af7; + --dxc-light-a-kr-color: #bb9af7; + --dxc-light-a-kt-color: #bb9af7; + --dxc-light-a-ky-color: #bb9af7; + --dxc-light-a-l-color: #ff9e64; + --dxc-light-a-m-color: #7dcfff; + --dxc-light-a-n-color: #ff9e64; + --dxc-light-a-o-color: #89ddff; + --dxc-light-a-p-color: #a9b1d6; + --dxc-light-a-pb-color: #a9b1d6; + --dxc-light-a-pd-color: #a9b1d6; + --dxc-light-a-pp-color: #bb9af7; + --dxc-light-a-pr-color: #7aa2f7; + --dxc-light-a-ps-color: #89ddff; + --dxc-light-a-rp-color: #bb9af7; + --dxc-light-a-rx-color: #9ece6a; + --dxc-light-a-s-color: #9ece6a; + --dxc-light-a-sc-color: #bb9af7; + --dxc-light-a-se-color: #89ddff; + --dxc-light-a-sp-color: #a9b1d6; + --dxc-light-a-ss-color: #f7768e; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #2ac3de; + --dxc-light-a-tb-color: #2ac3de; + --dxc-light-a-td-color: #f7768e; + --dxc-light-a-te-color: #f7768e; + --dxc-light-a-tf-color: #2ac3de; + --dxc-light-a-tg-color: #f7768e; + --dxc-light-a-tl-color: #a9b1d6; + --dxc-light-a-tq-color: #2ac3de; + --dxc-light-a-tr-color: #7dcfff; + --dxc-light-a-tt-color: #bb9af7; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #7aa2f7; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #c0caf5; + --dxc-light-a-vb-color: #f7768e; + --dxc-light-a-vm-color: #c0caf5; + --dxc-light-a-vp-color: #e0af68; +} diff --git a/assets/generated/arborium-themes/tokyo-night.css b/assets/generated/arborium-themes/tokyo-night.css index 9d476e9..1c1ff2a 100644 --- a/assets/generated/arborium-themes/tokyo-night.css +++ b/assets/generated/arborium-themes/tokyo-night.css @@ -1,72 +1,74 @@ .dxc-tokyo-night { - background: #1a1b26; - --bg: #1a1b26; - --surface: #2c2d37; - color: #a9b1d6; - --fg: #a9b1d6; - --accent: #7aa2f7; - --muted: #565f89; + --dxc-light-background: #1a1b26; + --dxc-light-var-bg: #1a1b26; + --dxc-light-var-surface: #2c2d37; + --dxc-light-color: #a9b1d6; + --dxc-light-var-fg: #a9b1d6; + --dxc-light-var-accent: #7aa2f7; + --dxc-light-var-muted: #565f89; + --dxc-light-a-at-color: #e0af68; + --dxc-light-a-c-color: #565f89; + --dxc-light-a-cb-color: #ff9e64; + --dxc-light-a-cd-color: #565f89; + --dxc-light-a-ch-color: #9ece6a; + --dxc-light-a-cn-color: #bb9af7; + --dxc-light-a-co-color: #ff9e64; + --dxc-light-a-cs-color: #9ece6a; + --dxc-light-a-dr-color: #bb9af7; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #bb9af7; + --dxc-light-a-f-color: #7aa2f7; + --dxc-light-a-fb-color: #7dcfff; + --dxc-light-a-fc-color: #7aa2f7; + --dxc-light-a-fd-color: #7aa2f7; + --dxc-light-a-fm-color: #7aa2f7; + --dxc-light-a-in-color: #bb9af7; + --dxc-light-a-k-color: #bb9af7; + --dxc-light-a-kc-color: #bb9af7; + --dxc-light-a-kd-color: #bb9af7; + --dxc-light-a-ke-color: #bb9af7; + --dxc-light-a-kf-color: #bb9af7; + --dxc-light-a-ki-color: #bb9af7; + --dxc-light-a-km-color: #bb9af7; + --dxc-light-a-ko-color: #bb9af7; + --dxc-light-a-kp-color: #bb9af7; + --dxc-light-a-kr-color: #bb9af7; + --dxc-light-a-kt-color: #bb9af7; + --dxc-light-a-ky-color: #bb9af7; + --dxc-light-a-l-color: #ff9e64; + --dxc-light-a-m-color: #7dcfff; + --dxc-light-a-n-color: #ff9e64; + --dxc-light-a-o-color: #89ddff; + --dxc-light-a-p-color: #a9b1d6; + --dxc-light-a-pb-color: #a9b1d6; + --dxc-light-a-pd-color: #a9b1d6; + --dxc-light-a-pp-color: #bb9af7; + --dxc-light-a-pr-color: #7aa2f7; + --dxc-light-a-ps-color: #89ddff; + --dxc-light-a-rp-color: #bb9af7; + --dxc-light-a-rx-color: #9ece6a; + --dxc-light-a-s-color: #9ece6a; + --dxc-light-a-sc-color: #bb9af7; + --dxc-light-a-se-color: #89ddff; + --dxc-light-a-sp-color: #a9b1d6; + --dxc-light-a-ss-color: #f7768e; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #2ac3de; + --dxc-light-a-tb-color: #2ac3de; + --dxc-light-a-td-color: #f7768e; + --dxc-light-a-te-color: #f7768e; + --dxc-light-a-tf-color: #2ac3de; + --dxc-light-a-tg-color: #f7768e; + --dxc-light-a-tl-color: #a9b1d6; + --dxc-light-a-tq-color: #2ac3de; + --dxc-light-a-tr-color: #7dcfff; + --dxc-light-a-tt-color: #bb9af7; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #7aa2f7; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #c0caf5; + --dxc-light-a-vb-color: #f7768e; + --dxc-light-a-vm-color: #c0caf5; + --dxc-light-a-vp-color: #e0af68; } -.dxc-tokyo-night .a-at { color: #e0af68; } -.dxc-tokyo-night .a-co { color: #ff9e64; } -.dxc-tokyo-night .a-cb { color: #ff9e64; } -.dxc-tokyo-night .a-fb { color: #7dcfff; } -.dxc-tokyo-night .a-f { color: #7aa2f7; } -.dxc-tokyo-night .a-fm { color: #7aa2f7; } -.dxc-tokyo-night .a-k { color: #bb9af7; } -.dxc-tokyo-night .a-kc { color: #bb9af7; } -.dxc-tokyo-night .a-ko { color: #bb9af7; } -.dxc-tokyo-night .a-kd { color: #bb9af7; } -.dxc-tokyo-night .a-ke { color: #bb9af7; } -.dxc-tokyo-night .a-kf { color: #bb9af7; } -.dxc-tokyo-night .a-ki { color: #bb9af7; } -.dxc-tokyo-night .a-kp { color: #bb9af7; } -.dxc-tokyo-night .a-kr { color: #bb9af7; } -.dxc-tokyo-night .a-kt { color: #bb9af7; } -.dxc-tokyo-night .a-ky { color: #bb9af7; } -.dxc-tokyo-night .a-o { color: #89ddff; } -.dxc-tokyo-night .a-pr { color: #7aa2f7; } -.dxc-tokyo-night .a-p { color: #a9b1d6; } -.dxc-tokyo-night .a-pb { color: #a9b1d6; } -.dxc-tokyo-night .a-pd { color: #a9b1d6; } -.dxc-tokyo-night .a-ps { color: #89ddff; } -.dxc-tokyo-night .a-s { color: #9ece6a; } -.dxc-tokyo-night .a-ss { color: #f7768e; } -.dxc-tokyo-night .a-tg { color: #f7768e; } -.dxc-tokyo-night .a-td { color: #f7768e; } -.dxc-tokyo-night .a-te { color: #f7768e; } -.dxc-tokyo-night .a-t { color: #2ac3de; } -.dxc-tokyo-night .a-tb { color: #2ac3de; } -.dxc-tokyo-night .a-tq { color: #2ac3de; } -.dxc-tokyo-night .a-v { color: #c0caf5; } -.dxc-tokyo-night .a-vb { color: #f7768e; } -.dxc-tokyo-night .a-vp { color: #e0af68; } -.dxc-tokyo-night .a-c { color: #565f89; } -.dxc-tokyo-night .a-cd { color: #565f89; } -.dxc-tokyo-night .a-m { color: #7dcfff; } -.dxc-tokyo-night .a-l { color: #ff9e64; } -.dxc-tokyo-night .a-n { color: #ff9e64; } -.dxc-tokyo-night .a-tl { color: #a9b1d6; } -.dxc-tokyo-night .a-em { font-style: italic; } -.dxc-tokyo-night .a-st { font-weight: bold; } -.dxc-tokyo-night .a-tu { color: #7aa2f7; text-decoration: underline; } -.dxc-tokyo-night .a-tr { color: #7dcfff; } -.dxc-tokyo-night .a-se { color: #89ddff; } -.dxc-tokyo-night .a-tt { color: #bb9af7; font-weight: bold; } -.dxc-tokyo-night .a-tx { text-decoration: line-through; } -.dxc-tokyo-night .a-sp { color: #a9b1d6; } -.dxc-tokyo-night .a-in { color: #bb9af7; } -.dxc-tokyo-night .a-sc { color: #bb9af7; } -.dxc-tokyo-night .a-rp { color: #bb9af7; } -.dxc-tokyo-night .a-cn { color: #bb9af7; } -.dxc-tokyo-night .a-ex { color: #bb9af7; } -.dxc-tokyo-night .a-pp { color: #bb9af7; } -.dxc-tokyo-night .a-ch { color: #9ece6a; } -.dxc-tokyo-night .a-cs { color: #9ece6a; } -.dxc-tokyo-night .a-vm { color: #c0caf5; } -.dxc-tokyo-night .a-fd { color: #7aa2f7; } -.dxc-tokyo-night .a-tf { color: #2ac3de; } -.dxc-tokyo-night .a-fc { color: #7aa2f7; } -.dxc-tokyo-night .a-km { color: #bb9af7; } -.dxc-tokyo-night .a-dr { color: #bb9af7; } -.dxc-tokyo-night .a-rx { color: #9ece6a; } diff --git a/assets/generated/arborium-themes/zenburn-system-dark.css b/assets/generated/arborium-themes/zenburn-system-dark.css new file mode 100644 index 0000000..6fa58be --- /dev/null +++ b/assets/generated/arborium-themes/zenburn-system-dark.css @@ -0,0 +1,74 @@ +.dxc-system-dark-zenburn { + --dxc-dark-background: #3f3f3f; + --dxc-dark-var-bg: #3f3f3f; + --dxc-dark-var-surface: #4e4e4e; + --dxc-dark-color: #dcdccc; + --dxc-dark-var-fg: #dcdccc; + --dxc-dark-var-accent: #efef8f; + --dxc-dark-var-muted: #7f9f7f; + --dxc-dark-a-at-color: #dfaf8f; + --dxc-dark-a-c-color: #7f9f7f; + --dxc-dark-a-cb-color: #dca3a3; + --dxc-dark-a-cd-color: #7f9f7f; + --dxc-dark-a-ch-color: #cc9393; + --dxc-dark-a-cn-color: #f0dfaf; + --dxc-dark-a-co-color: #dca3a3; + --dxc-dark-a-cs-color: #cc9393; + --dxc-dark-a-dr-color: #f0dfaf; + --dxc-dark-a-em-font-style: italic; + --dxc-dark-a-ex-color: #f0dfaf; + --dxc-dark-a-f-color: #efef8f; + --dxc-dark-a-fb-color: #efef8f; + --dxc-dark-a-fc-color: #efef8f; + --dxc-dark-a-fd-color: #efef8f; + --dxc-dark-a-fm-color: #efef8f; + --dxc-dark-a-in-color: #f0dfaf; + --dxc-dark-a-k-color: #f0dfaf; + --dxc-dark-a-kc-color: #f0dfaf; + --dxc-dark-a-kd-color: #f0dfaf; + --dxc-dark-a-ke-color: #f0dfaf; + --dxc-dark-a-kf-color: #f0dfaf; + --dxc-dark-a-ki-color: #f0dfaf; + --dxc-dark-a-km-color: #f0dfaf; + --dxc-dark-a-ko-color: #f0dfaf; + --dxc-dark-a-kp-color: #f0dfaf; + --dxc-dark-a-kr-color: #f0dfaf; + --dxc-dark-a-kt-color: #f0dfaf; + --dxc-dark-a-ky-color: #f0dfaf; + --dxc-dark-a-l-color: #8cd0d3; + --dxc-dark-a-m-color: #dfaf8f; + --dxc-dark-a-n-color: #8cd0d3; + --dxc-dark-a-o-color: #dcdccc; + --dxc-dark-a-p-color: #dcdccc; + --dxc-dark-a-pb-color: #dcdccc; + --dxc-dark-a-pd-color: #dcdccc; + --dxc-dark-a-pp-color: #f0dfaf; + --dxc-dark-a-pr-color: #dcdccc; + --dxc-dark-a-ps-color: #dca3a3; + --dxc-dark-a-rp-color: #f0dfaf; + --dxc-dark-a-rx-color: #cc9393; + --dxc-dark-a-s-color: #cc9393; + --dxc-dark-a-sc-color: #f0dfaf; + --dxc-dark-a-se-color: #dca3a3; + --dxc-dark-a-sp-color: #dcdccc; + --dxc-dark-a-ss-color: #dca3a3; + --dxc-dark-a-st-font-weight: bold; + --dxc-dark-a-t-color: #dfdfbf; + --dxc-dark-a-tb-color: #dfdfbf; + --dxc-dark-a-td-color: #efef8f; + --dxc-dark-a-te-color: #efef8f; + --dxc-dark-a-tf-color: #dfdfbf; + --dxc-dark-a-tg-color: #efef8f; + --dxc-dark-a-tl-color: #dcdccc; + --dxc-dark-a-tq-color: #dfdfbf; + --dxc-dark-a-tr-color: #8cd0d3; + --dxc-dark-a-tt-color: #efef8f; + --dxc-dark-a-tt-font-weight: bold; + --dxc-dark-a-tu-color: #8cd0d3; + --dxc-dark-a-tu-text-decoration: underline; + --dxc-dark-a-tx-text-decoration: line-through; + --dxc-dark-a-v-color: #dcdccc; + --dxc-dark-a-vb-color: #dca3a3; + --dxc-dark-a-vm-color: #dcdccc; + --dxc-dark-a-vp-color: #dcdccc; +} diff --git a/assets/generated/arborium-themes/zenburn-system-light.css b/assets/generated/arborium-themes/zenburn-system-light.css new file mode 100644 index 0000000..b76d56b --- /dev/null +++ b/assets/generated/arborium-themes/zenburn-system-light.css @@ -0,0 +1,74 @@ +.dxc-system-light-zenburn { + --dxc-light-background: #3f3f3f; + --dxc-light-var-bg: #3f3f3f; + --dxc-light-var-surface: #4e4e4e; + --dxc-light-color: #dcdccc; + --dxc-light-var-fg: #dcdccc; + --dxc-light-var-accent: #efef8f; + --dxc-light-var-muted: #7f9f7f; + --dxc-light-a-at-color: #dfaf8f; + --dxc-light-a-c-color: #7f9f7f; + --dxc-light-a-cb-color: #dca3a3; + --dxc-light-a-cd-color: #7f9f7f; + --dxc-light-a-ch-color: #cc9393; + --dxc-light-a-cn-color: #f0dfaf; + --dxc-light-a-co-color: #dca3a3; + --dxc-light-a-cs-color: #cc9393; + --dxc-light-a-dr-color: #f0dfaf; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #f0dfaf; + --dxc-light-a-f-color: #efef8f; + --dxc-light-a-fb-color: #efef8f; + --dxc-light-a-fc-color: #efef8f; + --dxc-light-a-fd-color: #efef8f; + --dxc-light-a-fm-color: #efef8f; + --dxc-light-a-in-color: #f0dfaf; + --dxc-light-a-k-color: #f0dfaf; + --dxc-light-a-kc-color: #f0dfaf; + --dxc-light-a-kd-color: #f0dfaf; + --dxc-light-a-ke-color: #f0dfaf; + --dxc-light-a-kf-color: #f0dfaf; + --dxc-light-a-ki-color: #f0dfaf; + --dxc-light-a-km-color: #f0dfaf; + --dxc-light-a-ko-color: #f0dfaf; + --dxc-light-a-kp-color: #f0dfaf; + --dxc-light-a-kr-color: #f0dfaf; + --dxc-light-a-kt-color: #f0dfaf; + --dxc-light-a-ky-color: #f0dfaf; + --dxc-light-a-l-color: #8cd0d3; + --dxc-light-a-m-color: #dfaf8f; + --dxc-light-a-n-color: #8cd0d3; + --dxc-light-a-o-color: #dcdccc; + --dxc-light-a-p-color: #dcdccc; + --dxc-light-a-pb-color: #dcdccc; + --dxc-light-a-pd-color: #dcdccc; + --dxc-light-a-pp-color: #f0dfaf; + --dxc-light-a-pr-color: #dcdccc; + --dxc-light-a-ps-color: #dca3a3; + --dxc-light-a-rp-color: #f0dfaf; + --dxc-light-a-rx-color: #cc9393; + --dxc-light-a-s-color: #cc9393; + --dxc-light-a-sc-color: #f0dfaf; + --dxc-light-a-se-color: #dca3a3; + --dxc-light-a-sp-color: #dcdccc; + --dxc-light-a-ss-color: #dca3a3; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #dfdfbf; + --dxc-light-a-tb-color: #dfdfbf; + --dxc-light-a-td-color: #efef8f; + --dxc-light-a-te-color: #efef8f; + --dxc-light-a-tf-color: #dfdfbf; + --dxc-light-a-tg-color: #efef8f; + --dxc-light-a-tl-color: #dcdccc; + --dxc-light-a-tq-color: #dfdfbf; + --dxc-light-a-tr-color: #8cd0d3; + --dxc-light-a-tt-color: #efef8f; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #8cd0d3; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #dcdccc; + --dxc-light-a-vb-color: #dca3a3; + --dxc-light-a-vm-color: #dcdccc; + --dxc-light-a-vp-color: #dcdccc; +} diff --git a/assets/generated/arborium-themes/zenburn.css b/assets/generated/arborium-themes/zenburn.css index 8d505a6..f9011cb 100644 --- a/assets/generated/arborium-themes/zenburn.css +++ b/assets/generated/arborium-themes/zenburn.css @@ -1,72 +1,74 @@ .dxc-zenburn { - background: #3f3f3f; - --bg: #3f3f3f; - --surface: #4e4e4e; - color: #dcdccc; - --fg: #dcdccc; - --accent: #efef8f; - --muted: #7f9f7f; + --dxc-light-background: #3f3f3f; + --dxc-light-var-bg: #3f3f3f; + --dxc-light-var-surface: #4e4e4e; + --dxc-light-color: #dcdccc; + --dxc-light-var-fg: #dcdccc; + --dxc-light-var-accent: #efef8f; + --dxc-light-var-muted: #7f9f7f; + --dxc-light-a-at-color: #dfaf8f; + --dxc-light-a-c-color: #7f9f7f; + --dxc-light-a-cb-color: #dca3a3; + --dxc-light-a-cd-color: #7f9f7f; + --dxc-light-a-ch-color: #cc9393; + --dxc-light-a-cn-color: #f0dfaf; + --dxc-light-a-co-color: #dca3a3; + --dxc-light-a-cs-color: #cc9393; + --dxc-light-a-dr-color: #f0dfaf; + --dxc-light-a-em-font-style: italic; + --dxc-light-a-ex-color: #f0dfaf; + --dxc-light-a-f-color: #efef8f; + --dxc-light-a-fb-color: #efef8f; + --dxc-light-a-fc-color: #efef8f; + --dxc-light-a-fd-color: #efef8f; + --dxc-light-a-fm-color: #efef8f; + --dxc-light-a-in-color: #f0dfaf; + --dxc-light-a-k-color: #f0dfaf; + --dxc-light-a-kc-color: #f0dfaf; + --dxc-light-a-kd-color: #f0dfaf; + --dxc-light-a-ke-color: #f0dfaf; + --dxc-light-a-kf-color: #f0dfaf; + --dxc-light-a-ki-color: #f0dfaf; + --dxc-light-a-km-color: #f0dfaf; + --dxc-light-a-ko-color: #f0dfaf; + --dxc-light-a-kp-color: #f0dfaf; + --dxc-light-a-kr-color: #f0dfaf; + --dxc-light-a-kt-color: #f0dfaf; + --dxc-light-a-ky-color: #f0dfaf; + --dxc-light-a-l-color: #8cd0d3; + --dxc-light-a-m-color: #dfaf8f; + --dxc-light-a-n-color: #8cd0d3; + --dxc-light-a-o-color: #dcdccc; + --dxc-light-a-p-color: #dcdccc; + --dxc-light-a-pb-color: #dcdccc; + --dxc-light-a-pd-color: #dcdccc; + --dxc-light-a-pp-color: #f0dfaf; + --dxc-light-a-pr-color: #dcdccc; + --dxc-light-a-ps-color: #dca3a3; + --dxc-light-a-rp-color: #f0dfaf; + --dxc-light-a-rx-color: #cc9393; + --dxc-light-a-s-color: #cc9393; + --dxc-light-a-sc-color: #f0dfaf; + --dxc-light-a-se-color: #dca3a3; + --dxc-light-a-sp-color: #dcdccc; + --dxc-light-a-ss-color: #dca3a3; + --dxc-light-a-st-font-weight: bold; + --dxc-light-a-t-color: #dfdfbf; + --dxc-light-a-tb-color: #dfdfbf; + --dxc-light-a-td-color: #efef8f; + --dxc-light-a-te-color: #efef8f; + --dxc-light-a-tf-color: #dfdfbf; + --dxc-light-a-tg-color: #efef8f; + --dxc-light-a-tl-color: #dcdccc; + --dxc-light-a-tq-color: #dfdfbf; + --dxc-light-a-tr-color: #8cd0d3; + --dxc-light-a-tt-color: #efef8f; + --dxc-light-a-tt-font-weight: bold; + --dxc-light-a-tu-color: #8cd0d3; + --dxc-light-a-tu-text-decoration: underline; + --dxc-light-a-tx-text-decoration: line-through; + --dxc-light-a-v-color: #dcdccc; + --dxc-light-a-vb-color: #dca3a3; + --dxc-light-a-vm-color: #dcdccc; + --dxc-light-a-vp-color: #dcdccc; } -.dxc-zenburn .a-at { color: #dfaf8f; } -.dxc-zenburn .a-co { color: #dca3a3; } -.dxc-zenburn .a-cb { color: #dca3a3; } -.dxc-zenburn .a-fb { color: #efef8f; } -.dxc-zenburn .a-f { color: #efef8f; } -.dxc-zenburn .a-fm { color: #efef8f; } -.dxc-zenburn .a-k { color: #f0dfaf; } -.dxc-zenburn .a-kc { color: #f0dfaf; } -.dxc-zenburn .a-ko { color: #f0dfaf; } -.dxc-zenburn .a-kd { color: #f0dfaf; } -.dxc-zenburn .a-ke { color: #f0dfaf; } -.dxc-zenburn .a-kf { color: #f0dfaf; } -.dxc-zenburn .a-ki { color: #f0dfaf; } -.dxc-zenburn .a-kp { color: #f0dfaf; } -.dxc-zenburn .a-kr { color: #f0dfaf; } -.dxc-zenburn .a-kt { color: #f0dfaf; } -.dxc-zenburn .a-ky { color: #f0dfaf; } -.dxc-zenburn .a-o { color: #dcdccc; } -.dxc-zenburn .a-pr { color: #dcdccc; } -.dxc-zenburn .a-p { color: #dcdccc; } -.dxc-zenburn .a-pb { color: #dcdccc; } -.dxc-zenburn .a-pd { color: #dcdccc; } -.dxc-zenburn .a-ps { color: #dca3a3; } -.dxc-zenburn .a-s { color: #cc9393; } -.dxc-zenburn .a-ss { color: #dca3a3; } -.dxc-zenburn .a-tg { color: #efef8f; } -.dxc-zenburn .a-td { color: #efef8f; } -.dxc-zenburn .a-te { color: #efef8f; } -.dxc-zenburn .a-t { color: #dfdfbf; } -.dxc-zenburn .a-tb { color: #dfdfbf; } -.dxc-zenburn .a-tq { color: #dfdfbf; } -.dxc-zenburn .a-v { color: #dcdccc; } -.dxc-zenburn .a-vb { color: #dca3a3; } -.dxc-zenburn .a-vp { color: #dcdccc; } -.dxc-zenburn .a-c { color: #7f9f7f; } -.dxc-zenburn .a-cd { color: #7f9f7f; } -.dxc-zenburn .a-m { color: #dfaf8f; } -.dxc-zenburn .a-l { color: #8cd0d3; } -.dxc-zenburn .a-n { color: #8cd0d3; } -.dxc-zenburn .a-tl { color: #dcdccc; } -.dxc-zenburn .a-em { font-style: italic; } -.dxc-zenburn .a-st { font-weight: bold; } -.dxc-zenburn .a-tu { color: #8cd0d3; text-decoration: underline; } -.dxc-zenburn .a-tr { color: #8cd0d3; } -.dxc-zenburn .a-se { color: #dca3a3; } -.dxc-zenburn .a-tt { color: #efef8f; font-weight: bold; } -.dxc-zenburn .a-tx { text-decoration: line-through; } -.dxc-zenburn .a-sp { color: #dcdccc; } -.dxc-zenburn .a-in { color: #f0dfaf; } -.dxc-zenburn .a-sc { color: #f0dfaf; } -.dxc-zenburn .a-rp { color: #f0dfaf; } -.dxc-zenburn .a-cn { color: #f0dfaf; } -.dxc-zenburn .a-ex { color: #f0dfaf; } -.dxc-zenburn .a-pp { color: #f0dfaf; } -.dxc-zenburn .a-ch { color: #cc9393; } -.dxc-zenburn .a-cs { color: #cc9393; } -.dxc-zenburn .a-vm { color: #dcdccc; } -.dxc-zenburn .a-fd { color: #efef8f; } -.dxc-zenburn .a-tf { color: #dfdfbf; } -.dxc-zenburn .a-fc { color: #efef8f; } -.dxc-zenburn .a-km { color: #f0dfaf; } -.dxc-zenburn .a-dr { color: #f0dfaf; } -.dxc-zenburn .a-rx { color: #cc9393; } diff --git a/build.rs b/build.rs index cb4cc2c..96efb3b 100644 --- a/build.rs +++ b/build.rs @@ -1,4 +1,6 @@ +use std::collections::BTreeMap; use std::env; +use std::fmt::Write as _; use std::fs; use std::path::PathBuf; @@ -9,6 +11,36 @@ struct ThemeDef { theme: arborium::theme::Theme, } +struct ParsedTheme { + const_name: &'static str, + name: String, + css_file: String, + system_light_css_file: String, + system_dark_css_file: String, + class: String, + system_light_class: String, + system_dark_class: String, + rules: ThemeRules, +} + +#[derive(Default)] +struct ThemeRules { + base: Vec, + tags: BTreeMap>, +} + +#[derive(Clone)] +struct Declaration { + property: String, + value: String, +} + +#[derive(Default)] +struct SharedRules { + base: Vec, + tags: BTreeMap>, +} + fn main() { println!("cargo:rerun-if-changed=build.rs"); @@ -16,32 +48,55 @@ fn main() { let asset_dir = manifest_dir.join("assets/generated/arborium-themes"); fs::create_dir_all(&asset_dir).unwrap(); - let themes = themes(); + let themes: Vec<_> = themes().into_iter().map(parse_theme).collect(); + let mut shared_rules = SharedRules::default(); let mut generated = String::from( r#"impl Theme { + /// Shared stylesheet for syntax token rules and CSS-only system theme selection. + pub const THEME_CSS: Asset = asset!("/assets/generated/arborium-themes/dioxus-code-theme.css"); "#, ); - for theme in themes { - let name = slug(&theme.theme.name); - let css_file = format!("{name}.css"); - let class = format!("dxc-{name}"); - let selector = format!(".{class}"); - let css = flatten_theme_css(&selector, &theme.theme.to_css(&selector)); - fs::write(asset_dir.join(&css_file), css).unwrap(); + for theme in &themes { + shared_rules.insert(&theme.rules); + fs::write(asset_dir.join(&theme.css_file), fixed_theme_css(theme)).unwrap(); + fs::write( + asset_dir.join(&theme.system_light_css_file), + system_slot_css(&theme.system_light_class, "light", &theme.rules), + ) + .unwrap(); + fs::write( + asset_dir.join(&theme.system_dark_css_file), + system_slot_css(&theme.system_dark_class, "dark", &theme.rules), + ) + .unwrap(); generated.push_str(&format!( " /// Stylesheet asset for the `{name}` theme.\n pub const {const_name}_CSS: Asset = asset!(\"/assets/generated/arborium-themes/{css_file}\");\n", const_name = theme.const_name, - css_file = css_file, - name = name, + css_file = theme.css_file, + name = theme.name, + )); + generated.push_str(&format!( + " /// Stylesheet asset for the `{name}` theme's system light variables.\n pub const {const_name}_SYSTEM_LIGHT_CSS: Asset = asset!(\"/assets/generated/arborium-themes/{css_file}\");\n", + const_name = theme.const_name, + css_file = theme.system_light_css_file, + name = theme.name, + )); + generated.push_str(&format!( + " /// Stylesheet asset for the `{name}` theme's system dark variables.\n pub const {const_name}_SYSTEM_DARK_CSS: Asset = asset!(\"/assets/generated/arborium-themes/{css_file}\");\n", + const_name = theme.const_name, + css_file = theme.system_dark_css_file, + name = theme.name, )); generated.push_str(&format!( - " /// The `{name}` syntax theme.\n pub const {const_name}: Self = Self {{ name: \"{name}\", class: \"{class}\", asset: Self::{const_name}_CSS }};\n", + " /// The `{name}` syntax theme.\n pub const {const_name}: Self = Self {{ name: \"{name}\", class: \"{class}\", system_light_class: \"{system_light_class}\", system_dark_class: \"{system_dark_class}\", asset: Self::{const_name}_CSS, system_light_asset: Self::{const_name}_SYSTEM_LIGHT_CSS, system_dark_asset: Self::{const_name}_SYSTEM_DARK_CSS }};\n", const_name = theme.const_name, - name = name, - class = class, + name = theme.name, + class = theme.class, + system_light_class = theme.system_light_class, + system_dark_class = theme.system_dark_class, )); } @@ -50,13 +105,42 @@ fn main() { "#, ); + fs::write( + asset_dir.join("dioxus-code-theme.css"), + shared_theme_css(&shared_rules), + ) + .unwrap(); + let out_dir = PathBuf::from(env::var("OUT_DIR").unwrap()); fs::write(out_dir.join("theme_assets.rs"), generated).unwrap(); } -fn flatten_theme_css(selector: &str, css: &str) -> String { - let mut base = Vec::new(); - let mut nested = Vec::new(); +fn parse_theme(theme: ThemeDef) -> ParsedTheme { + let name = slug(&theme.theme.name); + let css_file = format!("{name}.css"); + let system_light_css_file = format!("{name}-system-light.css"); + let system_dark_css_file = format!("{name}-system-dark.css"); + let class = format!("dxc-{name}"); + let system_light_class = format!("dxc-system-light-{name}"); + let system_dark_class = format!("dxc-system-dark-{name}"); + let selector = format!(".{class}"); + let rules = parse_theme_rules(&theme.theme.to_css(&selector)); + + ParsedTheme { + const_name: theme.const_name, + name, + css_file, + system_light_css_file, + system_dark_css_file, + class, + system_light_class, + system_dark_class, + rules, + } +} + +fn parse_theme_rules(css: &str) -> ThemeRules { + let mut rules = ThemeRules::default(); for line in css.lines().skip(1) { let trimmed = line.trim(); @@ -65,28 +149,161 @@ fn flatten_theme_css(selector: &str, css: &str) -> String { } if trimmed.starts_with("a-") { - let (tag, rest) = trimmed.split_once(' ').unwrap(); - nested.push(format!("{selector} .{tag} {rest}")); + let (tag, body) = trimmed.split_once('{').unwrap(); + let body = body.trim().trim_end_matches('}').trim(); + rules + .tags + .entry(tag.trim().to_string()) + .or_default() + .extend(parse_declarations(body)); } else { - base.push(format!(" {trimmed}")); + rules.base.extend(parse_declarations(trimmed)); } } - let mut flattened = String::new(); - flattened.push_str(selector); - flattened.push_str(" {\n"); - for line in base { - flattened.push_str(&line); - flattened.push('\n'); + rules +} + +fn parse_declarations(input: &str) -> Vec { + input + .split(';') + .filter_map(|declaration| { + let declaration = declaration.trim(); + if declaration.is_empty() { + return None; + } + + let (property, value) = declaration.split_once(':')?; + Some(Declaration { + property: property.trim().to_string(), + value: value.trim().to_string(), + }) + }) + .collect() +} + +fn fixed_theme_css(theme: &ParsedTheme) -> String { + let mut css = String::new(); + + writeln!(css, ".{} {{", theme.class).unwrap(); + write_slot_variables(&mut css, "light", &theme.rules); + css.push_str("}\n"); + + css +} + +fn system_slot_css(selector: &str, slot: &str, rules: &ThemeRules) -> String { + let mut css = String::new(); + + writeln!(css, ".{selector} {{").unwrap(); + write_slot_variables(&mut css, slot, rules); + css.push_str("}\n"); + + css +} + +fn write_slot_variables(css: &mut String, slot: &str, rules: &ThemeRules) { + for declaration in &rules.base { + let variable = base_variable_suffix(&declaration.property); + writeln!(css, " --dxc-{slot}-{variable}: {};", declaration.value).unwrap(); } - flattened.push_str("}\n"); - for line in nested { - flattened.push_str(&line); - flattened.push('\n'); + for (tag, declarations) in &rules.tags { + for declaration in declarations { + let variable = tag_variable_suffix(tag, &declaration.property); + writeln!(css, " --dxc-{slot}-{variable}: {};", declaration.value).unwrap(); + } + } +} + +impl SharedRules { + fn insert(&mut self, rules: &ThemeRules) { + for declaration in &rules.base { + insert_unique(&mut self.base, &declaration.property); + } + + for (tag, declarations) in &rules.tags { + let properties = self.tags.entry(tag.clone()).or_default(); + for declaration in declarations { + insert_unique(properties, &declaration.property); + } + } + } +} + +fn insert_unique(values: &mut Vec, value: &str) { + if !values.iter().any(|existing| existing == value) { + values.push(value.to_string()); + } +} + +fn shared_theme_css(rules: &SharedRules) -> String { + let mut css = String::from( + r#".dxc-system { + --dxc-light-on: initial; + --dxc-dark-on: ; +} + +@media (prefers-color-scheme: dark) { + .dxc-system { + --dxc-light-on: ; + --dxc-dark-on: initial; + } +} + +"#, + ); + + css.push_str(".dxc,\n.dxc-editor {\n"); + for property in &rules.base { + let variable = base_variable_suffix(property); + writeln!(css, " {property}: {};", active_value(&variable)).unwrap(); + } + css.push_str("}\n"); + + for (tag, properties) in &rules.tags { + writeln!(css, ".dxc .{tag},\n.dxc-editor .{tag} {{").unwrap(); + for property in properties { + let variable = tag_variable_suffix(tag, property); + writeln!(css, " {property}: {};", active_value(&variable)).unwrap(); + } + css.push_str("}\n"); + } + + css +} + +fn active_value(variable: &str) -> String { + format!( + "var(--dxc-light-on, var(--dxc-light-{variable},)) var(--dxc-dark-on, var(--dxc-dark-{variable},))" + ) +} + +fn base_variable_suffix(property: &str) -> String { + if let Some(custom_property) = property.strip_prefix("--") { + format!("var-{}", css_identifier(custom_property)) + } else { + css_identifier(property) + } +} + +fn tag_variable_suffix(tag: &str, property: &str) -> String { + format!("{}-{}", css_identifier(tag), base_variable_suffix(property)) +} + +fn css_identifier(input: &str) -> String { + let mut output = String::new(); + + for ch in input.chars() { + match ch { + 'a'..='z' | '0'..='9' => output.push(ch), + 'A'..='Z' => output.push(ch.to_ascii_lowercase()), + '-' | '_' if !output.ends_with('-') => output.push('-'), + _ => {} + } } - flattened + output.trim_matches('-').to_string() } fn themes() -> Vec { diff --git a/code-editor/README.md b/code-editor/README.md index 556bcbf..ea8483e 100644 --- a/code-editor/README.md +++ b/code-editor/README.md @@ -26,7 +26,7 @@ A controlled, syntax-highlighted code editor for Dioxus. Pairs a `contenteditabl dioxus-code-editor = "0.0.1" ``` -```rust +```rust,ignore use dioxus::prelude::*; use dioxus_code::Theme; use dioxus_code_editor::CodeEditor; @@ -55,7 +55,7 @@ The component is controlled — drive `value` from your own signal and update it | `value` | Current editor contents. | | `language` | Arborium language hint, e.g. `"rust"`. | | `name` | Filename used for language detection when `language` is empty. | -| `theme` | Syntax theme shared with `dioxus-code`. | +| `theme` | Syntax theme selection shared with `dioxus-code`; accepts `Theme` or `CodeTheme`. | | `line_numbers` | Show a one-based line gutter. Defaults to `true`. | | `read_only` | Disable editing while preserving highlighting. | | `spellcheck` | Forward `spellcheck` to the input layer. | diff --git a/code-editor/assets/dioxus-code-editor.css b/code-editor/assets/dioxus-code-editor.css index f86c59d..c96c7dc 100644 --- a/code-editor/assets/dioxus-code-editor.css +++ b/code-editor/assets/dioxus-code-editor.css @@ -7,6 +7,7 @@ min-height: 0; overflow: auto; tab-size: 4; + transition: box-shadow 160ms ease; } .dxc-editor *, diff --git a/code-editor/src/lib.rs b/code-editor/src/lib.rs index 93a68ce..9cf8d88 100644 --- a/code-editor/src/lib.rs +++ b/code-editor/src/lib.rs @@ -2,7 +2,7 @@ #![warn(missing_docs)] use dioxus::prelude::*; -use dioxus_code::{CodeSpan, HighlightSpan, IntoTree, SourceCode, Theme}; +use dioxus_code::{CodeSpan, CodeTheme, HighlightSpan, IntoTree, SourceCode, Theme}; use std::{cell::RefCell, rc::Rc}; /// Base stylesheet injected by [`CodeEditor`]. @@ -20,9 +20,9 @@ pub struct CodeEditorProps { /// Optional file name used for language detection when `language` is empty. #[props(into, default)] pub name: String, - /// Syntax theme shared with `dioxus-code`. - #[props(default)] - pub theme: Theme, + /// Syntax theme selection shared with `dioxus-code`. + #[props(default, into)] + pub theme: CodeTheme, /// Show a gutter with one-based line numbers. #[props(default = true)] pub line_numbers: bool, @@ -71,8 +71,6 @@ pub fn CodeEditor(props: CodeEditorProps) -> Element { let tree = source_code.into_tree(); let lines = editor_lines(tree.source(), tree.spans()); let line_count = lines.len(); - let theme_asset = props.theme.asset(); - let theme_key = props.theme.name(); let class = editor_class(props.theme, props.line_numbers, &props.class); let (input_value, input_version) = synced_input_value(&input_sync, &props.value); let contenteditable = if props.read_only { @@ -83,7 +81,7 @@ pub fn CodeEditor(props: CodeEditorProps) -> Element { let readonly = props.read_only.then_some("true"); rsx! { - {rsx!{document::Stylesheet { key: "{theme_key}", href: theme_asset }}} + EditorThemeStyles { theme: props.theme } document::Stylesheet { href: CODE_EDITOR_CSS } div { class, @@ -133,6 +131,35 @@ pub fn CodeEditor(props: CodeEditorProps) -> Element { } } +#[component] +fn EditorThemeStyles(theme: CodeTheme) -> Element { + let shared_theme_css = Theme::THEME_CSS; + + match theme { + CodeTheme::Fixed(theme) => { + let theme_asset = theme.asset(); + let theme_key = theme.name(); + + rsx! { + document::Stylesheet { href: shared_theme_css } + {rsx!{document::Stylesheet { key: "{theme_key}", href: theme_asset }}} + } + } + CodeTheme::System { light, dark } => { + let light_asset = light.system_light_asset(); + let dark_asset = dark.system_dark_asset(); + let light_key = format!("{}-system-light", light.name()); + let dark_key = format!("{}-system-dark", dark.name()); + + rsx! { + document::Stylesheet { href: shared_theme_css } + {rsx!{document::Stylesheet { key: "{light_key}", href: light_asset }}} + {rsx!{document::Stylesheet { key: "{dark_key}", href: dark_asset }}} + } + } + } +} + #[derive(Debug)] struct InputSyncState { rendered_value: String, @@ -152,8 +179,8 @@ fn synced_input_value(input_sync: &Rc>, value: &str) -> (state.rendered_value.clone(), state.version) } -fn editor_class(theme: Theme, line_numbers: bool, extra_class: &str) -> String { - let mut class = format!("dxc-editor {}", theme.class()); +fn editor_class(theme: impl Into, line_numbers: bool, extra_class: &str) -> String { + let mut class = format!("dxc-editor {}", theme.into().classes()); if !line_numbers { class.push_str(" dxc-editor-no-gutter"); } @@ -275,6 +302,18 @@ mod tests { ); } + #[test] + fn editor_class_can_use_system_theme() { + assert_eq!( + editor_class( + CodeTheme::system(Theme::GITHUB_LIGHT, Theme::TOKYO_NIGHT), + true, + "", + ), + "dxc-editor dxc-system dxc-system-light-github-light dxc-system-dark-tokyo-night", + ); + } + #[test] fn lines_preserve_trailing_empty_line() { let lines = editor_lines("let x = 1;\n", &[]); diff --git a/demo/Cargo.toml b/demo/Cargo.toml index 2757bf0..96f3521 100644 --- a/demo/Cargo.toml +++ b/demo/Cargo.toml @@ -13,10 +13,35 @@ publish = false dioxus = { version = "0.7.0", features = ["router"] } dioxus-code = { workspace = true, features = ["runtime", "lang-python", "lang-toml"] } dioxus-code-editor = { workspace = true } +dioxus-primitives = { git = "https://github.com/DioxusLabs/components", version = "0.0.1", default-features = false, features = ["router"] } [features] default = ["desktop"] desktop = ["dioxus/desktop"] -web = ["dioxus/web"] +web = ["dioxus/web", "dioxus-primitives/web"] fullstack = ["dioxus/fullstack"] server = ["dioxus/server", "dioxus/fullstack"] + +[[example]] +name = "snippet-starter" +path = "snippets/starter.rs" + +[[example]] +name = "snippet-demo" +path = "snippets/demo.rs" + +[[example]] +name = "snippet-runtime" +path = "snippets/runtime.rs" + +[[example]] +name = "snippet-static-macro" +path = "snippets/static_macro.rs" + +[[example]] +name = "snippet-example" +path = "snippets/example.rs" + +[[example]] +name = "snippet-palette" +path = "snippets/palette.rs" diff --git a/demo/assets/app.css b/demo/assets/app.css new file mode 100644 index 0000000..21ee9b1 --- /dev/null +++ b/demo/assets/app.css @@ -0,0 +1,3828 @@ +:root { + --bg: var(--primary-color); + --bg-tint: var(--light, var(--primary-color-3)) var(--dark, var(--primary-color-1)); + --card: var(--light, var(--primary-color-2)) var(--dark, var(--primary-color-3)); + --line: var(--primary-color-6); + --line-strong: var(--primary-color-7); + --ink: var(--secondary-color-1); + --ink-soft: var(--secondary-color-4); + --ink-mute: var(--secondary-color-5); + --accent: var(--focused-border-color); + --accent-soft: rgb(43 127 255 / 14%); + --surface-soft: var(--light, var(--primary-color-3)) var(--dark, var(--primary-color-4)); + --topbar-bg: var(--light, var(--primary-color-2)) var(--dark, var(--primary-color-3)); + --feature-bg-footer: var(--light, var(--primary-color-3)) var(--dark, var(--primary-color-4)); + --feature-text: var(--secondary-color-1); + --feature-soft: var(--secondary-color-4); + --feature-mute: var(--secondary-color-5); + --feature-line: var(--primary-color-6); + --code-bg: var(--light, var(--primary-color-2)) var(--dark, var(--primary-color-3)); + --editor-bg: var(--light, var(--primary-color-2)) var(--dark, var(--primary-color-3)); + --editor-fg: var(--secondary-color-4); + --editor-gutter-bg: var(--light, var(--primary-color-3)) var(--dark, var(--primary-color-4)); + --editor-gutter-fg: var(--secondary-color-5); + --editor-gutter-line: var(--primary-color-6); + --editor-selection: rgb(43 127 255 / 24%); + --shadow-card: var(--light, 0 1px 3px rgb(0 0 0 / 6%)) var(--dark, none); + --shadow-elev: var(--light, 0 8px 24px -10px rgb(0 0 0 / 16%)) var(--dark, none); + --radius-card: 22px; + --radius-inner: 12px; + --max-width: 1340px; +} + +html { + scroll-behavior: smooth; +} + +html, +body, +#main { + margin: 0; + min-height: 100%; +} + +body { + background: var(--bg); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +* { + box-sizing: border-box; +} + +a { + color: inherit; + text-decoration: none; +} + +.site-shell { + min-height: 100vh; +} + +/* ============ Topbar ============ */ + +.topbar { + align-items: center; + background: var(--topbar-bg); + backdrop-filter: blur(18px); + -webkit-backdrop-filter: blur(18px); + border-bottom: 1px solid var(--line); + display: flex; + gap: 24px; + justify-content: space-between; + min-height: 60px; + padding: 0 28px; + position: sticky; + top: 0; + z-index: 30; +} + +.brand { + align-items: center; + display: flex; + font-family: Inter, sans-serif; + font-size: 15px; + font-weight: 600; + gap: 12px; + letter-spacing: -0.01em; +} + +.topbar-tail { + align-items: center; + display: flex; + gap: 14px; +} + +.brand-mark { + align-items: center; + display: inline-flex; + height: 28px; + justify-content: center; + width: 28px; +} + +.brand-mark img { + height: 100%; + width: 100%; +} + +/* Theme toggle (uses ToggleGroup component) */ + + +/* ============ Section shell ============ */ + +.section { + padding: 24px 24px; + width: 100%; +} + +.section-head { + align-items: end; + display: flex; + gap: 32px; + justify-content: space-between; + margin: 0 auto 18px; + max-width: var(--max-width); + padding: 32px 6px 0; +} + +.section-title { + color: var(--ink); + font-family: Inter, sans-serif; + font-size: clamp(28px, 3.6vw, 44px); + font-weight: 600; + letter-spacing: -0.03em; + line-height: 1.05; + margin: 0; + max-width: 26ch; +} + +/* ============ Card primitive overrides ============ */ + +.card-eyebrow { + color: var(--ink-mute); + display: block; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 11px; + font-weight: 500; + letter-spacing: 0.1em; + text-transform: uppercase; +} + +.card-bar { + align-items: center; + border-bottom: 1px solid var(--line); + color: var(--ink-mute); + display: flex; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 11px; + font-weight: 500; + justify-content: space-between; + letter-spacing: 0.08em; + min-height: 42px; + padding: 0 18px; + text-transform: uppercase; +} + +.card-code-body { + background: var(--code-bg); + overflow: auto; +} + +.card-code-body .dxc { + background: var(--code-bg); + border: 0; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 13px; + line-height: 1.65; + margin: 0; + padding: 18px 20px; +} + +/* ============ Hero ============ */ + +.hero { + box-sizing: border-box; + margin: 0 auto; + max-width: var(--max-width); + padding: 32px 24px 56px; + width: 100%; +} + +.hero-terminal { + display: flex; + flex-direction: column; + min-height: calc(100svh - 60px); +} + +.hero-eyebrow { + margin-bottom: 18px; +} + +.hero-h1 { + color: var(--ink); + font-family: Inter, sans-serif; + font-size: clamp(40px, 5.6vw, 70px); + font-weight: 600; + letter-spacing: -0.04em; + line-height: 0.98; + margin: 0 0 22px; + max-width: 18ch; + text-wrap: balance; +} + +.hero-h1 em { + color: var(--accent); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-style: normal; + font-weight: 500; + letter-spacing: -0.02em; +} + +.hero-lede { + color: var(--ink-soft); + font-family: Inter, sans-serif; + font-size: 18px; + line-height: 1.55; + margin: 0 0 28px; + max-width: 56ch; + text-wrap: pretty; +} + +.hero-actions { + align-items: center; + display: flex; + flex-wrap: wrap; + gap: 12px; + margin-top: auto; + padding-top: 32px; +} + +.hero-cta { + align-items: center; + border-radius: 12px; + display: inline-flex; + font-family: Inter, sans-serif; + font-size: 14px; + font-weight: 600; + gap: 8px; + height: 42px; + letter-spacing: -0.005em; + padding: 0 16px 0 18px; + transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease; + white-space: nowrap; +} + +.hero-cta:focus-visible { + outline: 2px solid var(--accent); + outline-offset: 3px; +} + +.hero-cta-primary { + background: var(--ink); + box-shadow: var(--light, 0 6px 18px -10px rgb(0 0 0 / 35%)) var(--dark, 0 1px 0 0 rgb(255 255 255 / 6%) inset); + color: var(--bg); +} + +.hero-cta-primary:hover { + background: var(--accent); + color: #fff; +} + +.hero-cta-primary:hover .hero-cta-arrow { + transform: translateX(3px); +} + +.hero-cta-arrow { + transition: transform 0.18s ease; +} + +.hero-cta-ghost { + background: transparent; + border: 1px solid var(--line-strong); + color: var(--ink); + padding: 0 6px 0 16px; +} + +.hero-cta-ghost:hover { + background: var(--bg-tint); + border-color: var(--ink); +} + +.hero-cta-meta { + background: var(--bg-tint); + border-radius: 8px; + color: var(--ink-mute); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 10px; + font-weight: 500; + letter-spacing: 0.08em; + padding: 4px 8px; + text-transform: uppercase; + transition: background 0.18s ease, color 0.18s ease; +} + +.hero-cta-ghost:hover .hero-cta-meta { + background: var(--card); + color: var(--ink-soft); +} + +.hero-stage { + background: var(--card); + border: 1px solid var(--line); + border-radius: var(--radius-card); + box-shadow: var(--shadow-card); + display: grid; + grid-template-rows: auto minmax(0, 1fr); + overflow: hidden; +} + +.hero-stage .card-code-body .dxc { + background: var(--code-bg); + border: 0; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 13px; + line-height: 1.65; + margin: 0; + min-height: 380px; + padding: 18px 20px; +} + +.hero-stage-split { + align-self: end; +} + +/* Hero: Terminal install */ + +.hero-terminal-grid { + align-items: stretch; + display: grid; + gap: 56px; + grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); + padding: 32px 0; +} + +.hero-terminal-copy { + display: flex; + flex-direction: column; +} + +.hero-terminal-block { + background: var(--light, #0c0c0c) var(--dark, #161b22); + border: 1px solid var(--light, transparent) var(--dark, var(--primary-color-6)); + border-radius: var(--radius-card); + margin-top: auto; + overflow: hidden; +} + +.hero-terminal-bar { + align-items: center; + background: rgb(255 255 255 / 4%); + border-bottom: 1px solid rgb(255 255 255 / 8%); + display: flex; + gap: 8px; + min-height: 36px; + padding: 0 14px; +} + +.term-dot { + border-radius: 50%; + height: 11px; + width: 11px; +} + +.term-dot.r { background: #ff5f57; } +.term-dot.y { background: #febc2e; } +.term-dot.g { background: #28c840; } + +.hero-terminal-title { + color: rgba(255, 255, 255, 0.5); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 12px; + margin-left: 8px; +} + +.hero-terminal-body { + color: #f3eadb; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 13px; + line-height: 1.85; + padding: 18px 20px; +} + +.term-line { + margin: 0; + white-space: pre; +} + +.term-prompt { + color: #a5b4fc; + font-weight: 600; + margin-right: 10px; +} + +.term-output { + color: rgba(243, 234, 219, 0.55); +} + +.term-success { + color: #34d399; +} + +.hero-terminal-bar { + justify-content: flex-start; +} + +.hero-terminal-title { + flex: 1; +} + +.term-copy { + align-items: center; + background: rgb(255 255 255 / 6%); + border: 1px solid rgb(255 255 255 / 10%); + border-radius: 8px; + color: rgba(243, 234, 219, 0.78); + cursor: pointer; + display: inline-flex; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 11px; + font-weight: 500; + gap: 6px; + height: 26px; + letter-spacing: 0.04em; + margin-right: -4px; + padding: 0 10px; + transition: background 0.15s, border-color 0.15s, color 0.15s; +} + +.term-copy:hover { + background: rgb(255 255 255 / 10%); + border-color: rgb(255 255 255 / 16%); + color: #f3eadb; +} + +.term-copy:focus-visible { + border-color: #a5b4fc; + outline: none; +} + +.term-copy[data-copied="true"] { + background: rgb(52 211 153 / 14%); + border-color: rgb(52 211 153 / 36%); + color: #34d399; +} + +.term-copy svg { + flex-shrink: 0; +} + +.term-copy-label { + line-height: 1; +} + +/* ============ Feature row ============ */ + +.feature-grid { + display: grid; + gap: 14px; + grid-template-columns: repeat(3, minmax(0, 1fr)); + margin: 0 auto; + max-width: var(--max-width); + width: 100%; +} + +.feature-card { + align-content: start; +} + +/* ============ Variant banner (preview only) ============ */ + +.feature-variants { + display: contents; +} + +.variant-banner { + align-items: baseline; + background: var(--bg-tint); + border-top: 1px dashed var(--line-strong); + border-bottom: 1px dashed var(--line-strong); + display: flex; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 11px; + gap: 14px; + letter-spacing: 0.12em; + margin: 56px 0 0; + padding: 14px 28px; + text-transform: uppercase; +} + +.variant-banner-num { + background: var(--ink); + border-radius: 6px; + color: var(--bg); + font-weight: 600; + letter-spacing: 0.08em; + padding: 4px 8px; +} + +.variant-banner-name { + color: var(--ink-soft); + font-weight: 500; + letter-spacing: 0.06em; + text-transform: none; + font-size: 13px; + font-family: Inter, sans-serif; +} + +/* ============ Variant 02 — Ship vs Parse ledger ============ */ + +.ledger-head .ledger-eyebrow { + color: var(--ink-mute); + display: block; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 12px; + letter-spacing: 0.04em; + margin-bottom: 10px; +} + +.ledger-title em { + color: var(--accent); + font-style: italic; + font-weight: 600; +} + +.ledger-wrap { + background: var(--card); + border: 1px solid var(--line); + border-radius: var(--radius-card); + margin: 0 auto; + max-width: var(--max-width); + overflow: hidden; + width: 100%; +} + +.ledger-bar { + align-items: center; + background: var(--bg-tint); + border-bottom: 1px solid var(--line); + color: var(--ink-mute); + display: flex; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 11px; + gap: 14px; + letter-spacing: 0.14em; + padding: 12px 22px; + text-transform: uppercase; +} + +.ledger-bar-tag { + background: var(--ink); + border-radius: 4px; + color: var(--bg); + font-weight: 600; + letter-spacing: 0.1em; + padding: 3px 8px; +} + +.ledger-bar-file { + color: var(--ink-soft); + letter-spacing: 0; + text-transform: none; + font-size: 12px; +} + +.ledger-bar-meta { + margin-left: auto; +} + +.ledger-grid { + display: grid; + grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr); +} + +.ledger-side { + padding: 28px 28px 26px; +} + +.ledger-side-head { + display: grid; + gap: 6px; + margin-bottom: 22px; +} + +.ledger-side-tag { + color: var(--ink-mute); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 11px; + font-weight: 500; + letter-spacing: 0.18em; + text-transform: uppercase; +} + +.ledger-ship .ledger-side-tag { + color: var(--accent); +} + +.ledger-side-title { + color: var(--ink); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: clamp(24px, 2.4vw, 32px); + font-weight: 500; + letter-spacing: -0.02em; + margin: 0; +} + +.ledger-side-bang { + color: var(--accent); +} + +.ledger-side-sub { + color: var(--ink-mute); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 12px; + letter-spacing: 0.04em; + margin: 0; +} + +.ledger-rows { + display: grid; + gap: 12px; + list-style: none; + margin: 0; + padding: 0; +} + +.ledger-row { + align-items: baseline; + display: grid; + font-family: Inter, sans-serif; + gap: 12px; + grid-template-columns: 22px minmax(0, 1fr) auto; + padding: 10px 0; + border-bottom: 1px dashed var(--line); +} + +.ledger-row:last-child { + border-bottom: 0; +} + +.ledger-mark { + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 14px; + font-weight: 600; +} + +.ledger-mark.ok { + color: var(--accent); +} + +.ledger-mark.add { + color: var(--ink-mute); +} + +.ledger-text { + color: var(--ink); + font-size: 14px; + line-height: 1.5; +} + +.ledger-amt { + color: var(--ink-mute); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 11px; + font-weight: 500; + letter-spacing: 0.06em; + text-transform: uppercase; + white-space: nowrap; +} + +.ledger-divider { + background: var(--line); +} + +.ledger-foot { + align-items: center; + background: var(--bg-tint); + border-top: 1px solid var(--line); + color: var(--ink-soft); + display: grid; + font-family: Inter, sans-serif; + font-size: 14px; + gap: 18px; + grid-template-columns: 90px minmax(0, 1fr); + line-height: 1.55; + padding: 18px 22px; +} + +.ledger-foot-tag { + color: var(--ink-mute); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 11px; + font-weight: 500; + letter-spacing: 0.18em; + text-transform: uppercase; +} + +.ledger-foot-body strong { + color: var(--ink); + font-weight: 600; +} + +/* ============ Variant 03 — itemized receipt ============ */ + +.receipt-head .receipt-eyebrow { + color: var(--ink-mute); + display: block; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 12px; + letter-spacing: 0.04em; + margin-bottom: 10px; +} + +.receipt-stack { + display: grid; + gap: 28px; + grid-template-columns: minmax(380px, 480px) minmax(0, 1fr); + margin: 0 auto; + max-width: var(--max-width); + width: 100%; +} + +.receipt { + background: var(--bg); + border: 1px solid var(--line); + box-shadow: var(--light, 0 26px 60px -36px rgb(0 0 0 / 30%)) var(--dark, 0 1px 0 0 rgb(255 255 255 / 4%) inset); + color: var(--ink); + display: grid; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + gap: 12px; + padding: 36px 30px 32px; + position: relative; +} + +.receipt::before, +.receipt::after { + background-image: linear-gradient(135deg, var(--bg) 25%, transparent 25.5%), linear-gradient(45deg, var(--bg) 25%, transparent 25.5%); + background-position: top left, top left; + background-repeat: repeat-x; + background-size: 16px 12px; + content: ""; + height: 12px; + left: 0; + position: absolute; + right: 0; +} + +.receipt::before { + top: -1px; + transform: rotate(180deg); +} + +.receipt::after { + bottom: -1px; +} + +.receipt-head-stamp { + align-items: baseline; + display: flex; + justify-content: space-between; + letter-spacing: 0.18em; + text-transform: uppercase; +} + +.receipt-stamp { + background: var(--ink); + color: var(--bg); + font-size: 10px; + font-weight: 600; + letter-spacing: 0.22em; + padding: 5px 10px; +} + +.receipt-no { + color: var(--ink-mute); + font-size: 10px; + letter-spacing: 0.22em; +} + +.receipt-meta { + color: var(--ink-mute); + display: flex; + font-size: 11px; + justify-content: space-between; + letter-spacing: 0.14em; + text-transform: uppercase; +} + +.receipt-meta span:last-child { + color: var(--ink); +} + +.receipt-rule { + border-top: 1px dashed var(--ink-mute); + margin: 8px 0 4px; +} + +.receipt-rule.double { + border-top: 1px solid var(--ink); + border-bottom: 1px solid var(--ink); + height: 4px; + margin: 12px 0 8px; +} + +.receipt-items { + display: grid; + gap: 8px; + list-style: none; + margin: 0; + padding: 0; +} + +.receipt-item { + align-items: baseline; + display: grid; + font-size: 12px; + gap: 6px; + grid-template-columns: minmax(0, auto) minmax(20px, 1fr) auto; + letter-spacing: 0.04em; +} + +.receipt-item.receipt-optional .receipt-label, +.receipt-item.receipt-optional .receipt-value { + color: var(--ink-mute); +} + +.receipt-label { + color: var(--ink); + text-transform: uppercase; +} + +.receipt-dots { + border-bottom: 1px dotted var(--ink-mute); + height: 0; + margin-bottom: 4px; + min-width: 24px; +} + +.receipt-value { + color: var(--ink); + font-weight: 600; + letter-spacing: 0.08em; + text-transform: uppercase; + white-space: nowrap; +} + +.receipt-total { + align-items: baseline; + display: flex; + justify-content: space-between; + margin-top: 4px; +} + +.receipt-total-label { + color: var(--ink); + font-size: 12px; + font-weight: 600; + letter-spacing: 0.16em; + text-transform: uppercase; +} + +.receipt-total-value { + color: var(--accent); + font-size: clamp(28px, 3vw, 40px); + font-weight: 600; + letter-spacing: -0.02em; +} + +.receipt-foot { + color: var(--ink-mute); + font-size: 11px; + letter-spacing: 0.18em; + margin-top: 6px; + text-align: center; + text-transform: uppercase; +} + +.receipt-aside { + align-self: center; + display: grid; + gap: 18px; +} + +.receipt-aside-row { + align-items: baseline; + border-top: 1px solid var(--line); + display: grid; + gap: 18px; + grid-template-columns: 56px minmax(0, 1fr); + padding: 18px 4px 4px; +} + +.receipt-aside-row:first-child { + border-top: 0; + padding-top: 4px; +} + +.receipt-aside-num { + color: var(--ink-mute); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 28px; + font-weight: 500; + letter-spacing: -0.02em; +} + +.receipt-aside-title { + color: var(--ink); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 18px; + font-weight: 500; + letter-spacing: -0.01em; + margin: 0 0 6px; +} + +.receipt-aside-text { + color: var(--ink-soft); + font-family: Inter, sans-serif; + font-size: 14px; + line-height: 1.55; + margin: 0; + max-width: 42ch; +} + +/* ============ Variant 04 — section as code ============ */ + +.codeblock-head .codeblock-eyebrow { + color: var(--ink-mute); + display: block; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 12px; + letter-spacing: 0.04em; + margin-bottom: 10px; +} + +.codeblock-title { + font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important; + font-size: clamp(26px, 3.2vw, 40px) !important; + font-weight: 500 !important; + letter-spacing: -0.02em !important; +} + +.codeblock-card { + background: var(--card); + border: 1px solid var(--line); + border-radius: var(--radius-card); + box-shadow: var(--shadow-card); + margin: 0 auto; + max-width: var(--max-width); + overflow: hidden; + width: 100%; +} + +.codeblock-bar { + align-items: center; + background: var(--bg-tint); + border-bottom: 1px solid var(--line); + color: var(--ink-mute); + display: flex; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 11px; + gap: 14px; + letter-spacing: 0.08em; + padding: 14px 22px; +} + +.codeblock-dots { + display: inline-flex; + gap: 6px; +} + +.codeblock-dots i { + background: var(--line-strong); + border-radius: 50%; + display: inline-block; + height: 10px; + width: 10px; +} + +.codeblock-dots i:nth-child(1) { background: #ef4444; } +.codeblock-dots i:nth-child(2) { background: #f59e0b; } +.codeblock-dots i:nth-child(3) { background: #10b981; } + +.codeblock-file { + color: var(--ink); + font-weight: 500; + letter-spacing: 0.02em; +} + +.codeblock-lang { + color: var(--ink-mute); + margin-left: auto; + text-transform: uppercase; + letter-spacing: 0.18em; +} + +.codeblock-body { + background: var(--code-bg); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 13px; + line-height: 1.7; + margin: 0; + overflow-x: auto; + padding: 22px 0; +} + +.codeblock-code { + display: block; + font-family: inherit; +} + +.cb-line { + display: grid; + grid-template-columns: 56px minmax(0, 1fr); + padding: 0 24px 0 0; +} + +.cb-blank { + height: 1.7em; +} + +.cb-gut { + color: var(--ink-mute); + opacity: 0.5; + padding-right: 18px; + text-align: right; + user-select: none; +} + +.codeblock-body .tok-doc { + color: var(--ink-mute); + font-style: italic; +} + +.codeblock-body .tok-doc-strong { + color: var(--ink); + font-style: normal; + font-weight: 600; +} + +.codeblock-body .tok-attr { + color: var(--accent); +} + +.codeblock-body .tok-kw { + color: var(--accent); + font-weight: 500; +} + +.codeblock-body .tok-ty { + color: var(--ink); + font-weight: 500; +} + +.codeblock-body .tok-fn { + color: var(--ink); + font-weight: 500; +} + +.codeblock-body .tok-pun { + color: var(--ink-soft); +} + +.codeblock-foot { + align-items: center; + background: var(--bg-tint); + border-top: 1px solid var(--line); + color: var(--ink-soft); + display: flex; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 13px; + gap: 14px; + padding: 14px 22px; +} + +.codeblock-foot-tag { + color: var(--ink-mute); + font-weight: 500; +} + +.codeblock-foot-cmd .tok-fn { + color: var(--ink); +} + +.codeblock-foot-cmd .tok-attr { + color: var(--accent); +} + +/* ============ Variant 05 — punch card ============ */ + +.punchcard-head .punchcard-eyebrow, +.specimen-head .specimen-eyebrow, +.manifest-head .manifest-eyebrow, +.buildlog-head .buildlog-eyebrow, +.rx-head .rx-eyebrow, +.diff-head .diff-eyebrow { + color: var(--ink-mute); + display: block; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 12px; + letter-spacing: 0.04em; + margin-bottom: 10px; +} + +.punchcard { + background: var(--light, #f3ead8) var(--dark, #1a1814); + border: 1px solid var(--line); + border-radius: 6px; + color: var(--light, #2d2418) var(--dark, #d8c8a8); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + margin: 0 auto; + max-width: var(--max-width); + padding: 22px 26px 24px; + position: relative; + width: 100%; +} + +.punchcard::before { + background: linear-gradient(180deg, currentColor 0 100%); + content: ""; + height: 60px; + left: 0; + opacity: 0.12; + position: absolute; + top: 0; + width: 28px; + clip-path: polygon(0 0, 100% 0, 60% 100%, 0 100%); +} + +.punchcard-bar { + align-items: baseline; + border-bottom: 1px solid currentColor; + display: flex; + font-size: 11px; + gap: 16px; + letter-spacing: 0.16em; + opacity: 0.85; + padding: 0 0 12px; + text-transform: uppercase; +} + +.punchcard-tag { + border: 1px solid currentColor; + font-weight: 600; + letter-spacing: 0.18em; + padding: 3px 8px; +} + +.punchcard-id { + flex: 1; +} + +.punchcard-rev { + opacity: 0.7; +} + +.punchcard-cols { + display: grid; + font-size: 10px; + grid-template-columns: 130px minmax(0, 1fr) 110px; + letter-spacing: 0.1em; + margin-top: 14px; + opacity: 0.5; +} + +.punchcard-cols::after, +.punchcard-cols::before { + content: ""; +} + +.punchcard-cols span { + display: contents; +} + +.punchcard-cols { + display: flex; + gap: 0; + justify-content: space-between; + padding: 8px 130px 0 130px; +} + +.punchcard-col { + font-size: 10px; + font-weight: 500; + letter-spacing: 0.06em; + opacity: 0.45; +} + +.punchcard-rows { + display: grid; + gap: 6px; + list-style: none; + margin: 8px 0 16px; + padding: 0; +} + +.punchcard-row { + align-items: center; + display: grid; + gap: 18px; + grid-template-columns: 130px minmax(0, 1fr) 110px; +} + +.punchcard-label { + font-size: 11px; + font-weight: 600; + letter-spacing: 0.18em; + text-transform: uppercase; +} + +.punchcard-track { + display: flex; + gap: 4px; +} + +.punchcard-cell { + border: 1px solid currentColor; + border-radius: 1px; + flex: 1; + height: 22px; + opacity: 0.5; +} + +.punchcard-cell.solid { + background: currentColor; + opacity: 1; +} + +.punchcard-cell.half { + background: repeating-linear-gradient(135deg, currentColor 0 2px, transparent 2px 5px); + opacity: 0.85; +} + +.punchcard-meta { + font-size: 11px; + letter-spacing: 0.06em; + opacity: 0.75; + text-align: right; + text-transform: uppercase; +} + +.punchcard-foot { + align-items: center; + border-top: 1px dashed currentColor; + display: flex; + flex-wrap: wrap; + font-size: 11px; + gap: 16px; + letter-spacing: 0.12em; + margin-top: 10px; + opacity: 0.85; + padding-top: 12px; + text-transform: uppercase; +} + +.punchcard-key-label { + font-weight: 600; + letter-spacing: 0.2em; + opacity: 0.7; +} + +.punchcard-key { + align-items: center; + display: inline-flex; + gap: 8px; +} + +.punchcard-key .punchcard-cell { + flex: 0 0 18px; + height: 14px; +} + +.punchcard-pun { + margin-left: auto; + opacity: 0.6; +} + +/* ============ Variant 06 — type specimen ============ */ + +.specimen { + margin: 0 auto; + max-width: var(--max-width); + width: 100%; +} + +.specimen-stage { + background: var(--bg); + border: 1px solid var(--line); + border-radius: var(--radius-card); + display: grid; + grid-template-areas: + "tl . tr" + ". hero . " + "bl . br"; + grid-template-columns: minmax(140px, 1fr) auto minmax(140px, 1fr); + grid-template-rows: auto auto auto; + padding: 56px 36px 40px; + position: relative; + text-align: center; +} + +.specimen-anno { + align-self: start; + color: var(--ink-mute); + display: inline-flex; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 11px; + gap: 6px; + letter-spacing: 0.08em; + text-transform: uppercase; +} + +.specimen-anno.tl { grid-area: tl; justify-self: start; } +.specimen-anno.tr { grid-area: tr; justify-self: end; } +.specimen-anno.bl { grid-area: bl; justify-self: start; align-self: end; } +.specimen-anno.br { grid-area: br; justify-self: end; align-self: end; } + +.specimen-anno-tick { + color: var(--accent); + font-weight: 600; +} + +.specimen-hero { + color: var(--ink); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: clamp(120px, 22vw, 280px); + font-weight: 400; + grid-area: hero; + letter-spacing: -0.06em; + line-height: 0.85; + margin: 0; + position: relative; +} + +.specimen-hero::before, +.specimen-hero::after { + background: var(--line); + content: ""; + height: 1px; + position: absolute; + top: 50%; + width: 64px; +} + +.specimen-hero::before { left: -84px; } +.specimen-hero::after { right: -84px; } + +.specimen-unit { + color: var(--ink-mute); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 12px; + grid-column: 1 / -1; + grid-row: 3; + justify-self: center; + letter-spacing: 0.18em; + margin-top: 4px; + padding-top: 12px; + text-transform: uppercase; +} + +.specimen-strip { + border-top: 1px solid var(--line); + display: grid; + gap: 0; + grid-template-columns: repeat(3, 1fr); + list-style: none; + margin: 0; + padding: 0; +} + +.specimen-sample { + border-right: 1px solid var(--line); + display: grid; + gap: 10px; + padding: 24px 22px; +} + +.specimen-sample:last-child { + border-right: 0; +} + +.specimen-sample-label { + color: var(--ink-mute); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 11px; + letter-spacing: 0.18em; + text-transform: uppercase; +} + +.specimen-sample-glyph { + color: var(--ink); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: clamp(28px, 3.4vw, 44px); + font-weight: 500; + letter-spacing: -0.025em; + line-height: 1; +} + +.specimen-sample-text { + color: var(--ink-soft); + font-family: Inter, sans-serif; + font-size: 14px; + line-height: 1.55; + margin: 0; +} + +/* ============ Variant 07 — bill of lading ============ */ + +.manifest { + background: var(--bg); + border: 1px solid var(--line); + border-radius: 4px; + box-shadow: var(--light, 0 26px 60px -36px rgb(0 0 0 / 30%)) var(--dark, 0 1px 0 0 rgb(255 255 255 / 4%) inset); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + margin: 0 auto; + max-width: var(--max-width); + overflow: hidden; + position: relative; + width: 100%; +} + +.manifest-bar { + align-items: center; + background: var(--ink); + color: var(--bg); + display: flex; + gap: 24px; + justify-content: space-between; + padding: 16px 26px; +} + +.manifest-bar-left { + align-items: baseline; + display: flex; + gap: 18px; +} + +.manifest-tag { + font-size: 12px; + font-weight: 600; + letter-spacing: 0.22em; +} + +.manifest-id { + font-size: 11px; + letter-spacing: 0.1em; + opacity: 0.7; +} + +.manifest-stamp { + border: 2px solid #dc2626; + color: #dc2626; + font-size: 14px; + font-weight: 700; + letter-spacing: 0.28em; + padding: 6px 14px; + transform: rotate(-3deg); +} + +.manifest-meta { + border-bottom: 1px solid var(--line); + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} + +.manifest-meta-cell { + border-right: 1px solid var(--line); + display: grid; + gap: 4px; + padding: 14px 18px; +} + +.manifest-meta-cell:last-child { + border-right: 0; +} + +.manifest-meta-key { + color: var(--ink-mute); + font-size: 10px; + letter-spacing: 0.2em; + text-transform: uppercase; +} + +.manifest-meta-val { + color: var(--ink); + font-size: 14px; + font-weight: 500; +} + +.manifest-table { + border-collapse: collapse; + font-size: 13px; + width: 100%; +} + +.manifest-table th, +.manifest-table td { + border-bottom: 1px solid var(--line); + padding: 12px 18px; + text-align: left; +} + +.manifest-table th { + background: var(--bg-tint); + color: var(--ink-mute); + font-size: 11px; + font-weight: 600; + letter-spacing: 0.16em; + text-transform: uppercase; +} + +.manifest-table .col-qty, +.manifest-table .col-weight { + width: 110px; +} + +.manifest-table tbody td { + color: var(--ink); +} + +.manifest-table tbody code { + background: var(--bg-tint); + border: 1px solid var(--line); + border-radius: 4px; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 12px; + padding: 1px 6px; +} + +.manifest-good { + color: #16a34a !important; + font-weight: 600; +} + +.manifest-optional { + background: var(--bg-tint); + color: var(--ink-mute) !important; +} + +.manifest-optional td { + color: var(--ink-mute); +} + +.manifest-foot { + align-items: end; + background: var(--bg-tint); + border-top: 1px solid var(--line); + display: grid; + font-size: 12px; + gap: 32px; + grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); + padding: 22px 26px 26px; +} + +.manifest-sig { + display: grid; + gap: 6px; +} + +.manifest-sig-key { + color: var(--ink-mute); + font-size: 10px; + letter-spacing: 0.2em; + text-transform: uppercase; +} + +.manifest-sig-val { + color: var(--ink); + font-weight: 500; +} + +.manifest-sig-line { + border-bottom: 2px solid var(--ink); + color: var(--ink); + font-family: "Brush Script MT", "Comic Sans MS", cursive; + font-size: 22px; + padding-bottom: 4px; +} + +/* ============ Variant 08 — terminal build log ============ */ + +.buildlog { + background: #0d0e12; + border: 1px solid var(--line); + border-radius: var(--radius-card); + color: #d8dee9; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + margin: 0 auto; + max-width: var(--max-width); + overflow: hidden; + width: 100%; +} + +.buildlog-bar { + align-items: center; + background: #15171c; + border-bottom: 1px solid #2a2d36; + color: #8b94a7; + display: flex; + font-size: 12px; + gap: 14px; + padding: 12px 18px; +} + +.buildlog-dots { + display: inline-flex; + gap: 6px; +} + +.buildlog-dots i { + border-radius: 50%; + display: inline-block; + height: 10px; + width: 10px; +} + +.buildlog-dots i:nth-child(1) { background: #ef4444; } +.buildlog-dots i:nth-child(2) { background: #f59e0b; } +.buildlog-dots i:nth-child(3) { background: #10b981; } + +.buildlog-title { + color: #d8dee9; + font-weight: 500; +} + +.buildlog-mode { + background: #142a21; + border: 1px solid #1f4a37; + border-radius: 4px; + color: #4ade80; + font-size: 10px; + letter-spacing: 0.18em; + margin-left: auto; + padding: 3px 8px; + text-transform: uppercase; +} + +.buildlog-body { + font-family: inherit; + font-size: 13px; + line-height: 1.85; + margin: 0; + padding: 22px 24px 26px; +} + +.log-line { + display: block; +} + +.log-status { + display: inline-block; + font-weight: 700; + margin-right: 10px; + width: 56px; +} + +.log-status.ok { color: #4ade80; } +.log-status.skip { color: #fbbf24; } +.log-status.info { color: #60a5fa; } +.log-status.stat { color: #a78bfa; } + +.log-tok { + color: #f9b97f; +} + +.log-num { + color: #fde68a; +} + +.log-stat .log-big { + color: #ffffff; + font-weight: 600; +} + +.log-prompt { + color: #4ade80; + margin-top: 14px; +} + +.log-prompt-mark { + margin-right: 6px; +} + +.log-cursor { + background: #4ade80; + display: inline-block; + height: 14px; + margin-left: 6px; + vertical-align: -2px; + width: 8px; + animation: log-blink 1.1s steps(2, end) infinite; +} + +@keyframes log-blink { + to { opacity: 0; } +} + +/* ============ Variant 09 — Rx prescription label ============ */ + +.rx { + background: var(--bg); + border: 1px solid var(--line); + border-radius: 6px; + box-shadow: var(--shadow-card); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + margin: 0 auto; + max-width: 720px; + overflow: hidden; + width: 100%; +} + +.rx-bar { + align-items: center; + background: linear-gradient(0deg, var(--bg) 0%, var(--bg) 60%, var(--accent) 60%, var(--accent) 100%); + border-bottom: 2px solid var(--accent); + color: var(--ink); + display: grid; + gap: 14px; + grid-template-columns: 64px minmax(0, 1fr) auto; + padding: 14px 22px 18px; +} + +.rx-symbol { + background: var(--bg); + border: 2px solid var(--accent); + border-radius: 6px; + color: var(--accent); + font-family: Georgia, "Times New Roman", serif; + font-size: 36px; + font-weight: 700; + height: 56px; + line-height: 1; + padding-top: 8px; + text-align: center; + width: 56px; +} + +.rx-meta-block { + display: grid; + gap: 4px; +} + +.rx-pharmacy { + color: var(--ink); + font-size: 13px; + font-weight: 700; + letter-spacing: 0.18em; +} + +.rx-rxno { + color: var(--ink-mute); + font-size: 11px; + letter-spacing: 0.08em; +} + +.rx-controlled { + background: #fef3c7; + border: 1px solid #f59e0b; + border-radius: 4px; + color: #92400e; + font-size: 10px; + font-weight: 700; + letter-spacing: 0.18em; + padding: 5px 10px; + text-transform: uppercase; +} + +.rx-grid { + border-bottom: 1px dashed var(--line-strong); + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} + +.rx-field { + border-right: 1px dashed var(--line-strong); + display: grid; + gap: 4px; + padding: 14px 16px; +} + +.rx-field:last-child { + border-right: 0; +} + +.rx-field-key { + color: var(--ink-mute); + font-size: 10px; + letter-spacing: 0.18em; + text-transform: uppercase; +} + +.rx-field-val { + color: var(--ink); + font-size: 14px; + font-weight: 500; +} + +.rx-ingredients { + padding: 18px 22px 12px; +} + +.rx-section-title { + color: var(--ink); + font-size: 11px; + font-weight: 700; + letter-spacing: 0.22em; + margin: 0 0 10px; + text-transform: uppercase; +} + +.rx-ing-list { + display: grid; + gap: 6px; + list-style: none; + margin: 0; + padding: 0; +} + +.rx-ing-list li { + align-items: baseline; + border-bottom: 1px dotted var(--line-strong); + color: var(--ink); + display: flex; + font-size: 13px; + justify-content: space-between; + padding: 6px 0; +} + +.rx-ing-list li.rx-zero { + background: linear-gradient(90deg, transparent, rgb(34 197 94 / 12%), transparent); +} + +.rx-pct { + color: var(--ink-mute); + font-weight: 600; + letter-spacing: 0.06em; +} + +.rx-zero .rx-pct { + color: #16a34a; +} + +.rx-warning { + background: #fef9c3; + border-bottom: 1px solid var(--line); + border-top: 3px solid #f59e0b; + color: #713f12; + font-size: 12px; + letter-spacing: 0.04em; + line-height: 1.5; + margin: 8px 0 0; + padding: 14px 22px; + text-transform: uppercase; +} + +.rx-warning-tag { + background: #f59e0b; + border-radius: 3px; + color: #1f2937; + font-weight: 700; + letter-spacing: 0.2em; + margin-right: 10px; + padding: 3px 8px; +} + +.rx-foot { + align-items: center; + background: var(--bg-tint); + border-top: 1px solid var(--line); + color: var(--ink); + display: flex; + font-size: 11px; + gap: 18px; + justify-content: space-between; + letter-spacing: 0.16em; + padding: 14px 22px; + text-transform: uppercase; +} + +.rx-foot-dosage strong { + color: var(--accent); +} + +.rx-barcode { + background: repeating-linear-gradient( + 90deg, + var(--ink) 0 2px, + transparent 2px 4px, + var(--ink) 4px 5px, + transparent 5px 8px, + var(--ink) 8px 11px, + transparent 11px 13px, + var(--ink) 13px 14px, + transparent 14px 17px + ); + display: inline-block; + height: 28px; + width: 120px; +} + +/* ============ Variant 10 — diff view ============ */ + +.diff { + background: var(--card); + border: 1px solid var(--line); + border-radius: var(--radius-card); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + margin: 0 auto; + max-width: var(--max-width); + overflow: hidden; + width: 100%; +} + +.diff-bar { + align-items: center; + background: var(--bg-tint); + border-bottom: 1px solid var(--line); + display: flex; + font-size: 12px; + gap: 12px; + padding: 14px 22px; +} + +.diff-file { + border: 1px solid var(--line); + border-radius: 4px; + font-weight: 500; + padding: 4px 10px; +} + +.diff-file-old { + background: rgb(220 38 38 / 8%); + color: #b91c1c; +} + +.diff-file-new { + background: rgb(22 163 74 / 10%); + color: #15803d; +} + +.diff-arrow { + color: var(--ink-mute); + font-size: 14px; +} + +.diff-stat-pill { + background: var(--ink); + border-radius: 4px; + color: var(--bg); + font-size: 11px; + font-weight: 600; + letter-spacing: 0.1em; + margin-left: auto; + padding: 4px 10px; +} + +.diff-body { + background: var(--code-bg); + font-size: 13px; + line-height: 1.75; + margin: 0; + padding: 14px 0; +} + +.dl { + display: block; + padding: 0 22px; + position: relative; +} + +.dl.hunk { + background: rgb(56 189 248 / 8%); + color: #0369a1; + font-weight: 600; + letter-spacing: 0.04em; + padding: 4px 22px; +} + +.dl.ctx { + color: var(--ink-soft); +} + +.dl.add { + background: rgb(22 163 74 / 12%); + color: #15803d; +} + +.dl.del { + background: rgb(220 38 38 / 10%); + color: #b91c1c; +} + +.diff-foot { + align-items: center; + background: var(--bg-tint); + border-top: 1px solid var(--line); + display: flex; + font-size: 12px; + gap: 14px; + padding: 14px 22px; +} + +.diff-foot-stat { + font-weight: 600; + letter-spacing: 0.06em; +} + +.diff-foot-stat.add { color: #16a34a; } +.diff-foot-stat.del { color: #dc2626; } +.diff-foot-stat.net { + color: var(--ink); + margin-right: auto; +} + +.diff-foot-action { + background: var(--ink); + border-radius: 6px; + color: var(--bg); + font-weight: 600; + letter-spacing: 0.04em; + padding: 6px 14px; +} + +/* ============ Receipt variant — A · thermal slim ============ */ + +.rcpt-thermal-wrap { + display: grid; + margin: 0 auto; + max-width: var(--max-width); + place-items: center; + width: 100%; +} + +.rcpt-thermal { + background: var(--bg); + border: 1px solid var(--line); + color: var(--ink); + display: grid; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + gap: 10px; + max-width: 380px; + padding: 30px 26px 26px; + position: relative; + width: 100%; +} + +.rcpt-thermal::before, +.rcpt-thermal::after, +.rcpt-tape::before, +.rcpt-tape::after, +.rcpt-tape-tear { + background-image: + linear-gradient(135deg, var(--bg) 25%, transparent 25.5%), + linear-gradient(45deg, var(--bg) 25%, transparent 25.5%); + background-position: top left, top left; + background-repeat: repeat-x; + background-size: 14px 10px; + content: ""; + height: 10px; + left: 0; + position: absolute; + right: 0; +} + +.rcpt-thermal::before { top: -1px; transform: rotate(180deg); } +.rcpt-thermal::after { bottom: -1px; } + +.rcpt-th-head { + text-align: center; +} + +.rcpt-th-stamp { + background: var(--ink); + color: var(--bg); + display: inline-block; + font-size: 11px; + font-weight: 700; + letter-spacing: 0.28em; + margin-bottom: 6px; + padding: 5px 12px; +} + +.rcpt-th-sub { + color: var(--ink-mute); + display: block; + font-size: 10px; + letter-spacing: 0.2em; + text-transform: uppercase; +} + +.rcpt-th-meta { + color: var(--ink-mute); + display: flex; + font-size: 11px; + justify-content: space-between; + letter-spacing: 0.16em; + text-transform: uppercase; +} + +.rcpt-th-meta span:last-child { + color: var(--ink); +} + +.rcpt-th-rule { + border-top: 1px dashed var(--ink-mute); + margin: 4px 0; +} + +.rcpt-th-rule.double { + border-top: 1px solid var(--ink); + border-bottom: 1px solid var(--ink); + height: 4px; + margin: 8px 0; +} + +.rcpt-th-items { + display: grid; + gap: 6px; + list-style: none; + margin: 0; + padding: 0; +} + +.rcpt-th-items li { + align-items: baseline; + display: grid; + font-size: 12px; + gap: 6px; + grid-template-columns: minmax(0, auto) minmax(20px, 1fr) auto; + letter-spacing: 0.04em; +} + +.rcpt-th-items li.rcpt-th-opt span:first-child, +.rcpt-th-items li.rcpt-th-opt .rcpt-th-val { + color: var(--ink-mute); +} + +.rcpt-th-dots { + border-bottom: 1px dotted var(--ink-mute); + height: 0; + margin-bottom: 4px; +} + +.rcpt-th-val { + color: var(--ink); + font-weight: 700; + letter-spacing: 0.1em; + text-transform: uppercase; + white-space: nowrap; +} + +.rcpt-th-total { + align-items: baseline; + display: flex; + font-size: 12px; + font-weight: 700; + justify-content: space-between; + letter-spacing: 0.18em; + text-transform: uppercase; +} + +.rcpt-th-zero { + color: var(--accent); + font-size: clamp(28px, 3vw, 38px); + font-weight: 700; + letter-spacing: -0.02em; +} + +.rcpt-th-foot { + color: var(--ink-mute); + font-size: 10px; + letter-spacing: 0.2em; + margin-top: 4px; + text-align: center; + text-transform: uppercase; +} + +.rcpt-th-tear { + display: none; +} + +/* ============ Receipt variant — B · three-pass tape ============ */ + +.rcpt-tape-wrap { + display: grid; + margin: 0 auto; + max-width: var(--max-width); + place-items: center; + width: 100%; +} + +.rcpt-tape { + background: var(--bg); + border: 1px solid var(--line); + color: var(--ink); + display: grid; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + gap: 16px; + max-width: 420px; + padding: 30px 26px 24px; + position: relative; + width: 100%; +} + +.rcpt-tape-tear.top { top: -1px; transform: rotate(180deg); } +.rcpt-tape-tear.bottom { bottom: -1px; } + +.rcpt-tape-head { + text-align: center; +} + +.rcpt-tape-stamp { + background: var(--ink); + color: var(--bg); + display: inline-block; + font-size: 12px; + font-weight: 700; + letter-spacing: 0.28em; + margin-bottom: 8px; + padding: 5px 14px; +} + +.rcpt-tape-no { + color: var(--ink-mute); + display: block; + font-size: 10px; + letter-spacing: 0.18em; + text-transform: uppercase; +} + +.rcpt-tape-pass { + display: grid; + gap: 4px; +} + +.rcpt-tape-passhead { + color: var(--ink); + font-size: 11px; + font-weight: 700; + letter-spacing: 0.18em; + margin: 0 0 6px; + text-align: center; +} + +.rcpt-tape-rows { + display: grid; + gap: 4px; + list-style: none; + margin: 0; + padding: 0; +} + +.rcpt-tape-rows li { + align-items: baseline; + border-bottom: 1px dotted var(--ink-mute); + display: flex; + font-size: 12px; + gap: 12px; + justify-content: space-between; + padding: 4px 0; +} + +.rcpt-tape-val { + color: var(--ink); + font-weight: 600; + letter-spacing: 0.06em; + text-transform: uppercase; + white-space: nowrap; +} + +.rcpt-tape-skip { + color: var(--ink-mute); + text-decoration: line-through; +} + +.rcpt-tape-sub { + align-items: baseline; + color: var(--ink); + display: flex; + font-size: 11px; + font-weight: 600; + justify-content: space-between; + letter-spacing: 0.16em; + margin-top: 6px; + padding-top: 6px; + text-transform: uppercase; + border-top: 1px dashed var(--ink); +} + +.rcpt-tape-rule { + border-top: 1px dashed var(--ink); +} + +.rcpt-tape-rule.double { + border-top: 1px solid var(--ink); + border-bottom: 1px solid var(--ink); + height: 4px; +} + +.rcpt-tape-total { + align-items: baseline; + display: flex; + font-size: 13px; + font-weight: 700; + justify-content: space-between; + letter-spacing: 0.18em; + text-transform: uppercase; +} + +.rcpt-tape-zero { + color: var(--accent); + font-size: clamp(32px, 3.4vw, 44px); + font-weight: 700; + letter-spacing: -0.03em; +} + +.rcpt-tape-foot { + color: var(--ink-mute); + display: flex; + font-size: 11px; + justify-content: space-between; + letter-spacing: 0.06em; + margin-top: 4px; +} + +/* ============ Receipt variant — C · carbon triplicate ============ */ + +.rcpt-carbon-wrap { + align-items: center; + display: grid; + gap: 32px; + grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); + margin: 0 auto; + max-width: var(--max-width); + width: 100%; +} + +.rcpt-carbon-stack { + position: relative; + height: 480px; + display: grid; + place-items: center; +} + +.rcpt-carbon { + background: var(--bg); + border: 1px solid var(--line); + box-shadow: 0 18px 36px -28px rgb(0 0 0 / 30%); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + height: 380px; + left: 50%; + padding: 22px 24px; + position: absolute; + top: 50%; + width: 320px; +} + +.rcpt-carbon.copy-3 { + background: var(--light, #fff8d8) var(--dark, #2c2818); + transform: translate(calc(-50% + 28px), calc(-50% + 22px)) rotate(3.5deg); + z-index: 1; +} + +.rcpt-carbon.copy-2 { + background: var(--light, #ffe2e6) var(--dark, #2a1d22); + transform: translate(calc(-50% + 14px), calc(-50% + 10px)) rotate(-2deg); + z-index: 2; +} + +.rcpt-carbon.copy-1 { + background: var(--bg); + transform: translate(-50%, -50%) rotate(-0.6deg); + z-index: 3; +} + +.rcpt-cb-head { + align-items: center; + border-bottom: 1px dashed var(--ink-mute); + display: flex; + justify-content: space-between; + padding-bottom: 8px; +} + +.rcpt-cb-color-tag { + background: var(--ink); + color: var(--bg); + font-size: 9px; + font-weight: 700; + letter-spacing: 0.22em; + padding: 3px 7px; +} + +.rcpt-cb-stamp { + color: var(--ink-mute); + font-size: 10px; + font-weight: 700; + letter-spacing: 0.24em; +} + +.rcpt-cb-body { + display: grid; + gap: 10px; + padding-top: 12px; + position: relative; +} + +.rcpt-cb-meta { + color: var(--ink-mute); + display: flex; + font-size: 10px; + justify-content: space-between; + letter-spacing: 0.18em; + text-transform: uppercase; +} + +.rcpt-cb-meta span:first-child { + color: var(--ink); + font-weight: 600; +} + +.rcpt-cb-rows { + display: grid; + gap: 5px; + list-style: none; + margin: 0; + padding: 0; +} + +.rcpt-cb-rows li { + align-items: baseline; + border-bottom: 1px dotted var(--ink-mute); + display: flex; + font-size: 11px; + justify-content: space-between; + padding: 3px 0; + letter-spacing: 0.04em; +} + +.rcpt-cb-rows li.rcpt-cb-opt { + color: var(--ink-mute); +} + +.rcpt-cb-val { + color: var(--ink); + font-weight: 600; + letter-spacing: 0.1em; + text-transform: uppercase; +} + +.rcpt-cb-zero { + color: var(--accent); + font-weight: 700; + letter-spacing: -0.02em; +} + +.rcpt-cb-rule { + border-top: 1px solid var(--ink); + margin: 6px 0 4px; +} + +.rcpt-cb-total { + align-items: baseline; + display: flex; + font-size: 11px; + font-weight: 700; + justify-content: space-between; + letter-spacing: 0.16em; + text-transform: uppercase; +} + +.rcpt-cb-total .rcpt-cb-zero { + font-size: clamp(22px, 2.4vw, 30px); +} + +.rcpt-cb-stamp-overlay { + border: 3px double #dc2626; + color: #dc2626; + font-size: 22px; + font-weight: 700; + left: 60%; + letter-spacing: 0.18em; + opacity: 0.55; + padding: 6px 16px; + position: absolute; + top: 30%; + transform: rotate(-12deg); +} + +.rcpt-carbon-legend { + display: grid; + gap: 14px; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 13px; + color: var(--ink-soft); +} + +.rcpt-carbon-legend > div { + align-items: center; + display: flex; + gap: 12px; +} + +.rcpt-carbon-key { + border: 1px solid var(--line); + display: inline-block; + height: 22px; + width: 22px; +} + +.rcpt-carbon-key.copy-1 { background: var(--bg); } +.rcpt-carbon-key.copy-2 { background: var(--light, #ffe2e6) var(--dark, #2a1d22); } +.rcpt-carbon-key.copy-3 { background: var(--light, #fff8d8) var(--dark, #2c2818); } + +/* ============ Receipt variant — D · paid invoice ============ */ + +.rcpt-inv { + background: var(--bg); + border: 1px solid var(--line); + border-radius: 4px; + box-shadow: var(--light, 0 32px 70px -40px rgb(0 0 0 / 35%)) var(--dark, 0 1px 0 0 rgb(255 255 255 / 4%) inset); + font-family: Inter, sans-serif; + margin: 0 auto; + max-width: var(--max-width); + overflow: hidden; + position: relative; + width: 100%; +} + +.rcpt-inv-letterhead { + align-items: end; + border-bottom: 2px solid var(--ink); + display: flex; + gap: 32px; + justify-content: space-between; + padding: 28px 32px 22px; +} + +.rcpt-inv-brand { + display: grid; + gap: 4px; +} + +.rcpt-inv-mono { + color: var(--ink); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: clamp(28px, 3.2vw, 38px); + font-weight: 600; + letter-spacing: -0.02em; + line-height: 1; +} + +.rcpt-inv-brand-sub { + color: var(--ink-mute); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 11px; + letter-spacing: 0.18em; + text-transform: uppercase; +} + +.rcpt-inv-meta { + display: grid; + gap: 6px; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 12px; +} + +.rcpt-inv-meta > div { + align-items: baseline; + display: flex; + gap: 18px; + justify-content: space-between; +} + +.rcpt-inv-meta-key { + color: var(--ink-mute); + letter-spacing: 0.16em; + text-transform: uppercase; +} + +.rcpt-inv-meta-val { + color: var(--ink); + font-weight: 500; +} + +.rcpt-inv-parties { + border-bottom: 1px solid var(--line); + display: grid; + grid-template-columns: 1fr 1fr; +} + +.rcpt-inv-party { + border-right: 1px solid var(--line); + display: grid; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 12px; + gap: 4px; + padding: 18px 32px; +} + +.rcpt-inv-party:last-child { + border-right: 0; +} + +.rcpt-inv-party-key { + color: var(--ink-mute); + font-size: 10px; + letter-spacing: 0.22em; + margin-bottom: 4px; + text-transform: uppercase; +} + +.rcpt-inv-party strong { + color: var(--ink); + font-size: 14px; + font-weight: 600; +} + +.rcpt-inv-party span { + color: var(--ink-soft); +} + +.rcpt-inv-table { + border-collapse: collapse; + font-size: 13px; + width: 100%; +} + +.rcpt-inv-table th, +.rcpt-inv-table td { + border-bottom: 1px solid var(--line); + padding: 14px 16px; + text-align: left; + vertical-align: top; +} + +.rcpt-inv-table th { + background: var(--bg-tint); + color: var(--ink-mute); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 10px; + font-weight: 600; + letter-spacing: 0.22em; + text-transform: uppercase; +} + +.rcpt-inv-table th:first-child, +.rcpt-inv-table td:first-child { + padding-left: 32px; +} + +.rcpt-inv-table th:last-child, +.rcpt-inv-table td:last-child { + padding-right: 32px; + text-align: right; +} + +.rcpt-inv-table .col-qty, +.rcpt-inv-table .col-unit, +.rcpt-inv-table .col-amt { + width: 130px; +} + +.rcpt-inv-table .col-qty, +.rcpt-inv-table .col-unit { + text-align: right; +} + +.rcpt-inv-table tbody td:nth-child(2), +.rcpt-inv-table tbody td:nth-child(3) { + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + text-align: right; +} + +.rcpt-inv-desc { + color: var(--ink-mute); + font-family: Inter, sans-serif; + font-size: 12px; +} + +.rcpt-inv-zero { + color: #16a34a; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-weight: 700; +} + +.rcpt-inv-optional td { + color: var(--ink-mute); +} + +.rcpt-inv-optional strong { + color: var(--ink-mute); +} + +.rcpt-inv-summary { + align-items: center; + background: var(--bg-tint); + border-top: 2px solid var(--ink); + display: grid; + gap: 24px; + grid-template-columns: minmax(0, 1fr) auto; + padding: 22px 32px; +} + +.rcpt-inv-summary-rows { + display: grid; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + gap: 6px; + margin-left: auto; + min-width: 280px; +} + +.rcpt-inv-row { + align-items: baseline; + color: var(--ink-soft); + display: flex; + font-size: 13px; + gap: 24px; + justify-content: space-between; +} + +.rcpt-inv-row.total { + border-top: 1px solid var(--ink); + color: var(--ink); + font-size: 18px; + font-weight: 700; + letter-spacing: 0.04em; + padding-top: 10px; +} + +.rcpt-inv-total-zero { + color: var(--accent); + font-size: clamp(24px, 2.6vw, 32px); + letter-spacing: -0.02em; +} + +.rcpt-inv-stamp { + border: 4px double #dc2626; + color: #dc2626; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 22px; + font-weight: 700; + letter-spacing: 0.16em; + opacity: 0.85; + padding: 10px 22px; + transform: rotate(-6deg); +} + +.rcpt-inv-foot { + background: var(--ink); + color: var(--bg); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 12px; + letter-spacing: 0.04em; + padding: 14px 32px; +} + +.rcpt-inv-foot code { + background: rgb(255 255 255 / 12%); + border-radius: 3px; + padding: 1px 6px; +} + +/* ============ Receipt — E · diner check ============ */ + +.rcpt-diner { + background: var(--bg); + border: 1px solid var(--line); + border-radius: 4px; + box-shadow: var(--light, 0 24px 50px -32px rgb(0 0 0 / 30%)) var(--dark, 0 1px 0 0 rgb(255 255 255 / 4%) inset); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + margin: 0 auto; + max-width: 580px; + overflow: hidden; + width: 100%; +} + +.rcpt-diner-head { + align-items: end; + border-bottom: 2px dashed var(--ink-mute); + display: flex; + flex-wrap: wrap; + gap: 18px; + justify-content: space-between; + padding: 22px 28px 18px; +} + +.rcpt-diner-brand { display: grid; gap: 4px; } + +.rcpt-diner-name { + color: var(--ink); + font-family: Georgia, "Times New Roman", serif; + font-size: 22px; + font-style: italic; + font-weight: 700; + letter-spacing: 0.02em; +} + +.rcpt-diner-tag { color: var(--ink-mute); font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; } + +.rcpt-diner-meta { display: grid; gap: 4px; } +.rcpt-diner-meta > div { align-items: baseline; display: flex; font-size: 11px; gap: 12px; justify-content: space-between; } +.rcpt-diner-meta-key { color: var(--ink-mute); letter-spacing: 0.16em; text-transform: uppercase; } +.rcpt-diner-meta-val { color: var(--ink); font-weight: 600; } + +.rcpt-diner-items { display: grid; gap: 0; list-style: none; margin: 0; padding: 8px 0; } + +.rcpt-diner-items li { + align-items: baseline; + border-bottom: 1px dotted var(--ink-mute); + display: grid; + font-size: 13px; + gap: 14px; + grid-template-columns: 56px minmax(0, 1fr) 100px; + padding: 12px 28px; +} + +.rcpt-diner-qty { color: var(--ink); font-weight: 700; letter-spacing: 0.06em; } +.rcpt-diner-desc { display: grid; gap: 2px; } +.rcpt-diner-desc strong { color: var(--ink); font-weight: 600; } +.rcpt-diner-desc span { color: var(--ink-mute); font-size: 11px; letter-spacing: 0.04em; } +.rcpt-diner-price { color: var(--ink); font-weight: 700; letter-spacing: 0.06em; text-align: right; } + +.rcpt-diner-side .rcpt-diner-qty, +.rcpt-diner-side .rcpt-diner-desc strong { color: var(--ink-mute); } + +.rcpt-diner-tally { + border-top: 2px solid var(--ink); + display: grid; + gap: 4px; + padding: 14px 28px 12px; +} + +.rcpt-diner-row { align-items: baseline; color: var(--ink-soft); display: flex; font-size: 13px; justify-content: space-between; } + +.rcpt-diner-row.total { + border-top: 1px dashed var(--ink); + color: var(--ink); + font-size: 16px; + font-weight: 700; + letter-spacing: 0.12em; + margin-top: 6px; + padding-top: 8px; + text-transform: uppercase; +} + +.rcpt-diner-zero { color: var(--accent); font-size: clamp(28px, 3vw, 38px); letter-spacing: -0.02em; } + +.rcpt-diner-foot { + align-items: end; + background: var(--bg-tint); + border-top: 1px solid var(--line); + display: flex; + flex-wrap: wrap; + font-size: 11px; + gap: 18px; + justify-content: space-between; + letter-spacing: 0.14em; + padding: 14px 28px; + text-transform: uppercase; +} + +.rcpt-diner-thanks { + color: var(--ink); + font-family: Georgia, "Times New Roman", serif; + font-size: 14px; + font-style: italic; + letter-spacing: 0.02em; + text-transform: none; +} + +.rcpt-diner-tip { display: grid; gap: 2px; text-align: right; } +.rcpt-diner-tip-key { color: var(--ink-mute); } +.rcpt-diner-tip-val { color: var(--ink); font-weight: 600; } + +/* ============ Receipt — F · ATM withdrawal ============ */ + +.rcpt-atm-wrap { display: grid; margin: 0 auto; max-width: var(--max-width); place-items: center; width: 100%; } + +.rcpt-atm { + background: var(--light, #f4f1e8) var(--dark, #1f1d18); + border: 1px solid var(--line); + color: var(--light, #1a1a1a) var(--dark, #d8d2bf); + display: grid; + font-family: "Courier New", ui-monospace, SFMono-Regular, monospace; + gap: 10px; + max-width: 380px; + padding: 26px 24px 22px; + position: relative; + width: 100%; +} + +.rcpt-atm::before, +.rcpt-atm::after { + background: repeating-linear-gradient(90deg, transparent 0 6px, currentColor 6px 9px); + content: ""; + height: 4px; + left: 0; + opacity: 0.5; + position: absolute; + right: 0; +} +.rcpt-atm::before { top: 0; } +.rcpt-atm::after { bottom: 0; } + +.rcpt-atm-head { + align-items: baseline; + border-bottom: 1px solid currentColor; + display: flex; + justify-content: space-between; + padding-bottom: 6px; + text-transform: uppercase; +} + +.rcpt-atm-bank { font-size: 14px; font-weight: 700; letter-spacing: 0.18em; } + +.rcpt-atm-stamp { + background: currentColor; + font-size: 9px; + font-weight: 700; + letter-spacing: 0.22em; + padding: 3px 6px; +} + +.rcpt-atm-stamp::before { + color: var(--light, #f4f1e8) var(--dark, #1f1d18); + content: "TXN COMPLETE"; +} + +.rcpt-atm-stamp { color: transparent; } + +.rcpt-atm-meta { + display: flex; + font-size: 11px; + justify-content: space-between; + letter-spacing: 0.1em; + text-transform: uppercase; +} +.rcpt-atm-meta span:first-child { opacity: 0.6; } +.rcpt-atm-meta span:last-child { font-weight: 700; } + +.rcpt-atm-rule { border-top: 1px dashed currentColor; margin: 6px 0; opacity: 0.6; } + +.rcpt-atm-block { display: grid; gap: 4px; padding: 4px 0; } +.rcpt-atm-key { font-size: 10px; letter-spacing: 0.18em; opacity: 0.65; text-transform: uppercase; } +.rcpt-atm-val { font-size: 14px; font-weight: 700; letter-spacing: 0.04em; } +.rcpt-atm-val.big { font-size: clamp(28px, 3vw, 38px); letter-spacing: -0.02em; } +.rcpt-atm-sub { font-size: 10px; letter-spacing: 0.04em; opacity: 0.6; } + +.rcpt-atm-balance { align-items: baseline; display: flex; font-size: 12px; justify-content: space-between; letter-spacing: 0.06em; } +.rcpt-atm-bal-key { opacity: 0.6; text-transform: uppercase; } +.rcpt-atm-bal-val { font-weight: 700; } +.rcpt-atm-bal-val.zero { color: #16a34a; } + +.rcpt-atm-foot { border-top: 1px dashed currentColor; display: grid; gap: 8px; padding-top: 10px; } +.rcpt-atm-foot-line { font-size: 9px; letter-spacing: 0.12em; opacity: 0.6; text-align: center; text-transform: uppercase; } + +.rcpt-atm-foot-mag { + background: repeating-linear-gradient(90deg, currentColor 0 2px, transparent 2px 4px, currentColor 4px 7px, transparent 7px 10px); + height: 18px; + margin-top: 4px; + opacity: 0.85; +} + +/* ============ Receipt — G · boarding pass ============ */ + +.rcpt-bp { + background: var(--card); + border: 1px solid var(--line); + border-radius: 8px; + box-shadow: var(--shadow-card); + display: grid; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + grid-template-columns: minmax(0, 2.5fr) minmax(0, 1fr); + margin: 0 auto; + max-width: var(--max-width); + overflow: hidden; + position: relative; + width: 100%; +} + +.rcpt-bp-main { + border-right: 2px dashed var(--ink-mute); + display: grid; + gap: 18px; + padding: 24px 28px 22px; + position: relative; +} + +.rcpt-bp-airline { align-items: center; border-bottom: 1px solid var(--line); display: flex; gap: 18px; padding-bottom: 14px; } + +.rcpt-bp-mark { + background: var(--ink); + border-radius: 6px; + color: var(--bg); + display: inline-flex; + font-size: 22px; + height: 44px; + justify-content: center; + line-height: 1; + padding-top: 10px; + width: 44px; +} + +.rcpt-bp-line { color: var(--ink); display: block; font-size: 16px; font-weight: 700; letter-spacing: 0.18em; } +.rcpt-bp-class { color: var(--ink-mute); display: block; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; } + +.rcpt-bp-class-tag { + background: var(--accent); + border-radius: 4px; + color: #fff; + font-size: 10px; + font-weight: 700; + letter-spacing: 0.18em; + margin-left: auto; + padding: 5px 10px; + text-transform: uppercase; +} + +.rcpt-bp-route { align-items: end; display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); } + +.rcpt-bp-port { display: grid; gap: 4px; } +.rcpt-bp-port-code { color: var(--ink); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: clamp(36px, 4.4vw, 56px); font-weight: 700; letter-spacing: -0.02em; line-height: 1; } +.rcpt-bp-port-name { color: var(--ink-mute); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; } + +.rcpt-bp-route > div:last-child .rcpt-bp-port-code, +.rcpt-bp-route > div:last-child .rcpt-bp-port-name { text-align: right; } + +.rcpt-bp-arrow { color: var(--ink-mute); font-size: 22px; letter-spacing: 0.2em; padding-bottom: 16px; } + +.rcpt-bp-grid { display: grid; gap: 14px 22px; grid-template-columns: repeat(3, minmax(0, 1fr)); } +.rcpt-bp-grid > div { display: grid; gap: 4px; } + +.rcpt-bp-key { color: var(--ink-mute); font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; } +.rcpt-bp-val { color: var(--ink); font-size: 16px; font-weight: 600; } +.rcpt-bp-val.zero { color: var(--accent); font-size: 22px; } + +.rcpt-bp-warn { + background: var(--bg-tint); + border: 1px solid var(--line); + border-left: 3px solid #f59e0b; + border-radius: 4px; + color: var(--ink-soft); + font-size: 12px; + letter-spacing: 0.04em; + line-height: 1.5; + padding: 10px 14px; +} + +.rcpt-bp-warn-tag { + background: #f59e0b; + border-radius: 3px; + color: #1f2937; + font-size: 10px; + font-weight: 700; + letter-spacing: 0.2em; + margin-right: 10px; + padding: 3px 6px; +} + +.rcpt-bp-stub { background: var(--bg-tint); display: grid; gap: 14px; padding: 24px 22px; position: relative; } + +.rcpt-bp-stub::before, +.rcpt-bp-stub::after { + background: var(--bg); + border: 1px solid var(--line); + border-radius: 50%; + content: ""; + height: 22px; + left: -12px; + position: absolute; + width: 22px; +} +.rcpt-bp-stub::before { top: -12px; } +.rcpt-bp-stub::after { bottom: -12px; } + +.rcpt-bp-stub-block { display: grid; gap: 2px; } +.rcpt-bp-stub-key { color: var(--ink-mute); font-size: 9px; letter-spacing: 0.22em; text-transform: uppercase; } +.rcpt-bp-stub-val { color: var(--ink); font-size: 14px; font-weight: 600; } + +.rcpt-bp-stub-zero { background: var(--ink); border-radius: 4px; display: grid; gap: 4px; padding: 10px 12px; } +.rcpt-bp-stub-zero .rcpt-bp-stub-key { color: rgb(255 255 255 / 60%); } +.rcpt-bp-stub-zero-val { color: var(--accent); font-size: 26px; font-weight: 700; letter-spacing: -0.02em; } + +.rcpt-bp-barcode { + background: repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 4px, var(--ink) 4px 5px, transparent 5px 8px, var(--ink) 8px 11px, transparent 11px 13px); + height: 36px; + margin-top: auto; +} + +/* ============ Receipt — H · voided runtime ============ */ + +.rcpt-void { + background: var(--bg); + border: 1px solid var(--line); + border-radius: 4px; + box-shadow: var(--light, 0 28px 60px -36px rgb(0 0 0 / 32%)) var(--dark, 0 1px 0 0 rgb(255 255 255 / 4%) inset); + display: grid; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + gap: 16px; + margin: 0 auto; + max-width: 560px; + padding: 28px 30px 26px; + position: relative; + width: 100%; + overflow: hidden; +} + +.rcpt-void-head { + align-items: center; + border-bottom: 2px solid var(--ink); + display: flex; + flex-wrap: wrap; + gap: 18px; + justify-content: space-between; + padding-bottom: 14px; + position: relative; + z-index: 1; +} + +.rcpt-void-stamp-mark { + background: #fee2e2; + border: 2px solid #dc2626; + color: #dc2626; + font-size: 16px; + font-weight: 700; + letter-spacing: 0.32em; + padding: 6px 14px; + transform: rotate(-3deg); +} + +.rcpt-void-meta { align-items: baseline; display: flex; font-size: 11px; gap: 10px; letter-spacing: 0.14em; text-transform: uppercase; } +.rcpt-void-meta-key { color: var(--ink-mute); } +.rcpt-void-meta-val { color: var(--ink); font-weight: 600; } + +.rcpt-void-items { display: grid; gap: 4px; list-style: none; margin: 0; padding: 0; position: relative; z-index: 1; } + +.rcpt-void-row { + align-items: baseline; + display: grid; + font-size: 13px; + gap: 12px; + grid-template-columns: 24px minmax(0, 1fr) auto; + padding: 8px 0; + position: relative; +} + +.rcpt-void-row.keep { border-bottom: 1px dotted var(--ink-mute); } + +.rcpt-void-mark { color: var(--accent); font-weight: 700; text-align: center; } +.rcpt-void-mark.void { color: #dc2626; } + +.rcpt-void-label { color: var(--ink); } +.rcpt-void-val { color: var(--ink); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } + +.rcpt-void-row.voided { + background: rgb(220 38 38 / 8%); + color: var(--ink-mute); + margin: 0 -12px; + padding: 8px 12px; + text-decoration: line-through; +} + +.rcpt-void-row.voided .rcpt-void-label, +.rcpt-void-row.voided .rcpt-void-val { color: var(--ink-mute); } + +.rcpt-void-strike { + background: #dc2626; + height: 1px; + left: 12px; + opacity: 0.5; + position: absolute; + right: 12px; + top: 50%; +} + +.rcpt-void-rule { border-top: 1px solid var(--ink); position: relative; z-index: 1; } + +.rcpt-void-summary { display: grid; gap: 8px; position: relative; z-index: 1; } + +.rcpt-void-summary > div { align-items: baseline; color: var(--ink-soft); display: flex; font-size: 12px; justify-content: space-between; } +.rcpt-void-summary-key { letter-spacing: 0.14em; text-transform: uppercase; } +.rcpt-void-summary-val { color: var(--ink); font-weight: 700; } + +.rcpt-void-total { + align-items: baseline; + border-top: 1px dashed var(--ink); + display: flex; + font-size: 13px; + font-weight: 700; + justify-content: space-between; + letter-spacing: 0.16em; + margin-top: 6px; + padding-top: 10px; + text-transform: uppercase; +} + +.rcpt-void-total-val { color: var(--accent); font-size: clamp(28px, 3vw, 40px); letter-spacing: -0.02em; } + +.rcpt-void-foot { + background: var(--bg-tint); + color: var(--ink-mute); + font-size: 11px; + letter-spacing: 0.04em; + margin: 8px -30px -26px; + padding: 12px 30px; + position: relative; + z-index: 1; +} + +.rcpt-void-foot code { + background: var(--card); + border: 1px solid var(--line); + border-radius: 4px; + padding: 1px 5px; +} + +.rcpt-void-watermark { + color: rgb(220 38 38 / 7%); + font-size: clamp(120px, 18vw, 220px); + font-weight: 900; + letter-spacing: 0.05em; + pointer-events: none; + position: absolute; + right: -18px; + top: 30%; + transform: rotate(-12deg); + user-select: none; +} + +/* ============ Size charts ============ */ + +.size-card { + margin: 0 auto; + max-width: var(--max-width); + width: 100%; +} + +.size-card-content { + display: grid; + gap: 18px; +} + +.size-source { + align-items: center; + display: flex; + flex-wrap: wrap; + gap: 8px; + padding-bottom: 14px; + border-bottom: 1px solid var(--line); +} + +.chart-block { + display: grid; + gap: 16px; + min-width: 0; +} + +.chart-head { + align-items: center; + display: flex; + gap: 14px; + justify-content: space-between; +} + +.chart-scale { + color: var(--ink-mute); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 11px; + letter-spacing: 0.06em; + text-transform: uppercase; +} + +.size-bars { + display: grid; + gap: 14px; +} + +.size-bars .tooltip { + display: block; +} + +.size-bars .tooltip-trigger { + display: block; + width: 100%; +} + +.size-row { + align-items: center; + cursor: help; + display: grid; + gap: 14px; + grid-template-columns: minmax(150px, 0.7fr) minmax(0, 1.8fr) minmax(96px, 0.45fr); +} + +.size-row-label, +.size-row-value { + display: grid; + gap: 3px; +} + +.size-row-label strong, +.size-row-value strong { + color: var(--ink); + font-family: Inter, sans-serif; + font-size: 14px; + font-weight: 600; + letter-spacing: 0; +} + +.size-row-label span, +.size-row-value span { + color: var(--ink-mute); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 11px; + letter-spacing: 0.06em; + text-transform: uppercase; +} + +.size-row-value { + text-align: right; +} + +.size-track { + background: var(--bg-tint); + border: 1px solid var(--line); + border-radius: 999px; + height: 18px; + overflow: hidden; + position: relative; +} + +.size-track::after { + background: linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), var(--line) 25%, transparent calc(25% + 1px), transparent calc(50% - 1px), var(--line) 50%, transparent calc(50% + 1px), transparent calc(75% - 1px), var(--line) 75%, transparent calc(75% + 1px)); + content: ""; + inset: 0; + opacity: 0.7; + pointer-events: none; + position: absolute; +} + +.size-bar { + border-radius: inherit; + height: 100%; +} + +/* ============ Playground ============ */ + +.playground-grid { + display: grid; + gap: 14px; + grid-template-columns: minmax(0, 1fr); + margin: 0 auto; + max-width: var(--max-width); + width: 100%; +} + +.card-editor { + overflow: hidden; + padding: 0; + gap: 0; +} + +.card-editor .select-list { + max-height: 280px; + overflow-y: auto; + right: 0; + left: auto; +} + +.playground-code-editor { + --dxc-editor-caret: var(--editor-fg); + --dxc-editor-focus-ring: inset 0 0 0 1px var(--accent); + --dxc-editor-gutter-line-padding: 0 14px 0 18px; + --dxc-editor-gutter-padding: 20px 0; + --dxc-editor-gutter-width: 4ch; + --dxc-editor-padding: 20px 22px 20px 18px; + --dxc-editor-selection: var(--editor-selection); + background: var(--editor-bg); + color: var(--editor-fg); + font: 14px/1.65 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace; + min-height: 480px; + width: 100%; +} + +.playground-code-editor .dxc-editor-gutter { + background: var(--editor-gutter-bg); + border-right: 1px solid var(--editor-gutter-line); + color: var(--editor-gutter-fg); +} + +.playground-code-editor .dxc-editor-highlight, +.playground-code-editor .dxc-editor-input { + overflow-x: auto; +} + +.editor-meta { + align-items: center; + display: inline-flex; + gap: 8px; +} + +.editor-meta-divider { + background: var(--line-strong); + display: inline-flex; + height: 12px; + width: 1px; +} + +/* ============ Docs ============ */ + +.docs-timeline { + display: grid; + gap: 0; + list-style: none; + margin: 0 auto; + max-width: var(--max-width); + padding: 0; + width: 100%; +} + +.docs-timeline-step { + display: grid; + gap: 28px; + grid-template-columns: 88px minmax(0, 1fr); + padding: 36px 6px; + position: relative; +} + +.docs-timeline-step + .docs-timeline-step { + border-top: 1px solid var(--line); +} + +.docs-timeline-rail { + display: flex; + justify-content: flex-end; + padding-top: 8px; + position: relative; +} + +.docs-timeline-rail::after { + background: var(--line); + bottom: -36px; + content: ""; + left: calc(100% - 22px); + position: absolute; + top: 56px; + transform: translateX(-50%); + width: 1px; +} + +.docs-timeline-step:last-child .docs-timeline-rail::after { + display: none; +} + +.docs-timeline-num { + background: var(--bg-tint); + border: 1px solid var(--line); + border-radius: 999px; + color: var(--ink); + display: inline-flex; + align-items: center; + justify-content: center; + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 13px; + font-weight: 600; + height: 44px; + letter-spacing: 0.04em; + width: 44px; +} + +.docs-timeline-content { + display: grid; + gap: 14px; + min-width: 0; +} + +.docs-timeline-title { + color: var(--ink); + font-family: Inter, sans-serif; + font-size: clamp(24px, 2.4vw, 34px); + font-weight: 600; + letter-spacing: -0.02em; + line-height: 1.15; + margin: 0; + max-width: 24ch; +} + +.docs-timeline-copy { + color: var(--ink-soft); + font-family: Inter, sans-serif; + font-size: 15px; + line-height: 1.6; + margin: 0; + max-width: 60ch; +} + +.docs-timeline-frame { + background: var(--code-bg); + border: 1px solid var(--line); + border-radius: var(--radius-inner); + margin-top: 4px; + overflow: hidden; +} + +/* ============ Footer ============ */ + +.card-footer { + background: var(--feature-bg-footer); + border: 1px solid var(--feature-line); + border-radius: var(--radius-card); + box-shadow: var(--shadow-card); + color: var(--feature-text); + margin: 0 auto; + max-width: var(--max-width); + padding: 48px; + width: 100%; + display: flex; + flex-direction: column; + gap: 24px; +} + +.footer-grid { + display: grid; + gap: 32px; + grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)); +} + +.footer-brand-row { + align-items: center; + display: flex; + gap: 12px; +} + +.footer-brand-name { + color: var(--feature-text); + font-family: Inter, sans-serif; + font-size: 17px; + font-weight: 600; + letter-spacing: -0.01em; +} + +.footer-tag { + color: var(--feature-soft); + font-family: Inter, sans-serif; + font-size: 14px; + line-height: 1.55; + margin: 14px 0 0; + max-width: 32ch; +} + +.footer-col { + display: grid; + gap: 10px; + align-content: start; +} + +.footer-col .card-eyebrow { + color: var(--feature-mute); + margin-bottom: 4px; +} + +.footer-col a { + color: var(--feature-soft); + font-family: Inter, sans-serif; + font-size: 14px; + font-weight: 500; + transition: color 0.15s; +} + +.footer-col a:hover { + color: var(--feature-text); +} + +.external-icon { + display: inline-block; + margin-left: 0.35em; + vertical-align: -0.1em; + opacity: 0.7; +} + +.footer-meta { + color: var(--feature-mute); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 12px; +} + +.footer-separator { + margin: 0; +} + +.footer-fineprint { + color: var(--feature-mute); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + font-size: 12px; + margin: 0; +} + +/* ============ Responsive ============ */ + +@media (max-width: 1100px) { + .hero-terminal-grid { + gap: 36px; + grid-template-columns: 1fr; + } + + .feature-grid { + grid-template-columns: 1fr; + } + + .ledger-grid { + grid-template-columns: 1fr; + } + + .ledger-divider { + height: 1px; + } + + .ledger-foot { + grid-template-columns: 1fr; + gap: 8px; + } + + .receipt-stack { + grid-template-columns: 1fr; + } + + .receipt { + margin: 0 auto; + width: 100%; + } + + .codeblock-body { + font-size: 12px; + } + + .cb-line { + grid-template-columns: 44px minmax(0, 1fr); + } + + .specimen-stage { + grid-template-columns: 1fr; + grid-template-areas: "tl" "tr" "hero" "bl" "br"; + text-align: left; + padding: 36px 24px; + } + + .specimen-anno.tr, + .specimen-anno.br { + justify-self: start; + } + + .specimen-hero { + font-size: clamp(120px, 38vw, 220px); + } + + .specimen-hero::before, + .specimen-hero::after { + display: none; + } + + .specimen-strip { + grid-template-columns: 1fr; + } + + .specimen-sample { + border-right: 0; + border-bottom: 1px solid var(--line); + } + + .specimen-sample:last-child { + border-bottom: 0; + } + + .punchcard-row { + grid-template-columns: 110px minmax(0, 1fr); + } + + .punchcard-meta { + grid-column: 2 / -1; + text-align: left; + } + + .manifest-meta { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .manifest-meta-cell:nth-child(2) { + border-right: 0; + } + + .manifest-meta-cell:nth-child(1), + .manifest-meta-cell:nth-child(2) { + border-bottom: 1px solid var(--line); + } + + .rx-grid { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .rx-field:nth-child(2) { + border-right: 0; + } + + .rx-field:nth-child(1), + .rx-field:nth-child(2) { + border-bottom: 1px dashed var(--line-strong); + } + + .rcpt-carbon-wrap { + grid-template-columns: 1fr; + gap: 24px; + } + + .rcpt-inv-letterhead { + align-items: start; + flex-direction: column; + gap: 18px; + } + + .rcpt-inv-summary { + grid-template-columns: 1fr; + text-align: center; + } + + .rcpt-inv-summary-rows { + margin: 0 auto; + } + + .docs-timeline-step { + grid-template-columns: 64px minmax(0, 1fr); + gap: 18px; + } + + .footer-grid { + grid-template-columns: 1fr 1fr; + } +} + +@media (max-width: 720px) { + .topbar { + gap: 8px; + padding: 0 18px; + } + + .topbar .navbar > .navbar-item[href^="#"] { + display: none; + } + + .topbar-tail { + flex-wrap: wrap; + } + + .section { + padding: 16px 14px; + } + + .section-head { + align-items: start; + flex-direction: column; + padding: 24px 6px 0; + } + + .hero { + padding: 24px 14px 40px; + } + + .ledger-side { + padding: 22px 18px; + } + + .ledger-bar, + .codeblock-bar, + .codeblock-foot { + padding: 12px 16px; + } + + .receipt { + padding: 28px 22px 26px; + } + + .receipt-aside-row { + grid-template-columns: 40px minmax(0, 1fr); + gap: 12px; + } + + .codeblock-body { + padding: 16px 0; + } + + .size-row { + align-items: stretch; + grid-template-columns: 1fr; + gap: 8px; + } + + .size-row-value { + text-align: left; + } + + .chart-head { + align-items: start; + flex-direction: column; + gap: 5px; + } + + .footer-grid { + grid-template-columns: 1fr; + } + + .card-footer { + padding: 24px; + } +} + +.dxc { + font-size: 14px; + line-height: 1.55; + overflow: auto; +} diff --git a/demo/assets/dioxus_color.svg b/demo/assets/dioxus_color.svg new file mode 100644 index 0000000..387e008 --- /dev/null +++ b/demo/assets/dioxus_color.svg @@ -0,0 +1,65 @@ + + + + + + + + + + + + + + + + + + + diff --git a/demo/assets/dx-components-theme.css b/demo/assets/dx-components-theme.css new file mode 100644 index 0000000..c55ca4a --- /dev/null +++ b/demo/assets/dx-components-theme.css @@ -0,0 +1,87 @@ +/* This file contains the global styles for the styled dioxus components. You only + * need to import this file once in your project root. + */ +@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"); + +body { + color: var(--secondary-color-4); + font-family: Inter, sans-serif; + font-optical-sizing: auto; + font-style: normal; + font-weight: 400; +} + +html[data-theme="dark"] { + --dark: initial; + --light: ; +} + +html[data-theme="light"] { + --dark: ; + --light: initial; +} + +@media (prefers-color-scheme: dark) { + :root { + --dark: initial; + --light: ; + } +} + +@media (prefers-color-scheme: light) { + :root { + --dark: ; + --light: initial; + } +} + +:root { + /* Primary colors */ + --primary-color: var(--dark, #000) var(--light, #fff); + --primary-color-1: var(--dark, #0e0e0e) var(--light, #fbfbfb); + --primary-color-2: var(--dark, #0a0a0a) var(--light, #fff); + --primary-color-3: var(--dark, #141313) var(--light, #f8f8f8); + --primary-color-4: var(--dark, #1a1a1a) var(--light, #f8f8f8); + --primary-color-5: var(--dark, #262626) var(--light, #f5f5f5); + --primary-color-6: var(--dark, #232323) var(--light, #e5e5e5); + --primary-color-7: var(--dark, #3e3e3e) var(--light, #b0b0b0); + + /* Secondary colors */ + --secondary-color: var(--dark, #fff) var(--light, #000); + --secondary-color-1: var(--dark, #fafafa) var(--light, #000); + --secondary-color-2: var(--dark, #e6e6e6) var(--light, #0d0d0d); + --secondary-color-3: var(--dark, #dcdcdc) var(--light, #2b2b2b); + --secondary-color-4: var(--dark, #d4d4d4) var(--light, #111); + --secondary-color-5: var(--dark, #a1a1a1) var(--light, #848484); + --secondary-color-6: var(--dark, #5d5d5d) var(--light, #d0d0d0); + + /* Highlight colors */ + --focused-border-color: var(--dark, #2b7fff) var(--light, #2b7fff); + --primary-success-color: var(--dark, #02271c) var(--light, #ecfdf5); + --secondary-success-color: var(--dark, #b6fae3) var(--light, #10b981); + --primary-warning-color: var(--dark, #342203) var(--light, #fffbeb); + --secondary-warning-color: var(--dark, #feeac7) var(--light, #f59e0b); + --primary-error-color: var(--dark, #a22e2e) var(--light, #dc2626); + --secondary-error-color: var(--dark, #9b1c1c) var(--light, #ef4444); + --contrast-error-color: var(--dark, var(--secondary-color-3)) var(--light, var(--primary-color)); + --primary-info-color: var(--dark, var(--primary-color-5)) var(--light, var(--primary-color)); + --secondary-info-color: var(--dark, var(--primary-color-7)) var(--light, var(--secondary-color-3)); +} + +/* Modern browsers with `scrollbar-*` support */ +@supports (scrollbar-width: auto) { + :not(:hover) { + scrollbar-color: rgb(0 0 0 / 0%) rgb(0 0 0 / 0%); + } + + :hover { + scrollbar-color: var(--secondary-color-2) rgb(0 0 0 / 0%); + } +} + +/* Legacy browsers with `::-webkit-scrollbar-*` support */ +@supports selector(::-webkit-scrollbar) { + :root::-webkit-scrollbar-track { + background: transparent; + } +} diff --git a/demo/snippets/demo.rs b/demo/snippets/demo.rs new file mode 100644 index 0000000..d593af3 --- /dev/null +++ b/demo/snippets/demo.rs @@ -0,0 +1,12 @@ +fn main() {} + +pub struct Report<'a> { + pub title: &'a str, + pub rows: usize, +} + +impl Report<'_> { + pub fn is_empty(&self) -> bool { + self.rows == 0 + } +} diff --git a/demo/snippets/example.rs b/demo/snippets/example.rs new file mode 100644 index 0000000..acb72bf --- /dev/null +++ b/demo/snippets/example.rs @@ -0,0 +1,12 @@ +fn main() {} + +pub fn fib(n: u32) -> u64 { + let mut a: u64 = 0; + let mut b: u64 = 1; + for _ in 0..n { + let next = a + b; + a = b; + b = next; + } + a +} diff --git a/demo/snippets/install.toml b/demo/snippets/install.toml new file mode 100644 index 0000000..2753b6b --- /dev/null +++ b/demo/snippets/install.toml @@ -0,0 +1 @@ +dioxus-code = { version = "0.1", features = ["runtime"] } diff --git a/demo/snippets/palette.rs b/demo/snippets/palette.rs index 6fe02a2..72c6c91 100644 --- a/demo/snippets/palette.rs +++ b/demo/snippets/palette.rs @@ -1,6 +1,10 @@ use dioxus::prelude::*; use dioxus_code::{Code, Theme, code}; +fn main() { + dioxus::launch(TokenPalette); +} + #[component] pub fn TokenPalette() -> Element { rsx! { diff --git a/demo/snippets/runtime.rs b/demo/snippets/runtime.rs new file mode 100644 index 0000000..b5f488f --- /dev/null +++ b/demo/snippets/runtime.rs @@ -0,0 +1,18 @@ +use dioxus::prelude::*; +use dioxus_code::{Code, CodeTheme, SourceCode, Theme}; + +fn main() { + dioxus::launch(App); +} + +#[component] +fn App() -> Element { + let source = use_signal(|| "fn main() {}".to_string()); + + rsx! { + Code { + src: SourceCode::new(source()).with_language("rust"), + theme: CodeTheme::system(Theme::GITHUB_LIGHT, Theme::GITHUB_DARK), + } + } +} diff --git a/demo/snippets/starter.rs b/demo/snippets/starter.rs new file mode 100644 index 0000000..eb49a3a --- /dev/null +++ b/demo/snippets/starter.rs @@ -0,0 +1,18 @@ +use dioxus::prelude::*; +use dioxus_code::{Code, Theme, code}; + +fn main() { + dioxus::launch(App); +} + +#[component] +fn App() -> Element { + rsx! { + div { class: "app", + Code { + src: code!("/snippets/demo.rs"), + theme: Theme::GITHUB_DARK, + } + } + } +} diff --git a/demo/snippets/static_macro.rs b/demo/snippets/static_macro.rs new file mode 100644 index 0000000..592f4d7 --- /dev/null +++ b/demo/snippets/static_macro.rs @@ -0,0 +1,16 @@ +use dioxus::prelude::*; +use dioxus_code::{Code, Theme, code}; + +fn main() { + dioxus::launch(App); +} + +#[component] +fn App() -> Element { + rsx! { + Code { + src: code!("/snippets/example.rs"), + theme: Theme::GITHUB_DARK, + } + } +} diff --git a/demo/src/components/badge/component.rs b/demo/src/components/badge/component.rs new file mode 100644 index 0000000..35015d4 --- /dev/null +++ b/demo/src/components/badge/component.rs @@ -0,0 +1,81 @@ +use dioxus::prelude::*; + +#[derive(Copy, Clone, PartialEq, Default)] +#[non_exhaustive] +#[allow(dead_code)] +pub enum BadgeVariant { + #[default] + Primary, + Secondary, + Outline, +} + +impl BadgeVariant { + pub fn class(&self) -> &'static str { + match self { + BadgeVariant::Primary => "primary", + BadgeVariant::Secondary => "secondary", + BadgeVariant::Outline => "outline", + } + } +} + +/// The props for the [`Badge`] component. +#[derive(Props, Clone, PartialEq)] +pub struct BadgeProps { + #[props(default)] + pub variant: BadgeVariant, + + /// Additional attributes to extend the badge element + #[props(extends = GlobalAttributes)] + pub attributes: Vec, + + /// The children of the badge element + pub children: Element, +} + +#[component] +pub fn Badge(props: BadgeProps) -> Element { + rsx! { + document::Link { rel: "stylesheet", href: asset!("./style.css") } + + BadgeElement { + "padding": true, + variant: props.variant, + attributes: props.attributes, + {props.children} + } + } +} + +#[component] +fn BadgeElement(props: BadgeProps) -> Element { + rsx! { + span { + class: "badge", + "data-style": props.variant.class(), + ..props.attributes, + {props.children} + } + } +} + +#[component] +pub fn VerifiedIcon() -> Element { + rsx! { + // Badge icon from lucide https://lucide.dev/icons/badge + svg { + view_box: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg", + width: "12", + height: "12", + fill: "none", + stroke: "var(--secondary-color-4)", + stroke_linecap: "round", + stroke_linejoin: "round", + stroke_width: 2, + path { d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z" } + path { d: "m9 12 2 2 4-4" } + } + } +} diff --git a/demo/src/components/badge/mod.rs b/demo/src/components/badge/mod.rs new file mode 100644 index 0000000..2590c01 --- /dev/null +++ b/demo/src/components/badge/mod.rs @@ -0,0 +1,2 @@ +mod component; +pub use component::*; diff --git a/demo/src/components/badge/style.css b/demo/src/components/badge/style.css new file mode 100644 index 0000000..e36df53 --- /dev/null +++ b/demo/src/components/badge/style.css @@ -0,0 +1,42 @@ +.badge-example { + display: flex; + align-items: center; + gap: 1rem; +} + +.badge { + display: inline-flex; + min-width: 20px; + height: 20px; + align-items: center; + justify-content: center; + border-radius: 10px; + box-shadow: 0 0 0 1px var(--primary-color-2); + font-size: 12px; + gap: 4px +} + +.badge[padding="true"] { + padding: 0 8px; +} + +.badge[data-style="primary"] { + background-color: var(--secondary-color-2); + color: var(--primary-color); +} + +.badge[data-style="secondary"] { + background-color: var(--primary-color-5); + color: var(--secondary-color-1); +} + +.badge[data-style="outline"] { + border: 1px solid var(--primary-color-6); + background-color: var(--light, var(--primary-color)) var(--dark, var(--primary-color-3)); + color: var(--secondary-color-4); +} + +.badge[data-style="destructive"] { + background-color: var(--primary-error-color); + color: var(--contrast-error-color); +} \ No newline at end of file diff --git a/demo/src/components/card/component.rs b/demo/src/components/card/component.rs new file mode 100644 index 0000000..036749a --- /dev/null +++ b/demo/src/components/card/component.rs @@ -0,0 +1,107 @@ +use dioxus::prelude::*; + +#[component] +pub fn Card( + #[props(extends=GlobalAttributes)] attributes: Vec, + children: Element, +) -> Element { + rsx! { + document::Link { rel: "stylesheet", href: asset!("./style.css") } + div { + class: "card", + "data-slot": "card", + ..attributes, + {children} + } + } +} + +#[component] +pub fn CardHeader( + #[props(extends=GlobalAttributes)] attributes: Vec, + children: Element, +) -> Element { + rsx! { + div { + class: "card-header", + "data-slot": "card-header", + ..attributes, + {children} + } + } +} + +#[component] +pub fn CardTitle( + #[props(extends=GlobalAttributes)] attributes: Vec, + children: Element, +) -> Element { + rsx! { + div { + class: "card-title", + "data-slot": "card-title", + ..attributes, + {children} + } + } +} + +#[component] +pub fn CardDescription( + #[props(extends=GlobalAttributes)] attributes: Vec, + children: Element, +) -> Element { + rsx! { + div { + class: "card-description", + "data-slot": "card-description", + ..attributes, + {children} + } + } +} + +#[component] +pub fn CardAction( + #[props(extends=GlobalAttributes)] attributes: Vec, + children: Element, +) -> Element { + rsx! { + div { + class: "card-action", + "data-slot": "card-action", + ..attributes, + {children} + } + } +} + +#[component] +pub fn CardContent( + #[props(extends=GlobalAttributes)] attributes: Vec, + children: Element, +) -> Element { + rsx! { + div { + class: "card-content", + "data-slot": "card-content", + ..attributes, + {children} + } + } +} + +#[component] +pub fn CardFooter( + #[props(extends=GlobalAttributes)] attributes: Vec, + children: Element, +) -> Element { + rsx! { + div { + class: "card-footer", + "data-slot": "card-footer", + ..attributes, + {children} + } + } +} diff --git a/demo/src/components/card/mod.rs b/demo/src/components/card/mod.rs new file mode 100644 index 0000000..2590c01 --- /dev/null +++ b/demo/src/components/card/mod.rs @@ -0,0 +1,2 @@ +mod component; +pub use component::*; diff --git a/demo/src/components/card/style.css b/demo/src/components/card/style.css new file mode 100644 index 0000000..de5cfa7 --- /dev/null +++ b/demo/src/components/card/style.css @@ -0,0 +1,52 @@ +.card { + display: flex; + flex-direction: column; + padding: 1.5rem 0; + border: 1px solid var(--light, var(--primary-color-6)) var(--dark, var(--primary-color-5)); + border-radius: 1rem; + background-color: var(--light, var(--primary-color-2)) var(--dark, var(--primary-color-3)); + box-shadow: 0 2px 10px rgb(0 0 0 / 10%); + color: var(--secondary-color-4); + gap: 1.5rem; +} + +.card-header { + display: grid; + align-items: start; + padding: 0 1.5rem; + gap: 0.5rem; + grid-auto-rows: min-content; + grid-template-rows: auto auto; +} + +.card-header:has([data-slot="card-action"]) { + grid-template-columns: 1fr auto; +} + +.card-title { + font-size: 1rem; + font-weight: 600; + line-height: 1; +} + +.card-description { + color: var(--secondary-color-5); + font-size: 0.875rem; + line-height: 1.25rem; +} + +.card-action { + grid-column-start: 2; + grid-row: 1 / span 2; + place-self: start end; +} + +.card-content { + padding: 0 1.5rem; +} + +.card-footer { + display: flex; + align-items: center; + padding: 1rem 1.5rem; +} diff --git a/demo/src/components/mod.rs b/demo/src/components/mod.rs new file mode 100644 index 0000000..09c8338 --- /dev/null +++ b/demo/src/components/mod.rs @@ -0,0 +1,8 @@ +// AUTOGENERATED Components module +pub mod badge; +pub mod card; +pub mod navbar; +pub mod select; +pub mod separator; +pub mod toggle_group; +pub mod tooltip; diff --git a/demo/src/components/navbar/component.rs b/demo/src/components/navbar/component.rs new file mode 100644 index 0000000..92584b3 --- /dev/null +++ b/demo/src/components/navbar/component.rs @@ -0,0 +1,78 @@ +use dioxus::prelude::*; +use dioxus_primitives::navbar::{ + self, NavbarContentProps, NavbarItemProps, NavbarNavProps, NavbarProps, NavbarTriggerProps, +}; + +#[component] +pub fn Navbar(props: NavbarProps) -> Element { + rsx! { + document::Link { rel: "stylesheet", href: asset!("./style.css") } + navbar::Navbar { + class: "navbar", + disabled: props.disabled, + roving_loop: props.roving_loop, + attributes: props.attributes, + {props.children} + } + } +} + +#[component] +pub fn NavbarNav(props: NavbarNavProps) -> Element { + rsx! { + navbar::NavbarNav { + class: "navbar-nav", + index: props.index, + disabled: props.disabled, + attributes: props.attributes, + {props.children} + } + } +} + +#[component] +pub fn NavbarTrigger(props: NavbarTriggerProps) -> Element { + rsx! { + navbar::NavbarTrigger { class: "navbar-trigger", attributes: props.attributes, + {props.children} + svg { + class: "navbar-expand-icon", + view_box: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg", + polyline { points: "6 9 12 15 18 9" } + } + } + } +} + +#[component] +pub fn NavbarContent(props: NavbarContentProps) -> Element { + rsx! { + navbar::NavbarContent { + class: "navbar-content", + id: props.id, + attributes: props.attributes, + {props.children} + } + } +} + +#[component] +pub fn NavbarItem(props: NavbarItemProps) -> Element { + rsx! { + navbar::NavbarItem { + class: "navbar-item", + index: props.index, + value: props.value, + disabled: props.disabled, + new_tab: props.new_tab, + to: props.to, + active_class: props.active_class, + attributes: props.attributes, + on_select: props.on_select, + onclick: props.onclick, + onmounted: props.onmounted, + {props.children} + } + } +} diff --git a/demo/src/components/navbar/mod.rs b/demo/src/components/navbar/mod.rs new file mode 100644 index 0000000..2590c01 --- /dev/null +++ b/demo/src/components/navbar/mod.rs @@ -0,0 +1,2 @@ +mod component; +pub use component::*; diff --git a/demo/src/components/navbar/style.css b/demo/src/components/navbar/style.css new file mode 100644 index 0000000..151cc94 --- /dev/null +++ b/demo/src/components/navbar/style.css @@ -0,0 +1,145 @@ +.navbar { + display: flex; + box-sizing: border-box; + padding: 0.25rem; + border: none; + border-radius: 0.5rem; + gap: 0.25rem; +} + +.navbar-nav { + position: relative; +} + +.navbar-trigger { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + padding: 8px 12px; + border: none; + border-radius: calc(0.5rem - 0.25rem); + background: none; + color: var(--secondary-color-4); + cursor: pointer; + transition: background-color 100ms ease-out; +} + +.navbar-nav[data-state="open"] .navbar-trigger { + background-color: var(--light, var(--primary-color-4)) + var(--dark, var(--primary-color-7)); + color: var(--secondary-color-1); +} + +.navbar-trigger[data-disabled="true"] { + color: var(--secondary-color-5); + cursor: not-allowed; +} + +.navbar-trigger:hover:not([data-disabled="true"]), +.navbar-trigger:focus-visible { + background: var(--light, var(--primary-color-4)) + var(--dark, var(--primary-color-7)); + color: var(--secondary-color-1); + outline: none; +} + +/* Include the top margin in the navbar content pointer events */ +.navbar-content::before { + position: absolute; + top: -0.5rem; + left: 0; + width: 100%; + height: 0.5rem; + content: ""; +} + +.navbar-content { + position: absolute; + z-index: 1000; + top: 100%; + left: 0; + min-width: 200px; + padding: 0.25rem; + border-radius: 0.5rem; + margin-top: 0.5rem; + background: var(--light, var(--primary-color)) + var(--dark, var(--primary-color-5)); + box-shadow: inset 0 0 0 1px var(--light, var(--primary-color-6)) + var(--dark, var(--primary-color-7)); + opacity: 0; + pointer-events: none; + transform-origin: top; + will-change: transform, opacity; +} + +.navbar-nav:first-child .navbar-content { + margin-left: -0.25rem; +} + +.navbar-content[data-state="closed"] { + transition: opacity 150ms ease-in, transform 150ms ease-in; +} + +.navbar-content[data-state="closed"][data-open-menu-direction="start"] { + transform: translateX(-100%) scale(0.98); +} + +.navbar-content[data-state="closed"][data-open-menu-direction="end"] { + transform: translateX(100%) scale(0.98); +} + +.navbar-content[data-state="closed"][data-open-menu-direction="closed"] { + transform: translateY(1rem) scale(0.98); +} + +.navbar-content[data-state="open"] { + opacity: 1; + pointer-events: auto; + transform: translateX(0) translateY(0) scale(1); + transition: opacity 200ms ease-out, + transform 200ms cubic-bezier(0.16, 1, 0.3, 1); +} + +.navbar-item { + display: block; + padding: 8px 12px; + border-radius: calc(0.5rem - 0.25rem); + color: var(--secondary-color-4); + cursor: pointer; + font-size: 14px; + text-decoration: none; +} + +.navbar-item[data-disabled="true"] { + color: var(--secondary-color-5); + cursor: not-allowed; +} + +.navbar-item:hover:not([data-disabled="true"]), +.navbar-item:focus-visible { + background: var(--light, var(--primary-color-4)) + var(--dark, var(--primary-color-7)); + color: var(--secondary-color-1); + outline: none; +} + +[data-disabled="true"] { + cursor: not-allowed; + opacity: 0.5; +} + +.navbar-expand-icon { + width: 20px; + height: 20px; + fill: none; + stroke: var(--secondary-color-4); + stroke-linecap: round; + stroke-linejoin: round; + stroke-width: 2; + transition: rotate 150ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.navbar-nav[data-state="open"] .navbar-expand-icon { + rotate: 180deg; +} diff --git a/demo/src/components/select/component.rs b/demo/src/components/select/component.rs new file mode 100644 index 0000000..4a63492 --- /dev/null +++ b/demo/src/components/select/component.rs @@ -0,0 +1,115 @@ +use dioxus::prelude::*; +use dioxus_primitives::select::{ + self, SelectGroupLabelProps, SelectGroupProps, SelectListProps, SelectOptionProps, SelectProps, + SelectTriggerProps, SelectValueProps, +}; + +#[component] +pub fn Select(props: SelectProps) -> Element { + rsx! { + document::Link { rel: "stylesheet", href: asset!("./style.css") } + select::Select { + class: "select", + value: props.value, + default_value: props.default_value, + on_value_change: props.on_value_change, + disabled: props.disabled, + name: props.name, + roving_loop: props.roving_loop, + typeahead_timeout: props.typeahead_timeout, + attributes: props.attributes, + {props.children} + } + } +} + +#[component] +pub fn SelectTrigger(props: SelectTriggerProps) -> Element { + rsx! { + select::SelectTrigger { class: "select-trigger", attributes: props.attributes, + {props.children} + svg { + class: "select-expand-icon", + view_box: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg", + polyline { points: "6 9 12 15 18 9" } + } + } + } +} + +#[component] +pub fn SelectValue(props: SelectValueProps) -> Element { + rsx! { + select::SelectValue { attributes: props.attributes } + } +} + +#[component] +pub fn SelectList(props: SelectListProps) -> Element { + rsx! { + select::SelectList { + class: "select-list", + id: props.id, + attributes: props.attributes, + {props.children} + } + } +} + +#[component] +pub fn SelectGroup(props: SelectGroupProps) -> Element { + rsx! { + select::SelectGroup { + class: "select-group", + disabled: props.disabled, + id: props.id, + attributes: props.attributes, + {props.children} + } + } +} + +#[component] +pub fn SelectGroupLabel(props: SelectGroupLabelProps) -> Element { + rsx! { + select::SelectGroupLabel { + class: "select-group-label", + id: props.id, + attributes: props.attributes, + {props.children} + } + } +} + +#[component] +pub fn SelectOption(props: SelectOptionProps) -> Element { + rsx! { + select::SelectOption:: { + class: "select-option", + value: props.value, + text_value: props.text_value, + disabled: props.disabled, + id: props.id, + index: props.index, + aria_label: props.aria_label, + aria_roledescription: props.aria_roledescription, + attributes: props.attributes, + {props.children} + } + } +} + +#[component] +pub fn SelectItemIndicator() -> Element { + rsx! { + select::SelectItemIndicator { + svg { + class: "select-check-icon", + view_box: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg", + path { d: "M5 13l4 4L19 7" } + } + } + } +} diff --git a/demo/src/components/select/mod.rs b/demo/src/components/select/mod.rs new file mode 100644 index 0000000..2590c01 --- /dev/null +++ b/demo/src/components/select/mod.rs @@ -0,0 +1,2 @@ +mod component; +pub use component::*; diff --git a/demo/src/components/select/style.css b/demo/src/components/select/style.css new file mode 100644 index 0000000..ca02cb4 --- /dev/null +++ b/demo/src/components/select/style.css @@ -0,0 +1,159 @@ +.select { + position: relative; +} + +.select-trigger { + position: relative; + display: flex; + box-sizing: border-box; + flex-direction: row; + align-items: center; + justify-content: space-between; + padding: 0.25rem; + padding: 8px 12px; + border: none; + border-radius: 0.5rem; + border-radius: calc(0.5rem); + background: none; + background: var(--light, var(--primary-color)) + var(--dark, var(--primary-color-3)); + box-shadow: inset 0 0 0 1px var(--light, var(--primary-color-6)) + var(--dark, var(--primary-color-7)); + color: var(--secondary-color-4); + cursor: pointer; + gap: 0.25rem; + text-transform: none; + letter-spacing: normal; + transition: background-color 100ms ease-out; +} + +.select-trigger span[data-placeholder="true"] { + color: var(--secondary-color-5); +} + +.select[data-state="open"] .select-trigger { + pointer-events: none; +} + +.select-expand-icon { + width: 20px; + height: 20px; + fill: none; + stroke: var(--primary-color-7); + stroke-linecap: round; + stroke-linejoin: round; + stroke-width: 2; +} + +.select-check-icon { + width: 1rem; + height: 1rem; + fill: none; + stroke: var(--secondary-color-5); + stroke-linecap: round; + stroke-linejoin: round; + stroke-width: 2; +} + +.select[data-disabled="true"] .select-trigger { + color: var(--secondary-color-5); + cursor: not-allowed; +} + +.select-trigger:hover:not([data-disabled="true"]), +.select-trigger:focus-visible { + background: var(--light, var(--primary-color-4)) + var(--dark, var(--primary-color-5)); + color: var(--secondary-color-1); + outline: none; +} + +.select-list { + position: absolute; + z-index: 1000; + top: 100%; + left: 0; + min-width: 100%; + box-sizing: border-box; + padding: 0.25rem; + border-radius: 0.5rem; + margin-top: 0.25rem; + background: var(--light, var(--primary-color)) + var(--dark, var(--primary-color-5)); + box-shadow: inset 0 0 0 1px var(--light, var(--primary-color-6)) + var(--dark, var(--primary-color-7)); + opacity: 0; + pointer-events: none; + text-transform: none; + letter-spacing: normal; + transform-origin: top; + will-change: transform, opacity; +} + +.select-list[data-state="closed"] { + animation: select-list-animate-out 150ms ease-in forwards; + pointer-events: none; +} + +@keyframes select-list-animate-out { + 0% { + opacity: 1; + transform: scale(1) translateY(0); + } + + 100% { + opacity: 0; + transform: scale(0.95) translateY(-2px); + } +} + +.select-list[data-state="open"] { + animation: select-list-animate-in 150ms ease-out forwards; + pointer-events: auto; +} + +@keyframes select-list-animate-in { + 0% { + opacity: 0; + transform: scale(0.95) translateY(-2px); + } + + 100% { + opacity: 1; + transform: scale(1) translateY(0); + } +} + +.select-option { + display: flex; + align-items: center; + justify-content: space-between; + padding: 8px 12px; + border-radius: calc(0.5rem - 0.25rem); + cursor: pointer; + font-size: 14px; +} + +.select-option[data-disabled="true"] { + color: var(--secondary-color-5); + cursor: not-allowed; +} + +.select-option:hover:not([data-disabled="true"]), +.select-option:focus-visible { + background: var(--light, var(--primary-color-4)) + var(--dark, var(--primary-color-7)); + color: var(--secondary-color-1); + outline: none; +} + +.select-group-label { + padding: 4px 12px; + color: var(--secondary-color-5); + font-size: 0.75rem; +} + +[data-disabled="true"] { + cursor: not-allowed; + opacity: 0.5; +} diff --git a/demo/src/components/separator/component.rs b/demo/src/components/separator/component.rs new file mode 100644 index 0000000..af195e1 --- /dev/null +++ b/demo/src/components/separator/component.rs @@ -0,0 +1,16 @@ +use dioxus::prelude::*; +use dioxus_primitives::separator::{self, SeparatorProps}; + +#[component] +pub fn Separator(props: SeparatorProps) -> Element { + rsx! { + document::Link { rel: "stylesheet", href: asset!("./style.css") } + separator::Separator { + class: "separator", + horizontal: props.horizontal, + decorative: props.decorative, + attributes: props.attributes, + {props.children} + } + } +} diff --git a/demo/src/components/separator/mod.rs b/demo/src/components/separator/mod.rs new file mode 100644 index 0000000..2590c01 --- /dev/null +++ b/demo/src/components/separator/mod.rs @@ -0,0 +1,2 @@ +mod component; +pub use component::*; diff --git a/demo/src/components/separator/style.css b/demo/src/components/separator/style.css new file mode 100644 index 0000000..cfff431 --- /dev/null +++ b/demo/src/components/separator/style.css @@ -0,0 +1,13 @@ +.separator { + background-color: var(--light, var(--primary-color-6)) var(--dark, var(--primary-color-7)); +} + +.separator[data-orientation="horizontal"] { + width: 100%; + height: 1px; +} + +.separator[data-orientation="vertical"] { + width: 1px; + height: 100%; +} diff --git a/demo/src/components/toggle_group/component.rs b/demo/src/components/toggle_group/component.rs new file mode 100644 index 0000000..b8f8e77 --- /dev/null +++ b/demo/src/components/toggle_group/component.rs @@ -0,0 +1,34 @@ +use dioxus::prelude::*; +use dioxus_primitives::toggle_group::{self, ToggleGroupProps, ToggleItemProps}; + +#[component] +pub fn ToggleGroup(props: ToggleGroupProps) -> Element { + rsx! { + document::Link { rel: "stylesheet", href: asset!("./style.css") } + toggle_group::ToggleGroup { + class: "toggle-group", + default_pressed: props.default_pressed, + pressed: props.pressed, + on_pressed_change: props.on_pressed_change, + disabled: props.disabled, + allow_multiple_pressed: props.allow_multiple_pressed, + horizontal: props.horizontal, + roving_loop: props.roving_loop, + attributes: props.attributes, + {props.children} + } + } +} + +#[component] +pub fn ToggleItem(props: ToggleItemProps) -> Element { + rsx! { + toggle_group::ToggleItem { + class: "toggle-item", + index: props.index, + disabled: props.disabled, + attributes: props.attributes, + {props.children} + } + } +} diff --git a/demo/src/components/toggle_group/mod.rs b/demo/src/components/toggle_group/mod.rs new file mode 100644 index 0000000..2590c01 --- /dev/null +++ b/demo/src/components/toggle_group/mod.rs @@ -0,0 +1,2 @@ +mod component; +pub use component::*; diff --git a/demo/src/components/toggle_group/style.css b/demo/src/components/toggle_group/style.css new file mode 100644 index 0000000..e9e2405 --- /dev/null +++ b/demo/src/components/toggle_group/style.css @@ -0,0 +1,59 @@ +.toggle-group { + width: fit-content; +} + +.toggle-item { + min-width: 35px; + padding: 10px; + border: none; + border-radius: 0; + background-color: transparent; + color: var(--secondary-color-4); + font-size: 14px; + outline: none; + transition: background-color 200ms ease, border 200ms ease; +} + +.toggle-group[data-allow-multiple-pressed="true"] + .toggle-item { + border-top: 1px solid var(--primary-color-6); + border-right: 1px solid var(--primary-color-6); + border-bottom: 1px solid var(--primary-color-6); +} + +.toggle-item:hover, +.toggle-item:focus-visible { + background-color: var(--primary-color-4); + cursor: pointer; +} + +.toggle-item[data-state="on"] { + background-color: var(--primary-color-7); + color: var(--secondary-color-1); +} + +.toggle-group[data-allow-multiple-pressed="true"] + .toggle-item[data-state="on"] { + border-top: 1px solid var(--secondary-color-6); + border-right: 1px solid var(--secondary-color-6); + border-bottom: 1px solid var(--secondary-color-6); +} + +.toggle-group[data-allow-multiple-pressed="true"] + .toggle-item:first-child[data-state="on"] { + border: 1px solid var(--secondary-color-6); +} + +.toggle-item:first-child { + border-bottom-left-radius: 0.5rem; + border-top-left-radius: 0.5rem; +} + +.toggle-group[data-allow-multiple-pressed="true"] .toggle-item:first-child { + border: 1px solid var(--primary-color-6); +} + +.toggle-item:last-child { + border-bottom-right-radius: 0.5rem; + border-top-right-radius: 0.5rem; +} diff --git a/demo/src/components/tooltip/component.rs b/demo/src/components/tooltip/component.rs new file mode 100644 index 0000000..ea48bc4 --- /dev/null +++ b/demo/src/components/tooltip/component.rs @@ -0,0 +1,45 @@ +use dioxus::prelude::*; +use dioxus_primitives::tooltip::{self, TooltipContentProps, TooltipProps, TooltipTriggerProps}; + +#[component] +pub fn Tooltip(props: TooltipProps) -> Element { + rsx! { + document::Link { rel: "stylesheet", href: asset!("./style.css") } + tooltip::Tooltip { + class: "tooltip", + disabled: props.disabled, + open: props.open, + default_open: props.default_open, + on_open_change: props.on_open_change, + attributes: props.attributes, + {props.children} + } + } +} + +#[component] +pub fn TooltipTrigger(props: TooltipTriggerProps) -> Element { + rsx! { + tooltip::TooltipTrigger { + class: "tooltip-trigger", + id: props.id, + as: props.r#as, + attributes: props.attributes, + {props.children} + } + } +} + +#[component] +pub fn TooltipContent(props: TooltipContentProps) -> Element { + rsx! { + tooltip::TooltipContent { + class: "tooltip-content", + id: props.id, + side: props.side, + align: props.align, + attributes: props.attributes, + {props.children} + } + } +} diff --git a/demo/src/components/tooltip/mod.rs b/demo/src/components/tooltip/mod.rs new file mode 100644 index 0000000..f189b1f --- /dev/null +++ b/demo/src/components/tooltip/mod.rs @@ -0,0 +1 @@ +mod component; diff --git a/demo/src/components/tooltip/style.css b/demo/src/components/tooltip/style.css new file mode 100644 index 0000000..0388ab8 --- /dev/null +++ b/demo/src/components/tooltip/style.css @@ -0,0 +1,150 @@ +/* Tooltip Styles */ +.tooltip { + position: relative; + display: inline-block; +} + +.tooltip-trigger { + display: inline-block; +} + +.tooltip-content { + position: absolute; + z-index: 1000; + max-width: 250px; + padding: 8px 12px; + border-radius: 0.5rem; + animation: tooltip-fade-in 0.2s ease-in-out; + background-color: var(--secondary-color-4); + color: var(--primary-color); + font-size: 14px; + line-height: 1.4; +} + +.tooltip-content::after { + position: absolute; + border-width: 0.25rem; + border-style: solid; + margin-left: -0.25rem; + content: " "; + rotate: 45deg; +} + +/* Positioning based on side */ +.tooltip-content[data-side="top"] { + position: absolute; + bottom: 100%; + left: 50%; + margin-bottom: 8px; + transform: translateX(-50%); +} + +.tooltip-content[data-side="top"]::after { + top: calc(100% - 0.25rem); + left: 50%; + border-color: var(--secondary-color-4); + border-radius: 0 0 0.1rem; +} + +.tooltip-content[data-side="right"] { + position: absolute; + top: 50%; + left: 100%; + margin-left: 8px; + transform: translateY(-50%); +} + +.tooltip-content[data-side="right"]::after { + top: calc(50% - 0.25rem); + left: 0; + border-color: var(--secondary-color-4); + border-radius: 0 0 0 0.1rem; +} + +.tooltip-content[data-side="bottom"] { + position: absolute; + top: 100%; + left: 50%; + margin-top: 8px; + transform: translateX(-50%); +} + +.tooltip-content[data-side="bottom"]::after { + bottom: calc(100% - 0.25rem); + left: 50%; + border-color: var(--secondary-color-4); + border-radius: 0.1rem 0 0; +} + +.tooltip-content[data-side="left"] { + position: absolute; + top: 50%; + right: 100%; + margin-right: 8px; + transform: translateY(-50%); +} + +.tooltip-content[data-side="left"]::after { + top: calc(50% - 0.25rem); + right: -0.25rem; + border-color: var(--secondary-color-4); + border-radius: 0 0.1rem 0 0; +} + +/* Alignment styles for top and bottom */ +.tooltip-content[data-side="top"][data-align="start"], +.tooltip-content[data-side="bottom"][data-align="start"] { + left: 0; + transform: none; +} + +.tooltip-content[data-side="top"][data-align="end"], +.tooltip-content[data-side="bottom"][data-align="end"] { + right: 0; + left: auto; + transform: none; +} + +/* Alignment styles for left and right */ +.tooltip-content[data-side="left"][data-align="start"], +.tooltip-content[data-side="right"][data-align="start"] { + top: 0; + transform: none; +} + +.tooltip-content[data-side="left"][data-align="center"], +.tooltip-content[data-side="right"][data-align="center"] { + top: 50%; + transform: translateY(-50%); +} + +.tooltip-content[data-side="left"][data-align="end"], +.tooltip-content[data-side="right"][data-align="end"] { + top: auto; + bottom: 0; + transform: none; +} + +/* Animation */ +@keyframes tooltip-fade-in { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +/* State styles */ +.tooltip[data-disabled="true"] .tooltip-trigger { + cursor: default; +} + +.tooltip-content[data-state="closed"] { + display: none; +} + +.tooltip-content[data-state="open"] { + display: block; +} diff --git a/demo/src/main.rs b/demo/src/main.rs index 91480b3..0fe49e2 100644 --- a/demo/src/main.rs +++ b/demo/src/main.rs @@ -1,67 +1,42 @@ +use std::collections::HashSet; + use dioxus::prelude::*; -use dioxus_code::{Code, SourceCode, Theme, code}; +use dioxus_code::{Code, CodeTheme, SourceCode, Theme}; use dioxus_code_editor::CodeEditor; -const STARTER: &str = r#"use dioxus::prelude::*; - -#[component] -fn Counter() -> Element { - let mut count = use_signal(|| 0); - - rsx! { - button { - onclick: move |_| count += 1, - "Count: {count}" - } - } -} -"#; - -const PYTHON: &str = r#"def normalize(values): - total = sum(values) - return [round(value / total, 3) for value in values] - -weights = normalize([12, 18, 7, 31]) -print(weights) -"#; - -const DOCS_INSTALL: &str = r#"dioxus-code = { version = "0.1", features = ["runtime"] } -"#; - -const DOCS_RUNTIME: &str = r#"use dioxus_code::{Code, SourceCode, Theme}; - -rsx! { - Code { - src: SourceCode::new(source).with_language("rust"), - theme: Theme::TOKYO_NIGHT, - } -} -"#; - -const DOCS_STATIC: &str = r#"use dioxus_code::{Code, Theme, code}; - -rsx! { - Code { - src: code!("/snippets/example.rs"), - theme: Theme::RUSTDOC_AYU, - } -} -"#; - +mod components; #[cfg(not(feature = "server"))] -const SYSTEM_THEME_SCRIPT: &str = r#" -const media = window.matchMedia("(prefers-color-scheme: dark)"); -const send = () => dioxus.send(media.matches); -send(); - -if (media.addEventListener) { - media.addEventListener("change", send); -} else { - media.addListener(send); -} - -await new Promise(() => {}); -"#; +mod theme; + +use components::badge::{Badge, BadgeVariant}; +use components::card::Card; +use components::navbar::{Navbar, NavbarContent, NavbarItem, NavbarNav, NavbarTrigger}; +use components::select::{ + Select, SelectItemIndicator, SelectList, SelectOption, SelectTrigger, SelectValue, +}; +use components::separator::Separator; +use components::toggle_group::{ToggleGroup, ToggleItem}; + +const STARTER: &str = include_str!("../snippets/starter.rs"); +const DOCS_INSTALL: &str = include_str!("../snippets/install.toml"); +const DOCS_RUNTIME: &str = include_str!("../snippets/runtime.rs"); +const DOCS_STATIC: &str = include_str!("../snippets/static_macro.rs"); + +const COMPONENTS_THEME_CSS: Asset = asset!("/assets/dx-components-theme.css"); + +const DEMO_THEME_PAIRS: &[ThemePair] = &[ + ThemePair::new(Theme::GITHUB_LIGHT, Theme::GITHUB_DARK), + ThemePair::new(Theme::ALABASTER, Theme::ZENBURN), + ThemePair::new(Theme::AYU_LIGHT, Theme::AYU_DARK), + ThemePair::new(Theme::CATPPUCCIN_LATTE, Theme::CATPPUCCIN_MOCHA), + ThemePair::new(Theme::DAYFOX, Theme::TOKYO_NIGHT), + ThemePair::new(Theme::GRUVBOX_LIGHT, Theme::GRUVBOX_DARK), + ThemePair::new(Theme::LIGHT_OWL, Theme::DRACULA), + ThemePair::new(Theme::LUCIUS_LIGHT, Theme::COBALT2), + ThemePair::new(Theme::MELANGE_LIGHT, Theme::MELANGE_DARK), + ThemePair::new(Theme::RUSTDOC_LIGHT, Theme::RUSTDOC_AYU), + ThemePair::new(Theme::SOLARIZED_LIGHT, Theme::SOLARIZED_DARK), +]; #[derive(Clone, Copy, PartialEq, Eq)] enum Scheme { @@ -71,52 +46,53 @@ enum Scheme { } impl Scheme { - fn class(self) -> &'static str { + fn toggle_index(self) -> usize { match self { - Scheme::System => "site-shell theme-system", - Scheme::Light => "site-shell theme-light", - Scheme::Dark => "site-shell theme-dark", + Scheme::System => 0, + Scheme::Light => 1, + Scheme::Dark => 2, } } - fn resolved(self, system_theme: ThemeMode) -> ThemeMode { - match self { - Scheme::System => system_theme, - Scheme::Light => ThemeMode::Light, - Scheme::Dark => ThemeMode::Dark, + fn from_toggle_index(index: usize) -> Self { + match index { + 1 => Scheme::Light, + 2 => Scheme::Dark, + _ => Scheme::System, } } } -#[derive(Clone, Copy, PartialEq, Eq)] -enum ThemeMode { - Light, - Dark, +#[derive(Clone, Copy)] +struct ThemePair { + light: Theme, + dark: Theme, } -impl ThemeMode { - #[cfg(not(feature = "server"))] - fn from_is_dark(is_dark: bool) -> Self { - if is_dark { - ThemeMode::Dark - } else { - ThemeMode::Light - } +impl ThemePair { + const fn new(light: Theme, dark: Theme) -> Self { + Self { light, dark } } - fn demo_themes(self) -> &'static [DemoTheme] { - match self { - ThemeMode::Light => light_demo_themes(), - ThemeMode::Dark => dark_demo_themes(), + fn code_theme(self, scheme: Scheme) -> CodeTheme { + match scheme { + Scheme::System => CodeTheme::system(self.light, self.dark), + Scheme::Light => CodeTheme::fixed(self.light), + Scheme::Dark => CodeTheme::fixed(self.dark), } } - fn pick(self, light: Theme, dark: Theme) -> Theme { - match self { - ThemeMode::Light => light, - ThemeMode::Dark => dark, + fn display_name(self, scheme: Scheme) -> String { + match scheme { + Scheme::System => format!("{} / {}", self.light.name(), self.dark.name()), + Scheme::Light => self.light.name().to_string(), + Scheme::Dark => self.dark.name().to_string(), } } + + fn option_name(self) -> String { + format!("{} / {}", self.light.name(), self.dark.name()) + } } #[cfg(not(feature = "server"))] @@ -165,7 +141,11 @@ fn static_routes() -> Vec { #[component] fn App() -> Element { + #[cfg(not(feature = "server"))] + use_hook(theme::theme_seed); + rsx! { + document::Link { rel: "stylesheet", href: COMPONENTS_THEME_CSS } Router:: {} } } @@ -180,34 +160,30 @@ enum Route { fn Home() -> Element { let source = use_signal(|| STARTER.to_string()); let active_theme = use_signal(|| 0usize); - let scheme = use_signal(|| Scheme::System); - let system_theme = use_signal(|| ThemeMode::Light); + let mut scheme = use_signal(|| Scheme::System); #[cfg(not(feature = "server"))] { - let mut system_theme_for_script = system_theme; use_future(move || async move { - let mut eval = document::eval(SYSTEM_THEME_SCRIPT); - - while let Ok(is_dark) = eval.recv::().await { - system_theme_for_script.set(ThemeMode::from_is_dark(is_dark)); - } + scheme.set(theme::read_cookie_scheme().await); }); } - let theme_mode = scheme().resolved(system_theme()); - let themes = theme_mode.demo_themes(); - let active_theme_index = active_theme().min(themes.len() - 1); + let scheme_value = scheme(); + let theme_pairs = demo_theme_pairs(); + let active_theme_index = active_theme().min(theme_pairs.len() - 1); + let active_theme_pair = theme_pairs[active_theme_index]; + let hero_theme = active_theme_pair.code_theme(scheme_value); + let hero_theme_name = active_theme_pair.display_name(scheme_value); rsx! { - style { {APP_CSS} } - main { class: scheme().class(), + document::Link { rel: "stylesheet", href: APP_CSS } + main { class: "site-shell", Header { scheme } - Hero { source: source(), theme: themes[active_theme_index].theme } - SizeCharts {} - Playground { source, active_theme, theme_mode } - Demos { theme_mode } - Docs { theme_mode } + Hero { source: source(), theme: hero_theme, theme_name: hero_theme_name } + FeatureRowReceipt {} + Playground { source, active_theme, scheme: scheme_value } + Docs { scheme: scheme_value } SiteFooter {} } } @@ -218,16 +194,62 @@ fn Header(scheme: Signal) -> Element { rsx! { header { class: "topbar", a { class: "brand", href: "#top", "aria-label": "Homepage", - span { class: "brand-mark", "dx" } + span { class: "brand-mark", + IconDioxus {} + } span { "dioxus-code" } } - nav { - a { href: "#sizes", "Size" } - a { href: "#playground", "Playground" } - a { href: "#demos", "Demos" } - a { href: "#docs", "Docs" } + Navbar { "aria-label": "Main navigation", + NavbarItem { + index: 0usize, + value: "features".to_string(), + to: "#features", + "Why" + } + NavbarItem { + index: 1usize, + value: "playground".to_string(), + to: "#playground", + "Playground" + } + NavbarItem { + index: 2usize, + value: "docs".to_string(), + to: "#docs", + "Docs" + } + NavbarNav { index: 3usize, + NavbarTrigger { "Resources" } + NavbarContent { + NavbarItem { + index: 0usize, + value: "crates".to_string(), + to: "https://crates.io/crates/dioxus-code", + new_tab: true, + "crates.io" + IconExternal {} + } + NavbarItem { + index: 1usize, + value: "docs".to_string(), + to: "https://docs.rs/dioxus-code", + new_tab: true, + "docs.rs" + IconExternal {} + } + NavbarItem { + index: 2usize, + value: "github".to_string(), + to: "https://github.com/ealmloff/dioxus-code", + new_tab: true, + "GitHub" + IconExternal {} + } + } + } + } + div { class: "topbar-tail", ThemeToggle { scheme } - a { class: "topbar-cta", href: "https://crates.io/crates/dioxus-code", "crates.io ↗" } } } } @@ -235,37 +257,127 @@ fn Header(scheme: Signal) -> Element { #[component] fn ThemeToggle(mut scheme: Signal) -> Element { + let pressed_set = use_memo(move || Some(HashSet::from([scheme().toggle_index()]))); + rsx! { - div { class: "theme-toggle", role: "group", "aria-label": "Color scheme", - button { - class: if scheme() == Scheme::System { "theme-seg active" } else { "theme-seg" }, - title: "System", + ToggleGroup { + "aria-label": "Color scheme", + horizontal: true, + pressed: pressed_set, + on_pressed_change: move |set: HashSet| { + if let Some(&idx) = set.iter().next() { + let new = Scheme::from_toggle_index(idx); + scheme.set(new); + #[cfg(not(feature = "server"))] + theme::set_scheme(new); + } + }, + ToggleItem { + index: 0usize, "aria-label": "Use system color scheme", - onclick: move |_| scheme.set(Scheme::System), + title: "System", IconMonitor {} } - button { - class: if scheme() == Scheme::Light { "theme-seg active" } else { "theme-seg" }, - title: "Light", + ToggleItem { + index: 1usize, "aria-label": "Light color scheme", - onclick: move |_| scheme.set(Scheme::Light), + title: "Light", IconSun {} } - button { - class: if scheme() == Scheme::Dark { "theme-seg active" } else { "theme-seg" }, - title: "Dark", + ToggleItem { + index: 2usize, "aria-label": "Dark color scheme", - onclick: move |_| scheme.set(Scheme::Dark), + title: "Dark", IconMoon {} } } } } +#[component] +fn CopyCommandButton(command: &'static str) -> Element { + let mut copied = use_signal(|| false); + + let on_click = move |_| { + let escaped = command.replace('\\', "\\\\").replace('"', "\\\""); + let script = format!( + r#" + try {{ await navigator.clipboard.writeText("{escaped}"); }} catch (e) {{}} + dioxus.send(true); + await new Promise(r => setTimeout(r, 1600)); + dioxus.send(false); + "# + ); + spawn(async move { + let mut eval = document::eval(&script); + while let Ok(state) = eval.recv::().await { + copied.set(state); + } + }); + }; + + rsx! { + button { + r#type: "button", + class: "term-copy", + "data-copied": copied().then_some("true"), + "aria-label": if copied() { "Copied" } else { "Copy command" }, + title: if copied() { "Copied" } else { "Copy command" }, + onclick: on_click, + if copied() { + IconCheck {} + span { class: "term-copy-label", "Copied" } + } else { + IconCopy {} + span { class: "term-copy-label", "Copy" } + } + } + } +} + +#[component] +fn IconCopy() -> Element { + rsx! { + svg { + width: "14", + height: "14", + view_box: "0 0 24 24", + fill: "none", + stroke: "currentColor", + stroke_width: "1.7", + stroke_linecap: "round", + stroke_linejoin: "round", + "aria-hidden": "true", + rect { x: "9", y: "9", width: "12", height: "12", rx: "2.5" } + path { d: "M5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1" } + } + } +} + +#[component] +fn IconCheck() -> Element { + rsx! { + svg { + width: "14", + height: "14", + view_box: "0 0 24 24", + fill: "none", + stroke: "currentColor", + stroke_width: "2", + stroke_linecap: "round", + stroke_linejoin: "round", + "aria-hidden": "true", + path { d: "M5 12.5l4.5 4.5L19 7" } + } + } +} + #[component] fn IconSun() -> Element { rsx! { svg { + width: "16", + height: "16", view_box: "0 0 24 24", fill: "none", stroke: "currentColor", @@ -283,6 +395,8 @@ fn IconSun() -> Element { fn IconMoon() -> Element { rsx! { svg { + width: "16", + height: "16", view_box: "0 0 24 24", fill: "none", stroke: "currentColor", @@ -295,10 +409,21 @@ fn IconMoon() -> Element { } } +const DIOXUS_ICON: Asset = asset!("/assets/dioxus_color.svg"); + +#[component] +fn IconDioxus() -> Element { + rsx! { + img { src: DIOXUS_ICON, alt: "Dioxus" } + } +} + #[component] fn IconMonitor() -> Element { rsx! { svg { + width: "16", + height: "16", view_box: "0 0 24 24", fill: "none", stroke: "currentColor", @@ -313,14 +438,34 @@ fn IconMonitor() -> Element { } #[component] -fn Hero(source: String, theme: Theme) -> Element { +fn IconExternal() -> Element { + rsx! { + svg { + class: "external-icon", + width: "12", + height: "12", + view_box: "0 0 24 24", + fill: "currentColor", + stroke: "currentColor", + stroke_width: "0.25", + "aria-hidden": "true", + path { d: "M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z" } + } + } +} + +#[component] +fn Hero(source: String, theme: CodeTheme, theme_name: String) -> Element { rsx! { section { id: "top", class: "hero hero-terminal", div { class: "hero-terminal-grid", div { class: "hero-terminal-copy", + div { class: "hero-eyebrow", + Badge { variant: BadgeVariant::Outline, "v0.1 · Dioxus 0.7" } + } h1 { class: "hero-h1", - "Highlight code in Dioxus, with one " - em { "cargo add" } + "Code highlighter for Dioxus; Runtime or " + em { "compile time" } "." } p { class: "hero-lede", @@ -332,6 +477,7 @@ fn Hero(source: String, theme: Theme) -> Element { span { class: "term-dot y" } span { class: "term-dot g" } span { class: "hero-terminal-title", "~/my-app" } + CopyCommandButton { command: "cargo add dioxus-code" } } div { class: "hero-terminal-body", p { class: "term-line", @@ -349,96 +495,107 @@ fn Hero(source: String, theme: Theme) -> Element { } } } - div { class: "hero-actions", - a { class: "hero-cta primary", href: "#docs", "Read the docs →" } - a { class: "hero-cta", href: "#playground", "See it live" } - } } div { class: "hero-stage hero-stage-split", div { class: "card-bar", span { "src/counter.rs" } - span { "{theme.name()}" } + span { "{theme_name}" } } div { class: "card-code-body", Code { src: SourceCode::new(source).with_language("rust"), theme } } } } + div { class: "hero-actions", + a { class: "hero-cta hero-cta-primary", href: "#docs", + span { "Read the docs" } + svg { + class: "hero-cta-arrow", + width: "14", + height: "14", + view_box: "0 0 24 24", + fill: "none", + stroke: "currentColor", + stroke_width: "2", + stroke_linecap: "round", + stroke_linejoin: "round", + "aria-hidden": "true", + path { d: "M5 12h14M13 5l7 7-7 7" } + } + } + a { class: "hero-cta hero-cta-ghost", href: "#playground", + span { "See it live" } + span { class: "hero-cta-meta", "playground" } + } + } } } } -#[derive(Clone, Copy)] -struct BuildDelta { - example: &'static str, - mode: &'static str, - delta: &'static str, - detail: &'static str, - width: &'static str, - accent: &'static str, -} - -fn build_deltas() -> &'static [BuildDelta] { - &[ - BuildDelta { - example: "Macro only", - mode: "compile-time", - delta: "+0.20 MiB", - detail: "12% over baseline", - width: "6.09%", - accent: "#16a34a", - }, - BuildDelta { - example: "Basic", - mode: "runtime", - delta: "+3.33 MiB", - detail: "198% over baseline", - width: "100%", - accent: "#dc2626", - }, - ] -} - #[component] -fn SizeCharts() -> Element { +fn FeatureRowReceipt() -> Element { rsx! { - section { id: "sizes", class: "section", - div { class: "section-head", + section { id: "features", class: "section", + div { class: "section-head receipt-head", div { - h2 { class: "section-title", "opt into runtime parsing" } - } - p { class: "section-sub", - "Release web WASM over the Dioxus hello baseline." + h2 { class: "section-title receipt-title", "What's in the crate." } } } - div { class: "size-panel", - div { class: "size-source", - span { "dx build --web -r" } - span { "WASM over baseline" } + div { class: "receipt-stack", + article { class: "receipt", + ul { class: "receipt-items", + li { class: "receipt-item", + span { class: "receipt-label", "code! macro" } + span { class: "receipt-dots" } + span { class: "receipt-value", "INCLUDED" } + } + li { class: "receipt-item", + span { class: "receipt-label", "Pre-styled spans" } + span { class: "receipt-dots" } + span { class: "receipt-value", "INCLUDED" } + } + li { class: "receipt-item", + span { class: "receipt-label", "Themes (scoped CSS)" } + span { class: "receipt-dots" } + span { class: "receipt-value", "× 30+" } + } + li { class: "receipt-item receipt-optional", + span { class: "receipt-label", "SourceCode runtime" } + span { class: "receipt-dots" } + span { class: "receipt-value", "OPT-IN" } + } + li { class: "receipt-item receipt-optional", + span { class: "receipt-label", "Tree-sitter grammars" } + span { class: "receipt-dots" } + span { class: "receipt-value", "+3.33 MiB" } + } + } + div { class: "receipt-rule double" } + div { class: "receipt-total", + span { class: "receipt-total-label", "PARSER BYTES SHIPPED" } + span { class: "receipt-total-value", "0" } + } } - div { class: "chart-block", - div { class: "chart-head", - span { class: "card-eyebrow", "Over baseline" } - span { class: "chart-scale", "max +3.33 MiB" } + aside { class: "receipt-aside", + div { class: "receipt-aside-row", + span { class: "receipt-aside-num", "01" } + div { + h3 { class: "receipt-aside-title", "code!" } + p { class: "receipt-aside-text", "Tokenizes during cargo build. The runtime gets pre-styled markup with no parser bytes." } + } } - div { class: "size-bars", - for build in build_deltas() { - div { class: "size-row", - div { class: "size-row-label", - strong { "{build.example}" } - span { "{build.mode}" } - } - div { class: "size-track", role: "img", "aria-label": "{build.example} adds {build.delta} over baseline", - div { - class: "size-bar", - style: "width:{build.width}; background:{build.accent};", - } - } - div { class: "size-row-value", - strong { "{build.delta}" } - span { "{build.detail}" } - } - } + div { class: "receipt-aside-row", + span { class: "receipt-aside-num", "02" } + div { + h3 { class: "receipt-aside-title", "SourceCode" } + p { class: "receipt-aside-text", "Pull it in when input is dynamic. Tree-sitter grammars detect language automatically." } + } + } + div { class: "receipt-aside-row", + span { class: "receipt-aside-num", "03" } + div { + h3 { class: "receipt-aside-title", "Themes" } + p { class: "receipt-aside-text", "Tokyo Night, Catppuccin, Dracula, Rosé Pine, GitHub… each one is scoped CSS, mix several on a page." } } } } @@ -451,31 +608,50 @@ fn SizeCharts() -> Element { fn Playground( mut source: Signal, mut active_theme: Signal, - theme_mode: ThemeMode, + scheme: Scheme, ) -> Element { - let themes = theme_mode.demo_themes(); - let active_idx = active_theme().min(themes.len() - 1); - let theme = themes[active_idx].theme; - let active_swatch = themes[active_idx].accent; + let theme_pairs = demo_theme_pairs(); + let active_idx = use_memo(move || active_theme().min(theme_pairs.len() - 1)); + let theme_pair = theme_pairs[active_idx()]; + let theme = theme_pair.code_theme(scheme); + let value = use_memo(move || Some(active_idx())); + rsx! { section { id: "playground", class: "section", div { class: "section-head", div { h2 { class: "section-title", "Edit highlighted code inline." } } - p { class: "section-sub", - "Type Rust in the contenteditable editor, swap themes, and keep the rendered output in one surface." - } } div { class: "playground-grid", - div { class: "card card-editor", + Card { class: "card-editor", div { class: "card-bar", span { "source.rs" } span { class: "editor-meta", span { "rust · " {format!("{} chars", source().chars().count())} } span { class: "editor-meta-divider" } - span { class: "editor-swatch", style: "background:{active_swatch};" } - "{theme.name()}" + Select:: { + value: Some(value.into()), + on_value_change: move |v: Option| { + if let Some(idx) = v { + active_theme.set(idx); + } + }, + SelectTrigger { + SelectValue { placeholder: "Choose a theme" } + } + SelectList { + for (i, pair) in theme_pairs.iter().copied().enumerate() { + SelectOption:: { + value: i, + text_value: pair.option_name(), + index: i, + span { "{pair.option_name()}" } + SelectItemIndicator {} + } + } + } + } } } CodeEditor { @@ -489,179 +665,109 @@ fn Playground( oninput: move |value| source.set(value), } } - div { class: "card card-themepicker", - div { class: "card-bar", - span { "active theme" } - span { {format!("{} of {}", active_idx + 1, themes.len())} } - } - div { class: "theme-strip", - for (index, swatch) in themes.iter().enumerate() { - button { - class: if active_idx == index { "theme-pill active" } else { "theme-pill" }, - onclick: move |_| active_theme.set(index), - span { class: "theme-pill-swatch", style: "background:{swatch.accent};" } - span { "{swatch.theme.name()}" } - } - } - } - } } } } } #[component] -fn Demos(theme_mode: ThemeMode) -> Element { - let feature_theme = theme_mode.pick(Theme::MELANGE_LIGHT, Theme::KANAGAWA_DRAGON); - let runtime_theme = theme_mode.pick(Theme::GITHUB_LIGHT, Theme::GITHUB_DARK); +fn Docs(scheme: Scheme) -> Element { + let theme_pair = ThemePair::new(Theme::GITHUB_LIGHT, Theme::GITHUB_DARK); + let theme = theme_pair.code_theme(scheme); + let theme_name = theme_pair.display_name(scheme); + let steps = doc_step_data(); rsx! { - section { id: "demos", class: "section", + section { id: "docs", class: "section", div { class: "section-head", div { - h2 { class: "section-title", "Examples" } - } - p { class: "section-sub", - "Static snippets at compile time, runtime parsing when the source is dynamic." + h2 { class: "section-title", "Get started" } } } - div { class: "demos-grid", - article { class: "card card-demo card-demo-feature", - div { class: "demo-feature-head", - span { class: "card-eyebrow", "Compile time · code! macro" } - span { class: "demo-feature-tag", "0kb runtime" } - } - h3 { class: "demo-feature-title", - "Static snippets, tokenized at build." - } - p { class: "demo-feature-copy", - "Point the macro at a file in your repo. Highlighting happens during cargo build, so the output is plain pre-styled markup. No runtime parser shipped to users." - } - div { class: "demo-feature-frame", - div { class: "card-bar", - span { "snippets/palette.rs" } - span { "{feature_theme.name()}" } + ol { class: "docs-timeline", + for step in steps.iter() { + li { class: "docs-timeline-step", + div { class: "docs-timeline-rail", + span { class: "docs-timeline-num", "{step.num}" } } - div { class: "card-code-body", - Code { - src: code!("/snippets/palette.rs"), - theme: feature_theme, + div { class: "docs-timeline-content", + span { class: "card-eyebrow", "{step.eyebrow}" } + h3 { class: "docs-timeline-title", "{step.title}" } + p { class: "docs-timeline-copy", "{step.copy}" } + div { class: "docs-timeline-frame", + div { class: "card-bar", + span { "{step.file_name}" } + span { "{theme_name}" } + } + div { class: "card-code-body", + Code { + src: SourceCode::new(step.code).with_language(step.language), + theme, + } + } } } } } - article { class: "card card-demo card-demo-runtime", - div { class: "card-bar", - span { "runtime · python" } - span { "{runtime_theme.name()}" } - } - div { class: "card-code-body", - Code { - src: SourceCode::new(PYTHON).with_language("python"), - theme: runtime_theme, - } - } - div { class: "demo-foot", - p { class: "card-note", - "Pass any string with a known language. Tree-sitter grammars cover Rust, JS, Python, Go, and dozens more." - } - } - } - } - } - } -} - -#[component] -fn Docs(theme_mode: ThemeMode) -> Element { - let install_theme = theme_mode.pick(Theme::MELANGE_LIGHT, Theme::MELANGE_DARK); - let runtime_theme = theme_mode.pick(Theme::RUSTDOC_LIGHT, Theme::RUSTDOC_AYU); - let static_theme = theme_mode.pick(Theme::GITHUB_LIGHT, Theme::TOKYO_NIGHT); - - rsx! { - section { id: "docs", class: "section", - div { class: "section-head", - div { - h2 { class: "section-title", "Get started" } - } - p { class: "section-sub", - "Add the dependency, pick a theme, and choose between compile-time or runtime source." - } - } - div { class: "docs-grid", - DocStep { - id: "install", - num: "01", - eyebrow: "Install", - title: "Add the dependency", - copy: "Enable the runtime feature when source comes from user input, generated files, or network responses.", - code: DOCS_INSTALL, - language: "toml", - theme: install_theme, - } - DocStep { - id: "runtime", - num: "02", - eyebrow: "Runtime source", - title: "SourceCode for live input", - copy: "Pass any string through SourceCode. Provide a language hint when you already know it — Arborium handles tokenizing.", - code: DOCS_RUNTIME, - language: "rust", - theme: runtime_theme, - } - DocStep { - id: "static", - num: "03", - eyebrow: "Static source", - title: "code! for snippets in your repo", - copy: "Use the macro for examples, docs, and any source checked in alongside your app. Highlight markup is generated at compile time.", - code: DOCS_STATIC, - language: "rust", - theme: static_theme, - } } } } } -#[component] -fn DocStep( - id: &'static str, +#[derive(Clone, Copy)] +struct DocStepData { num: &'static str, eyebrow: &'static str, title: &'static str, copy: &'static str, code: &'static str, language: &'static str, - theme: Theme, -) -> Element { - rsx! { - article { id, class: "card card-doc", - div { class: "doc-head", - span { class: "doc-num", "{num}" } - span { class: "card-eyebrow", "{eyebrow}" } - } - h3 { class: "doc-title", "{title}" } - p { class: "doc-copy", "{copy}" } - div { class: "doc-frame", - Code { - src: SourceCode::new(code).with_language(language), - theme, - } - } - } - } + file_name: &'static str, +} + +fn doc_step_data() -> [DocStepData; 3] { + [ + DocStepData { + num: "01", + eyebrow: "Install", + title: "Add the dependency", + copy: "Enable the runtime feature when source comes from user input, generated files, or network responses.", + code: DOCS_INSTALL, + language: "toml", + file_name: "Cargo.toml", + }, + DocStepData { + num: "02", + eyebrow: "Runtime source", + title: "SourceCode for live input", + copy: "Pass any string through SourceCode. Provide a language hint when you already know it — Arborium handles tokenizing.", + code: DOCS_RUNTIME, + language: "rust", + file_name: "runtime.rs", + }, + DocStepData { + num: "03", + eyebrow: "Static source", + title: "code! for snippets in your repo", + copy: "Use the macro for examples, docs, and any source checked in alongside your app. Highlight markup is generated at compile time.", + code: DOCS_STATIC, + language: "rust", + file_name: "static.rs", + }, + ] } #[component] fn SiteFooter() -> Element { rsx! { footer { class: "section site-footer", - div { class: "card card-footer", + div { class: "card-footer", div { class: "footer-grid", div { class: "footer-brand", div { class: "footer-brand-row", - span { class: "brand-mark", "dx" } + span { class: "brand-mark", + IconDioxus {} + } span { class: "footer-brand-name", "dioxus-code" } } p { class: "footer-tag", @@ -670,1372 +776,47 @@ fn SiteFooter() -> Element { } div { class: "footer-col", span { class: "card-eyebrow", "Project" } - a { href: "#sizes", "Release size" } + a { href: "#features", "Why" } a { href: "#playground", "Playground" } - a { href: "#demos", "Demos" } a { href: "#docs", "Documentation" } } div { class: "footer-col", span { class: "card-eyebrow", "Links" } - a { href: "https://crates.io/crates/dioxus-code", "crates.io ↗" } - a { href: "https://docs.rs/dioxus-code", "docs.rs ↗" } - a { href: "https://github.com/", "GitHub ↗" } + a { href: "https://crates.io/crates/dioxus-code", + "crates.io" + IconExternal {} + } + a { href: "https://docs.rs/dioxus-code", + "docs.rs" + IconExternal {} + } + a { href: "https://github.com/ealmloff/dioxus-code", + "GitHub" + IconExternal {} + } } div { class: "footer-col", span { class: "card-eyebrow", "Built on" } - a { href: "https://dioxuslabs.com", "Dioxus 0.7 ↗" } - a { href: "https://tree-sitter.github.io", "Tree-sitter ↗" } + a { href: "https://tree-sitter.github.io", + "Tree-sitter" + IconExternal {} + } + a { href: "https://crates.io/crates/arborium", + "Arborium" + IconExternal {} + } span { class: "footer-meta", "MIT licensed" } } } - div { class: "footer-rule" } - p { class: "footer-fineprint", - "© 2026 dioxus-code. The component, not the editor." - } + Separator { class: "footer-separator", horizontal: true } + p { class: "footer-fineprint", "© 2026 dioxus-code" } } } } } -#[derive(Clone, Copy)] -struct DemoTheme { - theme: Theme, - accent: &'static str, -} - -fn light_demo_themes() -> &'static [DemoTheme] { - &[ - DemoTheme { - theme: Theme::ALABASTER, - accent: "#aa3731", - }, - DemoTheme { - theme: Theme::AYU_LIGHT, - accent: "#f07171", - }, - DemoTheme { - theme: Theme::CATPPUCCIN_LATTE, - accent: "#1e66f5", - }, - DemoTheme { - theme: Theme::DAYFOX, - accent: "#2848a9", - }, - DemoTheme { - theme: Theme::GITHUB_LIGHT, - accent: "#0969da", - }, - DemoTheme { - theme: Theme::GRUVBOX_LIGHT, - accent: "#076678", - }, - DemoTheme { - theme: Theme::LIGHT_OWL, - accent: "#403f53", - }, - DemoTheme { - theme: Theme::LUCIUS_LIGHT, - accent: "#005f87", - }, - DemoTheme { - theme: Theme::MELANGE_LIGHT, - accent: "#c47f2c", - }, - DemoTheme { - theme: Theme::RUSTDOC_LIGHT, - accent: "#7c3aed", - }, - DemoTheme { - theme: Theme::SOLARIZED_LIGHT, - accent: "#268bd2", - }, - ] -} - -fn dark_demo_themes() -> &'static [DemoTheme] { - &[ - DemoTheme { - theme: Theme::AYU_DARK, - accent: "#ff8f40", - }, - DemoTheme { - theme: Theme::CATPPUCCIN_FRAPPE, - accent: "#8caaee", - }, - DemoTheme { - theme: Theme::CATPPUCCIN_MACCHIATO, - accent: "#8aadf4", - }, - DemoTheme { - theme: Theme::CATPPUCCIN_MOCHA, - accent: "#89b4fa", - }, - DemoTheme { - theme: Theme::COBALT2, - accent: "#ffc600", - }, - DemoTheme { - theme: Theme::DESERT256, - accent: "#ffd700", - }, - DemoTheme { - theme: Theme::DRACULA, - accent: "#bd93f9", - }, - DemoTheme { - theme: Theme::EF_MELISSA_DARK, - accent: "#ef9fe4", - }, - DemoTheme { - theme: Theme::GITHUB_DARK, - accent: "#58a6ff", - }, - DemoTheme { - theme: Theme::GRUVBOX_DARK, - accent: "#83a598", - }, - DemoTheme { - theme: Theme::KANAGAWA_DRAGON, - accent: "#c5c9c5", - }, - DemoTheme { - theme: Theme::MELANGE_DARK, - accent: "#e49b5d", - }, - DemoTheme { - theme: Theme::MONOKAI, - accent: "#66d9ef", - }, - DemoTheme { - theme: Theme::NORD, - accent: "#88c0d0", - }, - DemoTheme { - theme: Theme::ONE_DARK, - accent: "#61afef", - }, - DemoTheme { - theme: Theme::ROSE_PINE_MOON, - accent: "#c4a7e7", - }, - DemoTheme { - theme: Theme::RUSTDOC_AYU, - accent: "#ffb454", - }, - DemoTheme { - theme: Theme::RUSTDOC_DARK, - accent: "#2bab63", - }, - DemoTheme { - theme: Theme::SOLARIZED_DARK, - accent: "#268bd2", - }, - DemoTheme { - theme: Theme::TOKYO_NIGHT, - accent: "#7aa2f7", - }, - DemoTheme { - theme: Theme::ZENBURN, - accent: "#efef8f", - }, - ] -} - -const APP_CSS: &str = r#" -@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300..900&family=Geist+Mono:wght@400;500;600;700&display=swap'); - -:root, -.theme-light { - --bg: #fafaf6; - --bg-tint: #f4f3ed; - --card: #ffffff; - --line: rgba(28, 25, 23, 0.07); - --line-strong: rgba(28, 25, 23, 0.14); - --ink: #1c1917; - --ink-soft: rgba(28, 25, 23, 0.65); - --ink-mute: rgba(28, 25, 23, 0.5); - --accent: #6366f1; - --accent-soft: rgba(99, 102, 241, 0.1); - --surface-soft: rgba(28, 25, 23, 0.06); - --topbar-bg: rgba(250, 250, 246, 0.78); - --feature-bg: linear-gradient(135deg, #0a0a0a 0%, #1c1917 100%); - --feature-mesh-1: radial-gradient(ellipse at 80% 0%, rgba(99, 102, 241, 0.18), transparent 55%); - --feature-mesh-2: radial-gradient(ellipse at 0% 100%, rgba(244, 114, 182, 0.1), transparent 55%); - --feature-bg-footer: linear-gradient(140deg, #0a0a0a 0%, #1c1917 100%); - --feature-mesh-footer: radial-gradient(ellipse at 90% 0%, rgba(99, 102, 241, 0.18), transparent 60%); - --feature-text: #fafaf6; - --feature-soft: rgba(250, 250, 246, 0.7); - --feature-mute: rgba(250, 250, 246, 0.5); - --feature-line: rgba(250, 250, 246, 0.12); - --feature-cta-bg: #fafaf6; - --feature-cta-fg: #0a0a0a; - --feature-cta-ghost-bg: rgba(250, 250, 246, 0.08); - --feature-cta-ghost-line: rgba(250, 250, 246, 0.18); - --feature-cta-ghost-fg: rgba(250, 250, 246, 0.92); - --code-bg: #ffffff; - --editor-bg: #ffffff; - --editor-fg: #1f2328; - --editor-gutter-bg: #f6f8fa; - --editor-gutter-fg: rgba(31, 35, 40, 0.42); - --editor-gutter-line: rgba(31, 35, 40, 0.1); - --editor-selection: rgba(9, 105, 218, 0.2); - --shadow-card: 0 1px 3px rgba(28, 25, 23, 0.04); - --shadow-elev: 0 8px 24px -10px rgba(28, 25, 23, 0.16); - --radius-card: 22px; - --radius-inner: 12px; - --max-width: 1340px; - color-scheme: light; -} - -:root:has(.theme-dark), -html:has(.theme-dark) { - --bg: #0c0a08; - --bg-tint: #1a1612; - --card: #1a1612; - --line: rgba(255, 255, 255, 0.07); - --line-strong: rgba(255, 255, 255, 0.16); - --ink: #f5f3ee; - --ink-soft: rgba(245, 243, 238, 0.7); - --ink-mute: rgba(245, 243, 238, 0.5); - --accent: #a5b4fc; - --accent-soft: rgba(165, 180, 252, 0.14); - --surface-soft: rgba(255, 255, 255, 0.06); - --topbar-bg: rgba(12, 10, 8, 0.78); - --feature-bg: #1a1612; - --feature-mesh-1: none; - --feature-mesh-2: none; - --feature-bg-footer: #1a1612; - --feature-mesh-footer: none; - --feature-text: #f5f3ee; - --feature-soft: rgba(245, 243, 238, 0.72); - --feature-mute: rgba(245, 243, 238, 0.48); - --feature-line: rgba(255, 255, 255, 0.08); - --feature-cta-bg: #f5f3ee; - --feature-cta-fg: #0a0a0a; - --feature-cta-ghost-bg: rgba(245, 243, 238, 0.06); - --feature-cta-ghost-line: rgba(245, 243, 238, 0.16); - --feature-cta-ghost-fg: rgba(245, 243, 238, 0.92); - --code-bg: #0d1117; - --editor-bg: #0d1117; - --editor-fg: #e6edf3; - --editor-gutter-bg: rgba(255, 255, 255, 0.03); - --editor-gutter-fg: rgba(230, 237, 243, 0.42); - --editor-gutter-line: rgba(255, 255, 255, 0.08); - --editor-selection: rgba(122, 162, 247, 0.34); - --shadow-card: none; - --shadow-elev: none; - color-scheme: dark; -} - -@media (prefers-color-scheme: dark) { - :root:has(.theme-system), - html:has(.theme-system) { - --bg: #0c0a08; - --bg-tint: #1a1612; - --card: #1a1612; - --line: rgba(255, 255, 255, 0.07); - --line-strong: rgba(255, 255, 255, 0.16); - --ink: #f5f3ee; - --ink-soft: rgba(245, 243, 238, 0.7); - --ink-mute: rgba(245, 243, 238, 0.5); - --accent: #a5b4fc; - --accent-soft: rgba(165, 180, 252, 0.14); - --surface-soft: rgba(255, 255, 255, 0.06); - --topbar-bg: rgba(12, 10, 8, 0.78); - --feature-bg: #1a1612; - --feature-mesh-1: none; - --feature-mesh-2: none; - --feature-bg-footer: #1a1612; - --feature-mesh-footer: none; - --feature-text: #f5f3ee; - --feature-soft: rgba(245, 243, 238, 0.72); - --feature-mute: rgba(245, 243, 238, 0.48); - --feature-line: rgba(255, 255, 255, 0.08); - --feature-cta-bg: #f5f3ee; - --feature-cta-fg: #0a0a0a; - --feature-cta-ghost-bg: rgba(245, 243, 238, 0.06); - --feature-cta-ghost-line: rgba(245, 243, 238, 0.16); - --feature-cta-ghost-fg: rgba(245, 243, 238, 0.92); - --code-bg: #0d1117; - --editor-bg: #0d1117; - --editor-fg: #e6edf3; - --editor-gutter-bg: rgba(255, 255, 255, 0.03); - --editor-gutter-fg: rgba(230, 237, 243, 0.42); - --editor-gutter-line: rgba(255, 255, 255, 0.08); - --editor-selection: rgba(122, 162, 247, 0.34); - --shadow-card: none; - --shadow-elev: none; - color-scheme: dark; - } -} - -html { - scroll-behavior: smooth; +fn demo_theme_pairs() -> &'static [ThemePair] { + DEMO_THEME_PAIRS } -html, -body, -#main { - margin: 0; - min-height: 100%; -} - -body { - background: var(--bg); - color: var(--ink); - font-family: 'Geist', system-ui, -apple-system, BlinkMacSystemFont, sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -* { - box-sizing: border-box; -} - -a { - color: inherit; - text-decoration: none; -} - -button { - cursor: pointer; - font: inherit; -} - -.site-shell { - min-height: 100vh; -} - -/* ============ Topbar ============ */ - -.topbar { - align-items: center; - background: var(--topbar-bg); - backdrop-filter: blur(18px); - -webkit-backdrop-filter: blur(18px); - border-bottom: 1px solid var(--line); - display: flex; - gap: 24px; - justify-content: space-between; - min-height: 60px; - padding: 0 28px; - position: sticky; - top: 0; - z-index: 30; -} - -.brand, -.topbar nav { - align-items: center; - display: flex; - gap: 6px; -} - -.brand { - font-family: 'Geist', sans-serif; - font-size: 15px; - font-weight: 600; - gap: 12px; - letter-spacing: -0.01em; -} - -.brand-mark { - align-items: center; - background: var(--ink); - border-radius: 8px; - color: var(--bg); - display: inline-flex; - font-family: 'Geist Mono', monospace; - font-size: 11px; - font-weight: 600; - height: 28px; - justify-content: center; - width: 28px; -} - -.topbar nav a { - border-radius: 8px; - color: var(--ink-soft); - font-family: 'Geist', sans-serif; - font-size: 13px; - font-weight: 500; - padding: 8px 12px; - transition: background 0.15s, color 0.15s; -} - -.topbar nav a:hover { - background: var(--accent-soft); - color: var(--ink); -} - -.topbar-cta { - background: var(--ink) !important; - color: var(--bg) !important; - margin-left: 6px; -} - -.topbar-cta:hover { - filter: brightness(1.08); -} - -/* Theme toggle */ - -.theme-toggle { - align-items: center; - background: var(--surface-soft); - border: 1px solid var(--line); - border-radius: 999px; - display: inline-flex; - gap: 2px; - margin: 0 4px 0 8px; - padding: 3px; -} - -.theme-seg { - align-items: center; - background: transparent; - border: 0; - border-radius: 999px; - color: var(--ink-mute); - cursor: pointer; - display: inline-flex; - height: 26px; - justify-content: center; - padding: 0; - transition: background 0.15s, color 0.15s; - width: 28px; -} - -.theme-seg:hover { - color: var(--ink); -} - -.theme-seg.active { - background: var(--card); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); - color: var(--ink); -} - -.theme-dark .theme-seg.active, -.theme-system .theme-seg.active { - box-shadow: none; -} - -.theme-seg svg { - height: 14px; - width: 14px; -} - -/* ============ Section shell ============ */ - -.section { - padding: 24px 24px; - width: 100%; -} - -.section-head { - align-items: end; - display: flex; - gap: 32px; - justify-content: space-between; - margin: 0 auto 18px; - max-width: var(--max-width); - padding: 32px 6px 0; -} - -.section-title { - font-family: 'Geist', sans-serif; - font-size: clamp(28px, 3.6vw, 44px); - font-weight: 600; - letter-spacing: -0.03em; - line-height: 1.05; - margin: 0; - max-width: 26ch; -} - -.section-sub { - color: var(--ink-soft); - font-family: 'Geist', sans-serif; - font-size: 15px; - line-height: 1.55; - margin: 0; - max-width: 46ch; - text-align: right; -} - -/* ============ Card primitives ============ */ - -.card { - background: var(--card); - border: 1px solid var(--line); - border-radius: var(--radius-card); - box-shadow: var(--shadow-card); - display: grid; - position: relative; -} - -.card-eyebrow { - color: var(--ink-mute); - display: block; - font-family: 'Geist Mono', monospace; - font-size: 11px; - font-weight: 500; - letter-spacing: 0.1em; - text-transform: uppercase; -} - -.card-eyebrow-light { - color: var(--feature-mute); -} - -.card-bar { - align-items: center; - border-bottom: 1px solid var(--line); - color: var(--ink-mute); - display: flex; - font-family: 'Geist Mono', monospace; - font-size: 11px; - font-weight: 500; - justify-content: space-between; - letter-spacing: 0.08em; - min-height: 42px; - padding: 0 18px; - text-transform: uppercase; -} - -.card-code-body { - background: var(--code-bg); - overflow: auto; -} - -.card-code-body .dxc { - background: var(--code-bg); - border: 0; - font-family: 'Geist Mono', monospace; - font-size: 13px; - line-height: 1.65; - margin: 0; - padding: 18px 20px; -} - -.card-note { - color: var(--ink-soft); - font-family: 'Geist', sans-serif; - font-size: 13px; - line-height: 1.5; - margin: 0; -} - -.cta { - border-radius: 999px; - display: inline-flex; - font-family: 'Geist', sans-serif; - font-size: 14px; - font-weight: 500; - padding: 11px 20px; - transition: transform 0.15s, background 0.15s, color 0.15s, border-color 0.15s; -} - -.cta.primary { - background: var(--feature-cta-bg); - color: var(--feature-cta-fg); -} - -.cta.primary:hover { - filter: brightness(1.04); - transform: translateY(-1px); -} - -.cta:not(.primary) { - background: var(--feature-cta-ghost-bg); - border: 1px solid var(--feature-cta-ghost-line); - color: var(--feature-cta-ghost-fg); -} - -.cta:not(.primary):hover { - background: var(--feature-cta-ghost-line); -} - -/* ============ Hero (shared primitives) ============ */ - -.hero { - margin: 0 auto; - max-width: var(--max-width); - padding: 32px 24px 56px; - width: 100%; -} - -.hero-h1 { - color: var(--ink); - font-family: 'Geist', sans-serif; - font-size: clamp(40px, 5.6vw, 80px); - font-weight: 600; - letter-spacing: -0.04em; - line-height: 0.98; - margin: 0 0 22px; - max-width: 18ch; - text-wrap: balance; -} - -.hero-h1 em { - color: var(--accent); - font-family: 'Geist Mono', monospace; - font-style: normal; - font-weight: 500; - letter-spacing: -0.02em; -} - -.hero-lede { - color: var(--ink-soft); - font-family: 'Geist', sans-serif; - font-size: 18px; - line-height: 1.55; - margin: 0 0 28px; - max-width: 56ch; - text-wrap: pretty; -} - -.hero-actions { - display: flex; - flex-wrap: wrap; - gap: 10px; -} - -.hero-cta { - border: 1px solid transparent; - border-radius: 999px; - display: inline-flex; - font-family: 'Geist', sans-serif; - font-size: 14px; - font-weight: 500; - padding: 11px 22px; - transition: transform 0.15s, background 0.15s, border-color 0.15s, color 0.15s, filter 0.15s; -} - -.hero-cta.primary { - background: var(--ink); - color: var(--bg); -} - -.hero-cta.primary:hover { - filter: brightness(1.1); - transform: translateY(-1px); -} - -.hero-cta:not(.primary) { - border-color: var(--line-strong); - color: var(--ink); -} - -.hero-cta:not(.primary):hover { - background: var(--surface-soft); -} - -.hero-stage { - background: var(--card); - border: 1px solid var(--line); - border-radius: var(--radius-card); - box-shadow: var(--shadow-card); - display: grid; - grid-template-rows: auto minmax(0, 1fr); - overflow: hidden; -} - -.hero-stage .card-code-body .dxc { - background: var(--code-bg); - border: 0; - font-family: 'Geist Mono', monospace; - font-size: 13px; - line-height: 1.65; - margin: 0; - min-height: 380px; - padding: 18px 20px; -} - -.hero-stage-split { - align-self: stretch; -} - -.hero-stage-split .card-code-body .dxc { - min-height: 460px; -} - -/* Hero: Terminal install */ - -.hero-terminal-grid { - align-items: center; - display: grid; - gap: 56px; - grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); - padding: 32px 0; -} - -.hero-terminal-copy { - align-content: center; - display: grid; -} - -.hero-terminal-block { - background: #0c0c0c; - border: 1px solid var(--line); - border-radius: var(--radius-card); - margin: 4px 0 26px; - max-width: 540px; - overflow: hidden; -} - -.hero-terminal-bar { - align-items: center; - background: rgba(255, 255, 255, 0.04); - border-bottom: 1px solid rgba(255, 255, 255, 0.08); - display: flex; - gap: 8px; - min-height: 36px; - padding: 0 14px; -} - -.term-dot { - border-radius: 50%; - height: 11px; - width: 11px; -} - -.term-dot.r { background: #ff5f57; } -.term-dot.y { background: #febc2e; } -.term-dot.g { background: #28c840; } - -.hero-terminal-title { - color: rgba(255, 255, 255, 0.5); - font-family: 'Geist Mono', monospace; - font-size: 12px; - margin-left: 8px; -} - -.hero-terminal-body { - color: #f3eadb; - font-family: 'Geist Mono', monospace; - font-size: 13px; - line-height: 1.85; - padding: 18px 20px; -} - -.term-line { - margin: 0; - white-space: pre; -} - -.term-prompt { - color: #a5b4fc; - font-weight: 600; - margin-right: 10px; -} - -.term-output { - color: rgba(243, 234, 219, 0.55); -} - -.term-success { - color: #34d399; -} - -/* ============ Size charts ============ */ - -.size-panel { - background: var(--card); - border: 1px solid var(--line); - border-radius: var(--radius-card); - box-shadow: var(--shadow-card); - display: grid; - gap: 22px; - margin: 0 auto; - max-width: var(--max-width); - overflow: hidden; - padding: 24px; - width: 100%; -} - -.size-source { - align-items: center; - border-bottom: 1px solid var(--line); - color: var(--ink-mute); - display: flex; - flex-wrap: wrap; - font-family: 'Geist Mono', monospace; - font-size: 11px; - gap: 10px; - letter-spacing: 0.06em; - margin: -4px -4px 0; - padding: 0 4px 18px; - text-transform: uppercase; -} - -.size-source span { - background: var(--bg-tint); - border-radius: 8px; - padding: 6px 8px; -} - -.chart-block { - display: grid; - gap: 16px; - min-width: 0; -} - -.chart-head { - align-items: center; - display: flex; - gap: 14px; - justify-content: space-between; -} - -.chart-scale { - color: var(--ink-mute); - font-family: 'Geist Mono', monospace; - font-size: 11px; - letter-spacing: 0.06em; - text-transform: uppercase; -} - -.size-bars { - display: grid; - gap: 14px; -} - -.size-row { - align-items: center; - display: grid; - gap: 14px; - grid-template-columns: minmax(150px, 0.7fr) minmax(0, 1.8fr) minmax(96px, 0.45fr); -} - -.size-row-label, -.size-row-value { - display: grid; - gap: 3px; -} - -.size-row-label strong, -.size-row-value strong { - color: var(--ink); - font-family: 'Geist', sans-serif; - font-size: 14px; - font-weight: 600; - letter-spacing: 0; -} - -.size-row-label span, -.size-row-value span { - color: var(--ink-mute); - font-family: 'Geist Mono', monospace; - font-size: 11px; - letter-spacing: 0.06em; - text-transform: uppercase; -} - -.size-row-value { - text-align: right; -} - -.size-track { - background: var(--bg-tint); - border: 1px solid var(--line); - border-radius: 999px; - height: 18px; - overflow: hidden; - position: relative; -} - -.size-track::after { - background: linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), var(--line) 25%, transparent calc(25% + 1px), transparent calc(50% - 1px), var(--line) 50%, transparent calc(50% + 1px), transparent calc(75% - 1px), var(--line) 75%, transparent calc(75% + 1px)); - content: ""; - inset: 0; - opacity: 0.7; - pointer-events: none; - position: absolute; -} - -.size-bar { - border-radius: inherit; - height: 100%; -} - -/* ============ Playground ============ */ - -.playground-grid { - display: grid; - gap: 14px; - grid-template-columns: minmax(0, 1fr); - grid-template-rows: minmax(480px, 1fr) auto; - margin: 0 auto; - max-width: var(--max-width); - width: 100%; -} - -.card-editor { - grid-row: 1; - grid-template-rows: auto minmax(0, 1fr); - overflow: hidden; - padding: 0; -} - -.card-themepicker { - grid-column: 1; - grid-row: 2; - grid-template-rows: auto auto; - overflow: hidden; - padding: 0; -} - -.playground-code-editor { - --dxc-editor-caret: var(--editor-fg); - --dxc-editor-focus-ring: inset 0 0 0 2px var(--accent); - --dxc-editor-gutter-line-padding: 0 14px 0 18px; - --dxc-editor-gutter-padding: 20px 0; - --dxc-editor-gutter-width: 4ch; - --dxc-editor-padding: 20px 22px 20px 0; - --dxc-editor-selection: var(--editor-selection); - background: var(--editor-bg); - color: var(--editor-fg); - font: 14px/1.65 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace; - min-height: 480px; - width: 100%; -} - -.playground-code-editor .dxc-editor-gutter { - background: var(--editor-gutter-bg); - border-right: 1px solid var(--editor-gutter-line); - color: var(--editor-gutter-fg); -} - -.playground-code-editor .dxc-editor-highlight, -.playground-code-editor .dxc-editor-input { - overflow-x: auto; -} - -.editor-meta { - align-items: center; - display: inline-flex; - gap: 8px; -} - -.editor-meta-divider { - background: var(--line-strong); - display: inline-flex; - height: 12px; - width: 1px; -} - -.editor-swatch { - border-radius: 50%; - height: 10px; - width: 10px; -} - -.theme-strip { - display: flex; - flex-wrap: wrap; - gap: 8px; - padding: 18px 18px 20px; -} - -.theme-pill { - align-items: center; - background: var(--bg-tint); - border: 1px solid transparent; - border-radius: 999px; - color: var(--ink-soft); - display: inline-flex; - font-family: 'Geist', sans-serif; - font-size: 12px; - font-weight: 500; - gap: 8px; - min-height: 32px; - padding: 0 12px 0 8px; - transition: border-color 0.15s, color 0.15s, background 0.15s; -} - -.theme-pill:hover { - border-color: var(--line-strong); - color: var(--ink); -} - -.theme-pill.active { - background: var(--ink); - border-color: var(--ink); - color: var(--bg); -} - -.theme-pill-swatch { - border-radius: 50%; - height: 12px; - width: 12px; -} - -/* ============ Demos ============ */ - -.demos-grid { - display: grid; - gap: 14px; - grid-template-columns: repeat(3, minmax(0, 1fr)); - grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); - margin: 0 auto; - max-width: var(--max-width); - width: 100%; -} - -.card-demo { - grid-template-rows: auto minmax(0, 1fr) auto; - overflow: hidden; - padding: 0; -} - -.card-demo-feature { - align-content: start; - background: var(--card); - display: grid; - grid-column: 1 / span 2; - grid-row: 1 / span 2; - grid-template-rows: auto auto auto auto; - padding: 32px 32px 20px; -} - -.card-demo-runtime { - grid-column: 3; - grid-row: 1 / span 2; -} - -.demo-feature-head { - align-items: center; - display: flex; - gap: 16px; - justify-content: space-between; - margin-bottom: 22px; -} - -.demo-feature-tag { - background: var(--accent-soft); - border-radius: 999px; - color: var(--accent); - font-family: 'Geist Mono', monospace; - font-size: 11px; - font-weight: 500; - letter-spacing: 0.02em; - padding: 4px 10px; -} - -.demo-feature-title { - font-family: 'Geist', sans-serif; - font-size: clamp(24px, 2.6vw, 36px); - font-weight: 600; - letter-spacing: -0.025em; - line-height: 1.1; - margin: 0 0 14px; - max-width: 18ch; -} - -.demo-feature-copy { - color: var(--ink-soft); - font-family: 'Geist', sans-serif; - font-size: 15px; - line-height: 1.55; - margin: 0 0 22px; - max-width: 60ch; -} - -.demo-feature-frame { - background: var(--code-bg); - border: 1px solid var(--line); - border-radius: var(--radius-inner); - display: grid; - grid-template-rows: auto 1fr; - margin: 0 -8px -8px; - overflow: hidden; -} - -.demo-feature-frame .card-bar { - background: var(--card); - border-bottom: 1px solid var(--line); -} - -.demo-foot { - border-top: 1px solid var(--line); - padding: 16px 18px; -} - -/* ============ Docs ============ */ - -.docs-grid { - display: grid; - gap: 14px; - grid-template-columns: repeat(3, minmax(0, 1fr)); - margin: 0 auto; - max-width: var(--max-width); - width: 100%; -} - -.card-doc { - align-content: start; - display: grid; - gap: 0; - padding: 28px; -} - -.doc-head { - align-items: center; - display: flex; - gap: 14px; - margin-bottom: 16px; -} - -.doc-num { - background: var(--ink); - border-radius: 8px; - color: var(--bg); - font-family: 'Geist Mono', monospace; - font-size: 12px; - font-weight: 600; - padding: 4px 8px; -} - -.doc-title { - font-family: 'Geist', sans-serif; - font-size: 22px; - font-weight: 600; - letter-spacing: -0.02em; - line-height: 1.15; - margin: 0 0 12px; -} - -.doc-copy { - color: var(--ink-soft); - font-family: 'Geist', sans-serif; - font-size: 14px; - line-height: 1.55; - margin: 0 0 20px; -} - -.doc-frame { - background: var(--code-bg); - border-radius: var(--radius-inner); - border: 1px solid var(--line); - overflow: hidden; -} - -.doc-frame .dxc { - background: var(--code-bg); - border: 0; - font-family: 'Geist Mono', monospace; - font-size: 12.5px; - line-height: 1.65; - margin: 0; - padding: 16px 18px; -} - -/* ============ Footer ============ */ - -.site-footer { - padding-top: 16px; - padding-bottom: 32px; -} - -.card-footer { - background: - var(--feature-mesh-footer), - var(--feature-bg-footer); - border: 1px solid var(--feature-line); - box-shadow: var(--shadow-card); - color: var(--feature-text); - margin: 0 auto; - max-width: var(--max-width); - padding: 40px 40px 28px; - width: 100%; -} - -.footer-grid { - display: grid; - gap: 32px; - grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)); -} - -.footer-brand-row { - align-items: center; - display: flex; - gap: 12px; -} - -.card-footer .brand-mark { - background: var(--feature-text); - color: #1c1917; -} - -.footer-brand-name { - color: var(--feature-text); - font-family: 'Geist', sans-serif; - font-size: 17px; - font-weight: 600; - letter-spacing: -0.01em; -} - -.footer-tag { - color: var(--feature-soft); - font-family: 'Geist', sans-serif; - font-size: 14px; - line-height: 1.55; - margin: 14px 0 0; - max-width: 32ch; -} - -.footer-col { - display: grid; - gap: 10px; - align-content: start; -} - -.footer-col .card-eyebrow { - color: var(--feature-mute); - margin-bottom: 4px; -} - -.footer-col a { - color: var(--feature-soft); - font-family: 'Geist', sans-serif; - font-size: 14px; - font-weight: 500; - transition: color 0.15s; -} - -.footer-col a:hover { - color: var(--feature-text); -} - -.footer-meta { - color: var(--feature-mute); - font-family: 'Geist Mono', monospace; - font-size: 12px; -} - -.footer-rule { - border-top: 1px solid var(--feature-line); - margin: 32px 0 20px; -} - -.footer-fineprint { - color: var(--feature-mute); - font-family: 'Geist Mono', monospace; - font-size: 12px; - margin: 0; -} - -/* ============ Responsive ============ */ - -@media (max-width: 1100px) { - .hero-terminal-grid { - gap: 36px; - grid-template-columns: 1fr; - } - - .playground-grid { - grid-template-columns: 1fr; - grid-template-rows: auto auto; - } - - .card-editor { - grid-row: auto; - } - - .card-themepicker { - grid-column: 1; - grid-row: auto; - } - - .demos-grid, - .docs-grid { - grid-template-columns: 1fr; - } - - .card-demo-feature { - grid-column: 1; - grid-row: auto; - } - - .card-demo-runtime { - grid-column: 1; - grid-row: auto; - } - - .footer-grid { - grid-template-columns: 1fr 1fr; - } -} - -@media (max-width: 720px) { - .topbar { - align-items: start; - flex-direction: column; - gap: 8px; - padding: 14px 18px; - } - - .topbar nav { - flex-wrap: wrap; - } - - .section { - padding: 16px 14px; - } - - .section-head { - align-items: start; - flex-direction: column; - padding: 24px 6px 0; - } - - .section-sub { - text-align: left; - } - - .hero { - padding: 24px 14px 40px; - } - - .size-panel { - padding: 18px; - } - - .size-row { - align-items: stretch; - grid-template-columns: 1fr; - gap: 8px; - } - - .size-row-value { - text-align: left; - } - - .chart-head { - align-items: start; - flex-direction: column; - gap: 5px; - } - - .footer-grid { - grid-template-columns: 1fr; - } - - .card-footer { - padding: 28px 24px 22px; - } - - .demo-feature-head { - flex-direction: column; - align-items: start; - gap: 8px; - } -} - -.dxc { - font-size: 14px; - line-height: 1.55; - overflow: auto; -} -"#; +const APP_CSS: Asset = asset!("/assets/app.css"); diff --git a/demo/src/theme.rs b/demo/src/theme.rs new file mode 100644 index 0000000..4eaa5ce --- /dev/null +++ b/demo/src/theme.rs @@ -0,0 +1,108 @@ +use dioxus::prelude::*; + +use crate::Scheme; + +const COOKIE: &str = "dx_theme"; +const CHANNEL: &str = "dx-theme"; + +pub fn theme_seed() { + let _ = document::eval(&format!( + r#" + (function () {{ + if (window.__dx_theme_seeded) return; + window.__dx_theme_seeded = true; + + const COOKIE = '{COOKIE}'; + const CHANNEL = '{CHANNEL}'; + + function read() {{ + const parts = document.cookie.split(';'); + for (let p of parts) {{ + p = p.trim(); + if (p.startsWith(COOKIE + '=')) return decodeURIComponent(p.slice(COOKIE.length + 1)); + }} + return null; + }} + + function apply(theme) {{ + if (theme === 'dark' || theme === 'light') {{ + document.documentElement.setAttribute('data-theme', theme); + }} else {{ + document.documentElement.removeAttribute('data-theme'); + }} + }} + + apply(read()); + + try {{ + const ch = new BroadcastChannel(CHANNEL); + ch.addEventListener('message', (event) => apply(event.data && event.data.theme)); + window.__dx_theme_channel = ch; + }} catch (_) {{}} + }})(); + "# + )); +} + +pub fn set_scheme(scheme: Scheme) { + let theme = match scheme { + Scheme::Light => "light", + Scheme::Dark => "dark", + Scheme::System => "system", + }; + + let _ = document::eval(&format!( + r#" + (function () {{ + const COOKIE = '{COOKIE}'; + const CHANNEL = '{CHANNEL}'; + const theme = '{theme}'; + + if (theme === 'dark' || theme === 'light') {{ + document.documentElement.setAttribute('data-theme', theme); + document.cookie = COOKIE + '=' + theme + '; path=/; max-age=31536000; samesite=lax'; + }} else {{ + document.documentElement.removeAttribute('data-theme'); + document.cookie = COOKIE + '=; path=/; max-age=0; samesite=lax'; + }} + + try {{ + const ch = window.__dx_theme_channel; + const payload = {{ theme }}; + if (ch && typeof ch.postMessage === 'function') {{ + ch.postMessage(payload); + }} else {{ + const tmp = new BroadcastChannel(CHANNEL); + tmp.postMessage(payload); + tmp.close(); + }} + }} catch (_) {{}} + }})(); + "# + )); +} + +pub async fn read_cookie_scheme() -> Scheme { + let mut eval = document::eval(&format!( + r#" + (function () {{ + const COOKIE = '{COOKIE}'; + const parts = document.cookie.split(';'); + for (let p of parts) {{ + p = p.trim(); + if (p.startsWith(COOKIE + '=')) {{ + dioxus.send(decodeURIComponent(p.slice(COOKIE.length + 1))); + return; + }} + }} + dioxus.send('system'); + }})(); + "# + )); + + match eval.recv::().await.as_deref() { + Ok("light") => Scheme::Light, + Ok("dark") => Scheme::Dark, + _ => Scheme::System, + } +} diff --git a/dioxus-code-macro/Cargo.toml b/dioxus-code-macro/Cargo.toml index 0fcae48..9155c9e 100644 --- a/dioxus-code-macro/Cargo.toml +++ b/dioxus-code-macro/Cargo.toml @@ -16,6 +16,7 @@ proc-macro = true [dependencies] arborium = { version = "2.16.0", default-features = false, features = ["all-languages"] } arborium-theme = "2.16.0" +macro-string = "0.1.4" proc-macro-crate = "3.5.0" proc-macro2 = "1.0.103" quote = "1.0.42" diff --git a/dioxus-code-macro/README.md b/dioxus-code-macro/README.md index 8e53c24..bf9744e 100644 --- a/dioxus-code-macro/README.md +++ b/dioxus-code-macro/README.md @@ -21,7 +21,7 @@ Implementation crate for the `code!` macro re-exported by [`dioxus-code`](https: The macro reads a source file at compile time, parses it with [`arborium`](https://crates.io/crates/arborium), and expands to a static span tree. The runtime binary ships only the spans — no parser. -```rust +```rust,ignore use dioxus_code::code; let tree = code!("/snippets/demo.rs"); @@ -31,7 +31,7 @@ let tree = code!("/snippets/demo.rs"); Paths are resolved relative to the *consumer's* `CARGO_MANIFEST_DIR`. A leading `/` anchors to that directory; bare paths resolve from it as well. `concat!(...)` and `env!(...)` expressions are also accepted. -```rust +```rust,ignore code!(concat!(env!("CARGO_MANIFEST_DIR"), "/snippets/demo.rs")); ``` @@ -39,7 +39,7 @@ code!(concat!(env!("CARGO_MANIFEST_DIR"), "/snippets/demo.rs")); When the file extension isn't enough to infer the language, pass `language = "..."`: -```rust +```rust,ignore code!("/snippets/Containerfile", language = "dockerfile"); ``` diff --git a/dioxus-code-macro/src/lib.rs b/dioxus-code-macro/src/lib.rs index 3058a7f..cf47b98 100644 --- a/dioxus-code-macro/src/lib.rs +++ b/dioxus-code-macro/src/lib.rs @@ -5,12 +5,13 @@ use std::env; use std::fs; use std::path::{Path, PathBuf}; +use macro_string::MacroString; use proc_macro::TokenStream; use proc_macro_crate::{FoundCrate, crate_name}; use proc_macro2::{Span, TokenStream as TokenStream2}; use quote::{format_ident, quote}; use syn::parse::{Parse, ParseStream}; -use syn::{Expr, Ident, LitStr, Token, parse_macro_input}; +use syn::{Ident, LitStr, Token, parse_macro_input}; /// Compile-time syntax highlighting. /// @@ -30,13 +31,13 @@ pub fn code(input: TokenStream) -> TokenStream { } struct CodeInput { - path: Expr, + path: String, language: Option, } impl Parse for CodeInput { fn parse(input: ParseStream<'_>) -> syn::Result { - let path = input.parse()?; + let MacroString(path) = input.parse()?; let mut language = None; if input.peek(Token![,]) { @@ -62,7 +63,7 @@ fn expand_code(input: CodeInput) -> syn::Result { let manifest_dir = env::var("CARGO_MANIFEST_DIR") .map_err(|error| syn::Error::new(Span::call_site(), error.to_string()))?; let manifest_dir = PathBuf::from(manifest_dir); - let macro_path = eval_path_expr(&input.path)?; + let macro_path = input.path; let absolute_path = resolve_manifest_path(&manifest_dir, ¯o_path); let source = fs::read_to_string(&absolute_path).map_err(|error| { @@ -193,71 +194,14 @@ fn dioxus_code_crate_path() -> syn::Result { } fn resolve_manifest_path(manifest_dir: &Path, path: &str) -> PathBuf { + let path_buf = PathBuf::from(path); + if path_buf.is_absolute() && (path_buf.exists() || path_buf.starts_with(manifest_dir)) { + return path_buf; + } + if let Some(stripped) = path.strip_prefix('/') { manifest_dir.join(stripped) } else { manifest_dir.join(path) } } - -fn eval_path_expr(expr: &Expr) -> syn::Result { - match expr { - Expr::Lit(expr_lit) => { - if let syn::Lit::Str(lit) = &expr_lit.lit { - Ok(lit.value()) - } else { - Err(syn::Error::new_spanned( - expr, - "path must be a string literal", - )) - } - } - Expr::Macro(expr_macro) => { - let Some(ident) = expr_macro.mac.path.get_ident() else { - return Err(syn::Error::new_spanned( - expr, - "only string literals, concat!, and env! are supported", - )); - }; - - match ident.to_string().as_str() { - "concat" => eval_concat(expr_macro.mac.tokens.clone()), - "env" => eval_env(expr_macro.mac.tokens.clone()), - _ => Err(syn::Error::new_spanned( - expr, - "only string literals, concat!, and env! are supported", - )), - } - } - _ => Err(syn::Error::new_spanned( - expr, - "only string literals, concat!, and env! are supported", - )), - } -} - -fn eval_concat(tokens: TokenStream2) -> syn::Result { - struct Args { - exprs: syn::punctuated::Punctuated, - } - - impl Parse for Args { - fn parse(input: ParseStream<'_>) -> syn::Result { - Ok(Self { - exprs: syn::punctuated::Punctuated::parse_terminated(input)?, - }) - } - } - - let args = syn::parse2::(tokens)?; - let mut value = String::new(); - for expr in args.exprs { - value.push_str(&eval_path_expr(&expr)?); - } - Ok(value) -} - -fn eval_env(tokens: TokenStream2) -> syn::Result { - let lit = syn::parse2::(tokens)?; - env::var(lit.value()).map_err(|error| syn::Error::new(lit.span(), error.to_string())) -} diff --git a/src/lib.rs b/src/lib.rs index 0577743..b5e8c0b 100644 --- a/src/lib.rs +++ b/src/lib.rs @@ -9,7 +9,11 @@ use dioxus::prelude::*; #[cfg(feature = "runtime")] use std::collections::HashMap; -const STYLE: Asset = asset!("/assets/dioxus-code.css"); +/// Base stylesheet for [`Code()`]. +/// +/// This contains layout styles only; syntax colors live in the generated theme +/// assets and the shared generated theme rule asset. +pub const CODE_CSS: Asset = asset!("/assets/dioxus-code.css"); #[cfg(feature = "macro")] pub use dioxus_code_macro::code; @@ -23,7 +27,11 @@ pub use dioxus_code_macro::code; pub struct Theme { name: &'static str, class: &'static str, + system_light_class: &'static str, + system_dark_class: &'static str, asset: Asset, + system_light_asset: Asset, + system_dark_asset: Asset, } impl Theme { @@ -37,10 +45,32 @@ impl Theme { self.class } + /// The CSS class that supplies this theme's variables to the light slot in + /// a [`CodeTheme::System`] pair. + pub const fn system_light_class(self) -> &'static str { + self.system_light_class + } + + /// The CSS class that supplies this theme's variables to the dark slot in + /// a [`CodeTheme::System`] pair. + pub const fn system_dark_class(self) -> &'static str { + self.system_dark_class + } + /// The Dioxus [`Asset`] for the theme's stylesheet. pub const fn asset(self) -> Asset { self.asset } + + /// The Dioxus [`Asset`] for this theme's system light variables. + pub const fn system_light_asset(self) -> Asset { + self.system_light_asset + } + + /// The Dioxus [`Asset`] for this theme's system dark variables. + pub const fn system_dark_asset(self) -> Asset { + self.system_dark_asset + } } impl Default for Theme { @@ -49,6 +79,57 @@ impl Default for Theme { } } +/// Syntax theme selection for [`Code()`]. +#[derive(Debug, Clone, Copy, PartialEq)] +pub enum CodeTheme { + /// Always render with one concrete theme. + Fixed(Theme), + /// Render with `light` when `(prefers-color-scheme: light)` matches and + /// `dark` when `(prefers-color-scheme: dark)` matches. + System { + /// Theme used for light color scheme media queries. + light: Theme, + /// Theme used for dark color scheme media queries. + dark: Theme, + }, +} + +impl CodeTheme { + /// Create a fixed theme selection. + pub const fn fixed(theme: Theme) -> Self { + Self::Fixed(theme) + } + + /// Create a CSS-only system theme pair. + pub const fn system(light: Theme, dark: Theme) -> Self { + Self::System { light, dark } + } + + /// CSS classes to apply to the rendered code container. + pub fn classes(self) -> String { + match self { + Self::Fixed(theme) => theme.class().to_string(), + Self::System { light, dark } => format!( + "dxc-system {} {}", + light.system_light_class(), + dark.system_dark_class() + ), + } + } +} + +impl Default for CodeTheme { + fn default() -> Self { + Self::Fixed(Theme::default()) + } +} + +impl From for CodeTheme { + fn from(theme: Theme) -> Self { + Self::Fixed(theme) + } +} + include!(concat!(env!("OUT_DIR"), "/theme_assets.rs")); /// A parsed source string with its highlighted spans. @@ -458,8 +539,8 @@ pub struct CodeProps { #[props(into)] pub src: CodeSource, /// Syntax theme. Defaults to [`Theme::RUSTDOC_AYU`]. - #[props(default)] - pub theme: Theme, + #[props(default, into)] + pub theme: CodeTheme, } /// Render syntax-highlighted source code. @@ -476,15 +557,13 @@ pub fn Code(props: CodeProps) -> Element { error, } = props.src.0; let segments = code_segments(&source, &spans); - let class = format!("dxc {}", props.theme.class()); - let theme_asset = props.theme.asset(); - let theme_key = props.theme.name(); + let class = format!("dxc {}", props.theme.classes()); let language = language.as_deref().unwrap_or("text"); let error = error.as_deref(); rsx! { - {rsx!{document::Stylesheet { key: "{theme_key}", href: theme_asset }}} - document::Stylesheet { href: STYLE } + ThemeStyles { theme: props.theme } + document::Stylesheet { href: CODE_CSS } pre { class, "data-language": language, @@ -507,10 +586,47 @@ pub fn Code(props: CodeProps) -> Element { } } +#[component] +fn ThemeStyles(theme: CodeTheme) -> Element { + let shared_theme_css = Theme::THEME_CSS; + + match theme { + CodeTheme::Fixed(theme) => { + let theme_asset = theme.asset(); + let theme_key = theme.name(); + + rsx! { + document::Stylesheet { href: shared_theme_css } + {rsx!{document::Stylesheet { key: "{theme_key}", href: theme_asset }}} + } + } + CodeTheme::System { light, dark } => { + let light_asset = light.system_light_asset(); + let dark_asset = dark.system_dark_asset(); + let light_key = format!("{}-system-light", light.name()); + let dark_key = format!("{}-system-dark", dark.name()); + + rsx! { + document::Stylesheet { href: shared_theme_css } + {rsx!{document::Stylesheet { key: "{light_key}", href: light_asset }}} + {rsx!{document::Stylesheet { key: "{dark_key}", href: dark_asset }}} + } + } + } +} + #[cfg(test)] mod tests { use super::*; + #[test] + fn system_theme_classes_include_scoped_slots() { + assert_eq!( + CodeTheme::system(Theme::GITHUB_LIGHT, Theme::TOKYO_NIGHT).classes(), + "dxc-system dxc-system-light-github-light dxc-system-dark-tokyo-night", + ); + } + #[test] fn plaintext_is_escaped() { let tree = CodeTree::plaintext("", "plain");