Giter Club home page Giter Club logo

obsidian-catppuccin's Introduction

Logo
Catppuccin for Obsidian

GitHub star count Open issues on GitHub List of contributors

Example of the Catppuccin theme for Obsidian

Previews

🌻 Latte Preview of Latte theme
πŸͺ΄ FrappΓ© Preview of FrappΓ© theme
🌺 Macchiato Preview of Macchiato theme
🌿 Mocha Preview of Mocha theme

About

This is the Catppuccin theme for the note-taking app Obsidian. The theme is a constant work in progress, given the quick development pace of Obsidian itself and the user-made plugin scene. The theme uses a base64-encoded version of Friedrich Althausen's font Vollkorn as its default editor text. Runner up in πŸŽ‰ Obsidian's 2022 Gems of the Year awards. Thank you to everyone who voted.

Usage

This theme provides the full range of Catppuccin palettes when used with the Style Settings plugin (see here for more on using plugins with Obsidian). This plugin will allow users to pick from several variations on Catppuccin, including accents for each color in the palette and one that features the full host of Catppuccin colors (the default). New options will be exposed through the Style Settings plugin over time.

Obsidian theme store

To install from the Obsidian theme store:

Open Obsidian and go to Preferences >> Appearance, click Manage and scroll down to 'Community Themes.' Type ' Catppuccin' in the filter bar and then click 'Use' under the theme name.

Style Settings plugin installation and use

A note on Style Settings setup from pitoniak32:

To install Style Settings, open Obsidian's Preferences, and navigate to the OPTIONS section, select Community plugins and ensure that Restricted Mode is off.

Now you can search for "Style Settings" by mgmeyers. Once you have the plugin installed, you should be able to see a heading entry Style Settings on the left under COMMUNITY PLUGINS in the Preferences window.

From there you can select, and configure your Catppuccin flavor, and make customizations :)

Problems?

Obsidian is a large and constantly expanding app with a variety of use cases and plugins. If you run into theme-related issues or want CSS adjustments made for your favorite plugin(s), please open an issue. While there is a Discord community for the theme, using GitHub Issues is good for the development process, less ephemeral, and helps other users who need support or want to contribute.

Contributing

See CONTRIBUTING.md.

Plugins

The theme currently has limited CSS for a few plugins in _plugins.scss. These include:

  • Another Quick Switcher
  • Better Command Palette
  • Obsidian Git
  • Omnisearch
  • MAKE.md

Development

See the Releases page for the latest news.

πŸ’ Thanks to

Β 

Cat sitting on gray line

Copyright Β© 2021-present Catppuccin Org

MIT license

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.