Chore/zensical

.github/workflows/deploy.yml

@@ -6,39 +6,6 @@ on:
     - '*'
 
 jobs:
-
-  documents:
-    runs-on: ubuntu-latest
-
-    steps:
-    - uses: actions/checkout@v4
-      with:
-        fetch-depth: 0
-    - name: Set up Python
-      uses: actions/setup-python@v5
-      with:
-        python-version: '3.13'
-    - name: Setup Node
-      uses: actions/setup-node@v2
-      with:
-        node-version: '22'
-    - name: Install dependencies
-      run: |
-        python -m pip install --upgrade pip setuptools
-        python -m pip install -r requirements/dev.txt
-        python -m pip install -r requirements/docs.txt
-        npm install --legacy-peer-deps
-    - name: Deploy documents
-      run: |
-        git config user.name facelessuser
-        git config user.email "${{ secrets.GH_EMAIL }}"
-        git remote add gh-token "https://${{ secrets.GH_TOKEN }}@github.com/facelessuser/coloraide.git"
-        git fetch gh-token && git fetch gh-token gh-pages:gh-pages
-        python tools/buildwheel.py
-        npm run build
-        python -m mkdocs gh-deploy -v --clean --remote-name gh-token
-        git push gh-token gh-pages
-
   build:
     runs-on: ubuntu-latest
 

.github/workflows/publish.yaml

@@ -0,0 +1,40 @@
+name: publish
+
+on:
+  push:
+    tags:
+    - '*'
+  workflow_dispatch:
+
+jobs:
+  documents:
+    strategy:
+      max-parallel: 4
+      matrix:
+        python-version: ['3.13']
+
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: read
+      pages: write
+      id-token: write
+
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    steps:
+      - uses: actions/configure-pages@v5
+      - uses: actions/checkout@v5
+      - uses: actions/setup-python@v5
+        with:
+          python-version: ${{ matrix.python-version }}
+      - run: |
+          python -m pip install --upgrade pip build
+          python -m pip install -r requirements/docs.txt
+      - run: python -m zensical.main build -f zensical.yml --clean
+      - uses: actions/upload-pages-artifact@v3
+        with:
+          path: site
+      - uses: actions/deploy-pages@v4

docs/src/dictionary/en-custom.txt

@@ -244,6 +244,7 @@ YCbCr
 Yoshi
 ZCAM
 ZD
+Zensical
 Zhai
 absolutizing
 accessor

docs/src/scss/_buttons.scss

@@ -9,7 +9,7 @@
 
 .playground,
 .notebook {
-  button:not(.md-clipboard) {
+  button:not(.md-code__button) {
     position: relative;
     padding: 0 1.5em;
     color: var(--md-typeset-a-color);

docs/src/scss/_playground.scss

@@ -6,18 +6,156 @@
 
 /* stylelint-disable */
 .ace-dracula {
+  color: #f8f8f2;
+  background-color: #22212c;
+
+  .ace_gutter {
+    color: #7470a9;
+    background: #22212c;
+  }
+
+  .ace_print-margin {
+    width: 1px;
+    background: hsl(245, 25%, 25%);
+  }
+
+  .ace_cursor {
+    color: #f8f8f2;
+  }
+
+  .ace_marker-layer .ace_selection {
+    background: #434158;
+  }
+
+  .ace_multiselect .ace_selection.ace_start {
+    box-shadow: 0 0 3px 0px hsl(245, 14%, 15%);
+    border-radius: 2px;
+  }
+
+  .ace_marker-layer .ace_step {
+    background: hsl(87.5 65% 85.539%);
+  }
+
+  .ace_marker-layer .ace_bracket {
+    margin: -1px 0 0 -1px;
+    border: 1px solid hsl(60, 100%, 75%);
+  }
+
   .ace_marker-layer .ace_active-line {
-    background: #2E334B;
+    background: hsl(245, 25%, 25%);
   }
 
   .ace_gutter-active-line {
-    color: #AEB7D1;
-    background-color: #2E334B;
+    color: #f8f8f2;
+    background-color: hsl(245, 25%, 25%);
+  }
+
+  .ace_marker-layer .ace_selected-word {
+    box-shadow: 0px 0px 0px 1px #abab55;
+    border-radius: 3px;
+  }
+
+  .ace_fold {
+    background-color: hsl(115, 100%, 75%);
+    border-color: #22212c;
+  }
+
+  .ace_keyword {
+    color: hsl(330, 100%, 75%);
+  }
+
+  .ace_constant.ace_language {
+    color: hsl(250, 100%, 75%);
+  }
+
+  .ace_constant.ace_numeric {
+    color: hsl(250, 100%, 75%);
+  }
+
+  .ace_constant.ace_character {
+    color: hsl(250, 100%, 75%);
+  }
+
+  .ace_constant.ace_character.ace_escape {
+    color: hsl(330, 100%, 75%);
+  }
+
+  .ace_constant.ace_other {
+    color: hsl(250, 100%, 75%);
+  }
+
+  .ace_support.ace_function {
+    color: hsl(170, 100%, 75%);
+  }
+
+  .ace_support.ace_constant {
+    color: hsl(170, 100%, 75%);
+  }
+
+  .ace_support.ace_class {
+    font-style: italic;
+    color: hsl(170, 100%, 75%);
+  }
+
+  .ace_support.ace_type {
+    font-style: italic;
+    color: hsl(170, 100%, 75%);
+  }
+
+  .ace_storage {
+    color: hsl(330, 100%, 75%);
+  }
+
+  .ace_storage.ace_type {
+    font-style: italic;
+    color: hsl(170, 100%, 75%);
+  }
+
+  .ace_invalid {
+    color: #22212c;
+    background-color: hsl(330, 100%, 75%);
+  }
+
+  .ace_invalid.ace_deprecated {
+    color: #22212c;
+    background-color: hsl(250, 100%, 75%);
+  }
+
+  .ace_string {
+    color: hsl(60, 100%, 75%);
+  }
+
+  .ace_comment {
+    color: #7470a9;
+  }
+
+  .ace_variable {
+    color: hsl(115, 100%, 75%);
+  }
+
+  .ace_variable.ace_parameter {
+    font-style: italic;
+    color: hsl(35, 100%, 75%);
+  }
+
+  .ace_entity.ace_other.ace_attribute-name {
+    color: hsl(115, 100%, 75%);
+  }
+
+  .ace_entity.ace_name.ace_function {
+    color: hsl(115, 100%, 75%);
+  }
+
+  .ace_entity.ace_name.ace_tag {
+    color: hsl(330, 100%, 75%);
+  }
+  .ace_invisible {
+    color: #7470a9aa;
   }
 }
 
 [data-md-color-scheme="default"] {
-   .ace-dracula {
+  .ace-dracula {
     color: #1F1F1F;
     background-color: #F5F5F5;
 

docs/src/scss/_swatch.scss

@@ -9,10 +9,6 @@
   0 0 / 0.5em 0.5em #fefefe;
 
   [data-md-color-scheme="slate"] {
-    --swatch-border-color: hsla(232, 15%, 25%, 1);
-  }
-
-  [data-md-color-scheme="dracula"] {
     --swatch-bar-border-color: hsl(231deg 15% 20%);
     --swatch-border-color: hsl(231deg 15% 25%);
     --swatch-gamut-border-color: hsl(326, 100%, 74%);

docs/src/mkdocs.yml → docs/src/zensical.yml

@@ -13,9 +13,29 @@ theme:
   icon:
     logo: material/book-open-page-variant
   palette:
-    scheme: dracula
-    primary: deep purple
-    accent: deep purple
+    # Palette toggle for system
+    - media: "(prefers-color-scheme)"
+      toggle:
+        icon: material/brightness-auto
+        name: Switch to light mode
+
+    # Palette toggle for light mode
+    - media: "(prefers-color-scheme: light)"
+      scheme: default
+      primary: deep purple
+      accent: deep purple
+      toggle:
+        icon: lucide/sun
+        name: Switch to dark mode
+
+    # Palette toggle for dark mode
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
+      primary: deep purple
+      accent: deep purple
+      toggle:
+        icon: lucide/moon
+        name: Switch to light mode
   font:
     text: Roboto
     code: Roboto Mono
@@ -319,11 +339,13 @@ markdown_extensions:
       block_tag: 'pre'
 
 extra_css:
+  - assets/pymdownx-extras/extra-7b8e8e17e4.css
   - assets/coloraide-extras/extra.css
   - https://cdn.jsdelivr.net/npm/ace-builds@1.43.0/css/ace.css
 extra_javascript:
+  - assets/pymdownx-extras/extra-loader-Ccztcqfq.js
   - https://cdn.jsdelivr.net/npm/ace-builds@1.43.0/src-min-noconflict/ace.js
-  - https://cdn.jsdelivr.net/npm/mermaid@11.7.0/dist/mermaid.min.js
+  - https://cdn.jsdelivr.net/npm/mermaid@11.12.1/dist/mermaid.min.js
   - playground-config-8fce84bc.js
   - https://cdn.jsdelivr.net/pyodide/v0.27.7/full/pyodide.js
   - assets/coloraide-extras/extra-notebook.js
@@ -333,12 +355,3 @@ extra:
   social:
     - icon: fontawesome/brands/github
       link: https://github.com/facelessuser
-
-plugins:
-  - search
-  - git-revision-date-localized:
-      fallback_to_build_date: true
-      strict: false
-  - mkdocs_pymdownx_material_extras
-  - minify:
-      minify_html: true