Git Product home page Git Product logo

chime-theme's Introduction

๐Ÿ”” Chime

Chime was designed with a special intention to not overwhelm you with options. Built on the principle of highly customizable simplicity, Chime provides vast personalization options without going past only what's most important.

Features

With the Style Settings plug-in, Chime boasts the following features:

  • 12 different color schemes
  • Two different layout styles.
  • Hide certain buttons and enable full-screen Focus Mode
  • Special style settings for the page-gallery plug-in
  • Options for styling blockquotes, headings, checkboxes, links, and more.
  • Four special css classes

CSS Classes

Chime includes four css classes that may come in handy to some people.

Image Class Description
wiki-page Format your note like a wiki page. This class floats images and info blockquotes to the right and formats headings and text.
novel Format your note like a page in a book. This class changes the font, indentation, and paragraph spacing. Pressing enter once creates a normal paragraph without an indent (great if you don't like indented dialogue), while pressing enter twice, like you would usually create a paragraph in Obsidian, creates an indented paragraph. Both paragraphs are evenly spaced in preview mode.
wide Makes a note wide even when Readable Line Length is turned on.
cards (by kepano)

Makes dataview tables show up as a grid of cards. Originally created by kepano for the Minimal theme.

๐Ÿ”Œ Compatible Plug-Ins

Dataview

Chime includes styling for inline metadata and dataview tables. The cards class also utilizes this plug-in.

Pages Gallery

Chime makes minor changes to the Pages Gallery plug-in and gives it an appearance similar to that of the cards css class. Text will now break and continue on a new line rather than overflowing when responsive height is enabled, and the tiles will be resized according to amount of text with the loose tiles setting. Images will be automatically set to cover and will override contain (this may change later, I just couldn't get the images to force certain ratios in contain mode). The font size within the tiles has been adjusted and a style setting has been added to get rid of the searchbar.

๐Ÿ’– Credits

A special thanks to...

  • kepano for their amazing Minimal theme
    • Inspiration
    • cards CSS class
  • Anubis for the phenomenal AnuPpuccin theme
    • rainbow folders option
  • The developers of Obsidian.
    • I wouldn't have learned CSS without this app.

๐Ÿ’ฌ Want to Contribute to Chime?

Feel free to make a pull request to add a new color scheme, layout variant...you name it. I am open to merging any style settings options that you come up with.

You control the future of Chime.

chime-theme's People

Contributors

bluemoondragon07 avatar dolores824 avatar

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.