/logseq-flow

Flow Theme - A minimal theme focused on simplicity and aesthetics

Primary LanguageCSSMIT LicenseMIT

🧠 Logseq Flow Theme

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.

⚙️ Custom Settings

The custom.css file can take the following options to tweak the visuals. Valid color options you can specify are --cl-primary, --cl-secondary, or --cl-accent.

:root {
  --cl-page-width: 900px;
  --cl-page-max-width: 100%;
  --cl-checkbox-background: hsl(var(--cl-accent), 0);
  --cl-checkbox-border: 1.7px;
  --cl-checkbox-radius: 2px;
  --cl-checkbox-opacity: 1;
  --cl-marker-color: var(--cl-primary);
  --cl-marker-pre-size: 0px;
  --cl-marker-size: 16px;
  --cl-mark-decoration: none;
  --cl-mark-background-color: var(--cl-primary), 0.0;
  --cl-mark-color: hsl(var(--cl-primary));
  --cl-tag-border: 10px;
  --cl-tag-color: var(--cl-text-color), 0.85;
  --cl-tag-background-color: var(--cl-text-color), 0.1;
  --cl-children-left-border: transparent;
  --cl-children-border-color: hsl(var(--cl-text-color), 0.15);
  --cl-selected-background-color: var(--cl-primary), 0.1;
  --cl-selected-color: var(--cl-primary), 1;
  --cl-font-family: "Euclid Circular A";
  --cl-header-font: "Roboto Slab";
  --cl-title-font: "Roboto Slab";
}

🚀 Features

  • Clean stylish theme that focuses on simplicity rather than flashy
  • Curved edges over jagged edges
  • Reference Panels Style around each match rather than each document
  • Improved block ref styling

dark-themes light-themes

🎨 Adding Color Palettes

For the time being if you have a color palette you would like to see added, then simply open an issue under this repository and provide a link to the color palette or any examples you may have with your request.

⌨️ Installation

From Marketplace:

  • Open the Plugin Section
  • Click on the marketplace
  • Select the Themes option
  • Click install for the "Logseq Flow" theme
  • Now press ti to bring up the theme selection window and select one of the many color palettes

Manually:

  • Clone or Download the latest release
    • If downloaded unpack the ZIP contents to a safe location
  • In logseq enable the developer mode
  • Open the Plugin Manager window
  • Click on "Load unpacked plugin"
  • Navigatge to the folder you either cloned or unpacked