{"id":39680671,"url":"https://github.com/henices/logseq-flow-nord","last_synced_at":"2026-01-18T09:52:17.395Z","repository":{"id":152530776,"uuid":"626331119","full_name":"henices/logseq-flow-nord","owner":"henices","description":"A minimal theme that focuses on a clean and sleek interface that's soft on the edges and comes with a large variety of color palettes.","archived":false,"fork":false,"pushed_at":"2025-04-08T09:00:29.000Z","size":3915,"stargazers_count":36,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-08T09:46:47.905Z","etag":null,"topics":["bear-theme","catppuccin-theme","gruvbox-theme","logseq","monokai-theme","nordtheme","solarized-theme","theme"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/henices.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-11T08:53:12.000Z","updated_at":"2025-04-08T08:58:52.000Z","dependencies_parsed_at":"2023-12-18T04:23:57.718Z","dependency_job_id":"a62948d2-eb5e-42aa-a5f3-ddee01530cf2","html_url":"https://github.com/henices/logseq-flow-nord","commit_stats":null,"previous_names":[],"tags_count":162,"template":false,"template_full_name":null,"purl":"pkg:github/henices/logseq-flow-nord","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/henices%2Flogseq-flow-nord","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/henices%2Flogseq-flow-nord/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/henices%2Flogseq-flow-nord/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/henices%2Flogseq-flow-nord/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/henices","download_url":"https://codeload.github.com/henices/logseq-flow-nord/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/henices%2Flogseq-flow-nord/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28534175,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-18T00:39:45.795Z","status":"online","status_checked_at":"2026-01-18T02:00:07.578Z","response_time":98,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bear-theme","catppuccin-theme","gruvbox-theme","logseq","monokai-theme","nordtheme","solarized-theme","theme"],"created_at":"2026-01-18T09:52:17.307Z","updated_at":"2026-01-18T09:52:17.376Z","avatar_url":"https://github.com/henices.png","language":"CSS","funding_links":["https://www.buymeacoffee.com/henices"],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003e\n🧠 Logseq Flow Nord Theme\n\u003ca href=\"https://www.buymeacoffee.com/henices\"\u003e\n  \u003cimg align=\"right\" src=\"https://github.com/henices/logseq-flow-nord/blob/main/.images/coffee.png?raw=true\" height=\"30px\"/\u003e\n\u003c/a\u003e\n\u003c/h1\u003e\n\nA minimal theme that focuses on a clean and sleek interface that's soft on the edges.\n\n![NordTheme-wallpaper](https://github.com/henices/logseq-flow-nord/assets/929715/b9361f21-543d-4725-b9b0-c50f11d07a65)\n\n- Clean stylish theme that focuses on simplicity rather than flashy\n- Curved edges over jagged edges\n- Reference Panels Style around each match rather than each document\n- Improved block ref styling\n- Six built-in color palettes\n- A large variety of color [palettes](https://github.com/henices/logseq-flow-nord/tree/main/src/palettes)\n\n**Logseq now officially supports accents and introduces its own variation of themes. Logseq Flow Nord Theme doesn't support offical accent colors.**\n**Select no accent color (1st color option) for the max compatibility.**\n\n![image](https://github.com/henices/logseq-flow-nord/assets/929715/87668104-8b8b-4f33-85c4-492fe145cdfb)\n\n## 🚀 Demo\n\nhttps://github.com/henices/logseq-flow-nord/assets/929715/b9eef3ec-31b5-43ff-aebf-40d78fa11e2a\n\n**Caution: Styles may NOT up to date !**\n\nFlow Nord Theme style (Demo)\n\n\u003cimg width=\"1073\" alt=\"image\" src=\"https://github.com/henices/logseq-flow-nord/assets/929715/7e30ea9a-9830-4c54-b3e8-75440c3f32b8\"\u003e\n\nFlow Nord Theme Dark mode (Demo)\n\n![image](https://github.com/henices/logseq-flow-nord/assets/929715/e8e0f2b5-5334-4f47-8009-8a0ee5b09e8e)\n\nFlow Nord Theme Light mode (Demo)\n\n![image](https://github.com/henices/logseq-flow-nord/assets/929715/33ced5c4-3c8e-47e1-bd15-7160ae81b5a3)\n\n## ⌨️ Installation\n\nManually:\n- Clone or Download the latest [release](https://github.com/henices/logseq-flow-nord/releases)\n  - If downloaded unpack the ZIP contents to a safe location\n- In logseq enable the developer mode\n- Open the Plugin Manager window  ( ... -\u003e Plugins )\n- Click on \"Load unpacked plugin\"\n- Navigatge to the folder you either cloned or unpacked\n\nLogseq Marketplace:\n- Open the Logseq Marketplace\n- Click on the \"Themes\" tab\n- Search for Flow Nord Theme\n- Click on the \"Install\" button.\n\n## ❓️ Usage\n\n### Use built-in color palettes\n\n1. Click «...» and open the «Themes»\n2. Select Flow Nord Theme-* in theme menu.\n\n### Use Custom color palettes\n\n1. select `Flow Nord Theme-custom` theme\n2. add the following code in `custom.css`\n\n```\n@import url(\"https://cdn.jsdelivr.net/gh/henices/logseq-flow-nord@main/src/palettes/newsprint.css\");\n```\n\nThen we get newsprint color palette in both light and dark mode.\n\nSee [Custom Color Palette](https://github.com/henices/logseq-flow-nord#%EF%B8%8F-custom-color-palette) section for more details. \n\n## 📱️Use Flow Nord Theme in Mobile\n\n1. In mobile Logseq: tap «...» and open the «Settings»\n2. Tap «Edit custom.css»\n3. Insert this code to the top of `custom.css`\n\n- Nord (light \u0026 dark)\n\n```css\n@import url(\"https://cdn.jsdelivr.net/gh/henices/logseq-flow-nord@main/nord.css\");\n```\n\n- catppuccin latte (light)\n\n```css\n@import url(\"https://cdn.jsdelivr.net/gh/henices/logseq-flow-nord@main/latte.css\");\n```\n\n- Sepia (light)\n\n```css\n@import url(\"https://cdn.jsdelivr.net/gh/henices/logseq-flow-nord@main/sepia.css\");\n```\n\n- Xiaobot (light)\n\n```css\n@import url(\"https://cdn.jsdelivr.net/gh/henices/logseq-flow-nord@main/xiaobot.css\");\n```\n\n- Onedark (dark)\n\n```css\n@import url(\"https://cdn.jsdelivr.net/gh/henices/logseq-flow-nord@main/onedark.css\");\n```\n\n- catppuccin macchiato (dark)\n\n```css\n@import url(\"https://cdn.jsdelivr.net/gh/henices/logseq-flow-nord@main/macchiato.css\");\n```\n\n- Dracula (dark)\n\n```css\n@import url(\"https://cdn.jsdelivr.net/gh/henices/logseq-flow-nord@main/dracula.css\");\n```\n\nIf you want to use custom color palettes in mobile, add the following code to custom.css, you can set theme to newsprint color palette.\n\n```css\n@import url(\"https://cdn.jsdelivr.net/gh/henices/logseq-flow-nord@main/src/palettes/newsprint.css\");\n@import url(\"https://cdn.jsdelivr.net/gh/henices/logseq-flow-nord@main/custom.css\");\n\n:root {\n  --cl-font-size: 16px;\n  --cl-line-height: 1.2;\n  --ls-page-title-size: 24px;\n}\n```\n\nGet other color palette here: https://github.com/henices/logseq-flow-nord/tree/main/src/palettes\n\n## If you ❤️ what I'm doing — consider to support my work\n\u003cp align=\"left\"\u003e\n  \u003ca href=\"https://www.buymeacoffee.com/henices\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://github.com/henices/logseq-flow-nord/blob/main/.images/coffee.png?raw=true\" alt=\"Buy Me A Coffee\" height=\"60px\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## 🚀 Features\n\n### ⚙️  Custom Settings\n\nThe custom.css file can take the following options to tweak the visuals.\n```css\n:root {\n  --cl-page-width: 900px;\n  --cl-page-max-width: 100%;\n  --cl-checkbox-background: hsl(var(--cl-accent), 0);\n  --cl-checkbox-border: 1.7px;\n  --cl-checkbox-radius: 2px;\n  --cl-checkbox-opacity: 1;\n  --cl-marker-color: var(--cl-primary);\n  --cl-marker-pre-size: 0px;\n  --cl-marker-size: 16px;\n  --cl-mark-decoration: none;\n  --cl-mark-background-color: var(--cl-primary), 0.0;\n  --cl-mark-color: hsl(var(--cl-primary));\n  --cl-tag-border: 10px;\n  --cl-tag-color: var(--cl-text-color), 0.85;\n  --cl-tag-background-color: var(--cl-text-color), 0.1;\n  --cl-children-left-border: transparent;\n  --cl-children-border-color: hsl(var(--cl-text-color), 0.15);\n  --cl-selected-background-color: var(--cl-primary), 0.1;\n  --cl-selected-color: var(--cl-primary), 1;\n  --cl-font-family: \"Euclid Circular A\";\n  --cl-font-size: 16px;\n  --cl-font-weight: 400;\n  --cl-font-family-code: \"Fira Code\";\n  --cl-header-font: \"Roboto Slab\";\n  --cl-title-font: \"Roboto Slab\";\n  --cl-font-feature-settings: \"zero\", \"liga\" 1, \"calt\" 1;\n}\n```\n\n- `--cl-font-family`  :  set font famliy\n- `--cl-font-size`    :  set font size\n- `--cl-font-weight`  :  set font weight\n- `--cl-font-family-code`  :  set code font famliy\n- `--cl-font-feature-settings` : set OpenType font features\n\n```css\n:root {\n    --cl-font-family: \"Source Han Sans SC VF\", sans-serif;\n    /*--cl-font-family: \"PingFang SC\", sans-serif;*/\n\n    --cl-font-family-code: \"Fira Code\"; /* code font */\n    --cl-font-size: 1.2rem;\n    --cl-font-weight: 500;\n}\n```\n\n### 🎨️ Custom Color Palette\n\n[palettes](https://github.com/henices/logseq-flow-nord/tree/main/src/palettes) provides a large variety of color palettes, select your favorite one.\n\n- [Logseq classical default color palette](https://github.com/henices/logseq-flow-nord/blob/main/src/palettes/default.css)\n- [monokai-pro color palette](https://github.com/henices/logseq-flow-nord/blob/main/src/palettes/monokai-pro.css)\n- [bear color palette](https://github.com/henices/logseq-flow-nord/blob/main/src/palettes/bear.css)\n- [dracula color palette](https://github.com/henices/logseq-flow-nord/blob/main/src/palettes/dracula.css)\n\n1. copy the css code and paste to the custom.css\n2. select `Flow Nord Theme-custom` theme, enjoy :)\n\nThe following color options will only affect custom theme:\n\n```\n`--ct-primariy-color` (required)\n`--ct-secondary-color` (required)\n`--ct-accent-color` (required)\n`--ct-text-color` (required)\n\n`--ct-bg-color-h` (optional)\n`--ct-bg-color-s` (optional)\n`--ct-bg-color-l` (optional)\n`--ct-bg-color` (optional)\n`--ct-title-text-color` (optional)\n`--ct-code-text-color` (optional)\n`--ct-external-link-color` (optional)\n```\n\nExample custom.css:\n\n```css\n.dark-theme,\nhtml[data-theme='dark'] {\n    --ct-bg-color-h: 210;\n    --ct-bg-color-s: 16%;\n    --ct-bg-color-l: 17%;\n    --ct-bg-color: 210, 16%, 27%;\n    --ct-text-color: 213, 22%, 92%;\n    --ct-primariy-color: 186, 47%, 58%;\n    --ct-secondary-color: 186, 63%, 36%;\n    --ct-accent-color: 140, 39%, 77%;\n}\n\n.white-theme,\nhtml[data-theme='light'] {\n    --ct-bg-color-h: 0;\n    --ct-bg-color-s: 0%;\n    --ct-bg-color-l: 100%;\n    --ct-bg-color: 0, 0%, 90%;\n    --ct-text-color: 210, 16%, 33%;\n    --ct-primariy-color: 186, 63%, 36%;\n    --ct-secondary-color: 186, 47%, 58%;\n    --ct-accent-color: 140, 33%, 42%;\n}\n```\n\nhttps://github.com/henices/logseq-flow-nord/assets/929715/6a20e799-548a-4bc2-99f3-3e477f1aab8d\n\n\n### 📄️ Custom PDF Settings\n\n\nValid color options you can specify are `--cl-pdf-light-background`, `--cl-pdf-dark-background`, or `--ls-icon-color`.\n\n```css\n.dark-theme, .light-theme {\n    --cl-pdf-light-background: transparent;\n    --cl-pdf-dark-background: transparent;\n    --ls-icon-color: #8abbbb;\n}\n```\n\nIf you find that the text in a PDF is unclear, setting the background to \"transparent\" can improve the display. This may also resolve issues with displaying PDFs in Logseq's default theme under certain conditions.\n\n\nhttps://github.com/henices/logseq-flow-nord/assets/929715/52d5d486-27fe-4f3a-aede-541e8826e71c\n\n###  Parallel blocks\n\nThis pure css parallel blocks solution is base on elgatopanzon's great work. You can now put any blocks side by side in a column view, simply by adding the tags #parallel-2 to the 2 blocks, or #parallel-3 to the 3 blocks. Additionally, the tags #parallel-small and #parallel-big work to have 2 blocks side by side with one taking more space than the other, similar to having a sidebar.\n\n\u003cimg width=\"950\" alt=\"image\" src=\"https://github.com/henices/logseq-flow-nord/assets/929715/99b397fa-98a1-4e7f-bf6b-9a02708a3b00\"\u003e\n\n## Story\n\nThe logseq-Flow theme was originally developed by a GitHub user named nmartin84. However, for some reason, @nmartin84 left the community. As a result, the Logseq-Flow repository was deleted from GitHub, and the Logseq-Flow theme is now in an unmaintained state.\n\nAs a backend engineer who uses Logseq on a daily basis, the Logseq-Flow theme is my favorite theme. Despite its unmaintained state, I see this as an opportunity for new beginnings in its development.\n\nBad3r, just wanted to let you know about the amazing [NordTheme](https://www.nordtheme.com). When combined with the 'logseq flow theme', it creates the beautiful 'Flow Nord Theme'.\n\n## Recommend Logseq Plugins\n- [Bullet threading plugin](https://github.com/pengx17/logseq-plugin-bullet-threading)\n- [Tabs plugin](https://github.com/pengx17/logseq-plugin-tabs)\n- [Logseq Banners plugin](https://github.com/yoyurec/logseq-banners-plugin)\n- [Awesome Content plugin](https://github.com/yoyurec/logseq-awesome-content)\n- [Awesome Props plugin](https://github.com/yoyurec/logseq-awesome-props)\n\n## Thanks\n- [logseq-flow](https://github.com/nmartin84/logseq-flow) \n- [Tabler Icons](https://github.com/tabler/tabler-icons)\n- [CodeMirror](https://github.com/codemirror/codemirror5)\n- [Logseq Dev Theme](https://github.com/pengx17/logseq-dev-theme/)\n- [logseq-logtools-custom](https://github.com/elgatopanzon/logseq-logtools-custom)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhenices%2Flogseq-flow-nord","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhenices%2Flogseq-flow-nord","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhenices%2Flogseq-flow-nord/lists"}