Add Solarized and Tokyo Night blog themes with palettes and docs
This commit is contained in:
@@ -28,12 +28,16 @@ pointing the `shareCss` relation at the matching note – see
|
|||||||
| Theme | File | Palette (dark / light) | Source |
|
| Theme | File | Palette (dark / light) | Source |
|
||||||
|---|---|---|---|
|
|---|---|---|---|
|
||||||
| **Coffee** (active by default) | `theme/blog_share_theme_coffee.css` | espresso `#1d150f` / latte-cream `#f0e2d0`, caramel `#e0a15c` · cream `#E8E3C3` / ink `#2D1A1D`, berry `#8e2d53` | [megabyte0x/omarchy-coffee-theme](https://github.com/megabyte0x/omarchy-coffee-theme) (MIT) |
|
| **Coffee** (active by default) | `theme/blog_share_theme_coffee.css` | espresso `#1d150f` / latte-cream `#f0e2d0`, caramel `#e0a15c` · cream `#E8E3C3` / ink `#2D1A1D`, berry `#8e2d53` | [megabyte0x/omarchy-coffee-theme](https://github.com/megabyte0x/omarchy-coffee-theme) (MIT) |
|
||||||
| **Harbor** | `theme/blog_share_theme_harbor.css` | near-black `#1b1b1b` / cream `#efebdc`, coral `#e75a50` · paper `#dfe4c4` / ink `#1c2d28`, nord-blue `#5e81ac` | [HANCORE-linux/omarchy-harbor-theme](https://github.com/HANCORE-linux/omarchy-harbor-theme) (MIT) |
|
| **Harbor** | `theme/blog_share_theme_harbor.css` | near-black `#1b1b1b` / cream `#efebdc`, coral `#e75a50` · paper `#dfe4c4` / ink `#1c2d28`, nord-blue `#5e81ac` | [HANCORE-linux/omarchy-harbor-theme](https://github.com/HANCORE-linux/omarchy-harbordark-theme) (MIT) |
|
||||||
| **Gruvbox** | `theme/blog_share_theme_gruvbox.css` | bg `#282828` / fg `#ebdbb2`, accents red/green/yellow/blue | [morhetz/gruvbox](https://github.com/morhetz/gruvbox) (MIT) |
|
| **Gruvbox** | `theme/blog_share_theme_gruvbox.css` | bg `#282828` / fg `#ebdbb2`, accents red/green/yellow/blue | [morhetz/gruvbox](https://github.com/morhetz/gruvbox) (MIT) |
|
||||||
|
| **Solarized** | `theme/blog_share_theme_solarized.css` | bg `#002b36` / fg `#839496`, blue `#268bd2` cyan `#2aa198` · bg `#fdf6e3` / fg `#657b83` | [Solarized by Ethan Schoonover](https://ethanschoonover.com/solarized/) (MIT) |
|
||||||
|
| **Tokyo Night** | `theme/blog_share_theme_tokyonight.css` | storm `#24283b` / fg `#c0caf5`, blue `#7aa2f7` · day `#e1e2e7` / fg `#3760bf` | [tokyonight.nvim](https://github.com/folke/tokyonight.nvim) (Apache-2.0) |
|
||||||
|
|
||||||

|

|
||||||

|

|
||||||

|

|
||||||
|

|
||||||
|

|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
@@ -83,6 +87,8 @@ pointing the `shareCss` relation at the matching note – see
|
|||||||
| `theme/blog_share_theme_coffee.css` | Coffee / Coffee Latte share theme (active by default) | code, `text/css` |
|
| `theme/blog_share_theme_coffee.css` | Coffee / Coffee Latte share theme (active by default) | code, `text/css` |
|
||||||
| `theme/blog_share_theme_harbor.css` | Harbor / Harbordark share theme | code, `text/css` |
|
| `theme/blog_share_theme_harbor.css` | Harbor / Harbordark share theme | code, `text/css` |
|
||||||
| `theme/blog_share_theme_gruvbox.css` | Gruvbox light/dark share theme | code, `text/css` |
|
| `theme/blog_share_theme_gruvbox.css` | Gruvbox light/dark share theme | code, `text/css` |
|
||||||
|
| `theme/blog_share_theme_solarized.css` | Solarized dark/light share theme | code, `text/css` |
|
||||||
|
| `theme/blog_share_theme_tokyonight.css` | Tokyo Night (storm/day) share theme | code, `text/css` |
|
||||||
| `theme/favicon.svg` | default site favicon | code (SVG) |
|
| `theme/favicon.svg` | default site favicon | code (SVG) |
|
||||||
| `theme/cookie.woff2` | "Cookie" font for the Buy me a coffee button | file, `font/woff2` |
|
| `theme/cookie.woff2` | "Cookie" font for the Buy me a coffee button | file, `font/woff2` |
|
||||||
| `lib/highlight.js` | vendored highlight.js | code, `application/javascript` |
|
| `lib/highlight.js` | vendored highlight.js | code, `application/javascript` |
|
||||||
@@ -143,6 +149,8 @@ Under **`.blog`** create one code note per file, using the file name as the note
|
|||||||
| `blog_share_theme_coffee.css` | `theme/blog_share_theme_coffee.css` | `text/css` |
|
| `blog_share_theme_coffee.css` | `theme/blog_share_theme_coffee.css` | `text/css` |
|
||||||
| `blog_share_theme_harbor.css` | `theme/blog_share_theme_harbor.css` | `text/css` |
|
| `blog_share_theme_harbor.css` | `theme/blog_share_theme_harbor.css` | `text/css` |
|
||||||
| `blog_share_theme_gruvbox.css` | `theme/blog_share_theme_gruvbox.css` | `text/css` |
|
| `blog_share_theme_gruvbox.css` | `theme/blog_share_theme_gruvbox.css` | `text/css` |
|
||||||
|
| `blog_share_theme_solarized.css` | `theme/blog_share_theme_solarized.css` | `text/css` |
|
||||||
|
| `blog_share_theme_tokyonight.css` | `theme/blog_share_theme_tokyonight.css` | `text/css` |
|
||||||
| `favicon` | `theme/favicon.svg` | – (SVG) |
|
| `favicon` | `theme/favicon.svg` | – (SVG) |
|
||||||
| `Cookie` | `theme/cookie.woff2` | `font/woff2` (file note) |
|
| `Cookie` | `theme/cookie.woff2` | `font/woff2` (file note) |
|
||||||
| `highlight.js` | `lib/highlight.js` | `application/javascript` |
|
| `highlight.js` | `lib/highlight.js` | `application/javascript` |
|
||||||
@@ -315,7 +323,7 @@ server {
|
|||||||
|
|
||||||
## Customisation
|
## Customisation
|
||||||
|
|
||||||
- **Theme**: pick one of `theme/blog_share_theme_{coffee,harbor,gruvbox}.css` and point the blog's
|
- **Theme**: pick one of `theme/blog_share_theme_{coffee,harbor,gruvbox,solarized,tokyonight}.css` and point the blog's
|
||||||
`shareCss` relation at it – see [`docs/switch-blog-theme.md`](docs/switch-blog-theme.md). Each theme
|
`shareCss` relation at it – see [`docs/switch-blog-theme.md`](docs/switch-blog-theme.md). Each theme
|
||||||
ships dark + light via `html.theme-light/dark`. The 3D viewer and Mermaid rendering read the theme's
|
ships dark + light via `html.theme-light/dark`. The 3D viewer and Mermaid rendering read the theme's
|
||||||
CSS variables, so they adapt automatically to whichever theme is active.
|
CSS variables, so they adapt automatically to whichever theme is active.
|
||||||
@@ -330,6 +338,6 @@ This project is licensed under the **GNU General Public License v3.0** – see [
|
|||||||
|
|
||||||
The repository also contains third-party assets that keep their own licenses:
|
The repository also contains third-party assets that keep their own licenses:
|
||||||
`lib/highlight.js` (BSD-3-Clause), `lib/hljs_line_numbers.js` (MIT),
|
`lib/highlight.js` (BSD-3-Clause), `lib/hljs_line_numbers.js` (MIT),
|
||||||
`theme/cookie.woff2` (SIL OFL 1.1), the three palette images `assets/palette-*.png` (MIT) and the embedded
|
`theme/cookie.woff2` (SIL OFL 1.1), the palette images `assets/palette-*.png` (MIT) and the embedded
|
||||||
Trilium logo in `scripts/bmc_button.js` (AGPL-3.0). See
|
Trilium logo in `scripts/bmc_button.js` (AGPL-3.0). See
|
||||||
[`THIRD_PARTY_LICENSES.md`](THIRD_PARTY_LICENSES.md) for details.
|
[`THIRD_PARTY_LICENSES.md`](THIRD_PARTY_LICENSES.md) for details.
|
||||||
+11
-1
@@ -14,6 +14,10 @@ The following files in this repository are **not** covered by the GPL-3.0 and ke
|
|||||||
| `theme/blog_share_theme_coffee.css` | Coffee / Coffee Latte color scheme from [megabyte0x/omarchy-coffee-theme](https://github.com/megabyte0x/omarchy-coffee-theme) (repo: MIT) | [MIT](#mit-license) |
|
| `theme/blog_share_theme_coffee.css` | Coffee / Coffee Latte color scheme from [megabyte0x/omarchy-coffee-theme](https://github.com/megabyte0x/omarchy-coffee-theme) (repo: MIT) | [MIT](#mit-license) |
|
||||||
| `theme/blog_share_theme_harbor.css` | Harbor / Harbordark color scheme from [HANCORE-linux/omarchy-harbor-theme](https://github.com/HANCORE-linux/omarchy-harbor-theme) (repo: MIT) | [MIT](#mit-license) |
|
| `theme/blog_share_theme_harbor.css` | Harbor / Harbordark color scheme from [HANCORE-linux/omarchy-harbor-theme](https://github.com/HANCORE-linux/omarchy-harbor-theme) (repo: MIT) | [MIT](#mit-license) |
|
||||||
| `theme/blog_share_theme_gruvbox.css` | Gruvbox color scheme from [morhetz/gruvbox](https://github.com/morhetz/gruvbox) (repo: MIT) | [MIT](#mit-license) |
|
| `theme/blog_share_theme_gruvbox.css` | Gruvbox color scheme from [morhetz/gruvbox](https://github.com/morhetz/gruvbox) (repo: MIT) | [MIT](#mit-license) |
|
||||||
|
| `theme/blog_share_theme_solarized.css` | Solarized color scheme by [Ethan Schoonover](https://ethanschoonover.com/solarized/) | [MIT](#mit-license) |
|
||||||
|
| `theme/blog_share_theme_tokyonight.css` | Tokyo Night color scheme from [folke/tokyonight.nvim](https://github.com/folke/tokyonight.nvim) | [Apache-2.0](#apache-2.0) |
|
||||||
|
| `assets/palette-solarized.png` | Solarized palette image (Ethan Schoonover) | [MIT](#mit-license) |
|
||||||
|
| `assets/palette-tokyonight.png` | Tokyo Night palette image from [folke/tokyonight.nvim](https://github.com/folke/tokyonight.nvim) | [Apache-2.0](#apache-2.0) |
|
||||||
| `lib/3d/three.min.js`, `lib/3d/OrbitControls.js`, `lib/3d/STLLoader.js` | [three.js](https://github.com/mrdoob/three.js) r128 | [MIT](#mit-license) |
|
| `lib/3d/three.min.js`, `lib/3d/OrbitControls.js`, `lib/3d/STLLoader.js` | [three.js](https://github.com/mrdoob/three.js) r128 | [MIT](#mit-license) |
|
||||||
| `lib/3d/occt-import-js.js`, `lib/3d/occt-import-js.wasm` | [occt-import-js](https://github.com/kovacsv/occt-import-js) (OpenCASCADE, WASM) | [LGPL-2.1](#lgpl-21) |
|
| `lib/3d/occt-import-js.js`, `lib/3d/occt-import-js.wasm` | [occt-import-js](https://github.com/kovacsv/occt-import-js) (OpenCASCADE, WASM) | [LGPL-2.1](#lgpl-21) |
|
||||||
| `lib/3d/occt-wasm-bundle.js`, `lib/3d/occt-wasm.wasm` | [occt-wasm](https://github.com/andymai/occt-wasm) (OpenCASCADE **OCCT V8**, WebAssembly, esbuild-bundled `OcctKernel`) | [MIT OR Apache-2.0](#mit-license) |
|
| `lib/3d/occt-wasm-bundle.js`, `lib/3d/occt-wasm.wasm` | [occt-wasm](https://github.com/andymai/occt-wasm) (OpenCASCADE **OCCT V8**, WebAssembly, esbuild-bundled `OcctKernel`) | [MIT OR Apache-2.0](#mit-license) |
|
||||||
@@ -98,4 +102,10 @@ the WASM blob is loaded at runtime by `scripts/3d_model_viewer.js` and is not st
|
|||||||
|
|
||||||
The Trilium logo embedded in `scripts/bmc_button.js` belongs to the Trilium /
|
The Trilium logo embedded in `scripts/bmc_button.js` belongs to the Trilium /
|
||||||
TriliumNext project and is used under the terms of the GNU Affero General
|
TriliumNext project and is used under the terms of the GNU Affero General
|
||||||
Public License v3.0 (<https://www.gnu.org/licenses/agpl-3.0.txt>).
|
Public License v3.0 (<https://www.gnu.org/licenses/agpl-3.0.txt>).
|
||||||
|
## Apache-2.0
|
||||||
|
|
||||||
|
The Tokyo Night color scheme (in `theme/blog_share_theme_tokyonight.css` and
|
||||||
|
`assets/palette-tokyonight.png`) is derived from
|
||||||
|
[tokyonight.nvim](https://github.com/folke/tokyonight.nvim) and used under the
|
||||||
|
Apache License 2.0 (<https://www.apache.org/licenses/LICENSE-2.0>).
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
@@ -12,6 +12,8 @@ note IDs are given for reference.
|
|||||||
| Coffee (default) | `theme/blog_share_theme_coffee.css` | `NqZXcFRGi3II` | espresso / latte-cream |
|
| Coffee (default) | `theme/blog_share_theme_coffee.css` | `NqZXcFRGi3II` | espresso / latte-cream |
|
||||||
| Harbor | `theme/blog_share_theme_harbor.css` | `Ep54EDTwKxup` | harbordark / paper |
|
| Harbor | `theme/blog_share_theme_harbor.css` | `Ep54EDTwKxup` | harbordark / paper |
|
||||||
| Gruvbox | `theme/blog_share_theme_gruvbox.css` | `edhL5cByGwqA` | gruvbox dark / light |
|
| Gruvbox | `theme/blog_share_theme_gruvbox.css` | `edhL5cByGwqA` | gruvbox dark / light |
|
||||||
|
| Solarized | `theme/blog_share_theme_solarized.css` | `UFxPR5IpTyfj` | base03 / base3 |
|
||||||
|
| Tokyo Night | `theme/blog_share_theme_tokyonight.css` | `bf1OKYo3msZm` | storm / day |
|
||||||
|
|
||||||
All three themes include a `html.theme-light` + `html.theme-dark` block, theme-aware **3D viewer**
|
All three themes include a `html.theme-light` + `html.theme-dark` block, theme-aware **3D viewer**
|
||||||
overlays and **Mermaid** rendering. The 3D viewer reads the theme's CSS variables
|
overlays and **Mermaid** rendering. The 3D viewer reads the theme's CSS variables
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user