Comments (6)
A first go at this has just been pushed to main. I'll leave this issue open for the time being in case anyone has feedback. Didn't have time tonight, but I will integrate the font color choices with Style Settings soon.
from obsidian.
@mbeckrich this should be doable but it'll need a dedicated decorations.scss file I think
Using catppuccin accents for decorations which can be selected independently means that we'll need to add individual selector classes for both bold and italic elements
from obsidian.
@qdgiang01 Will implement.
@AnubisNekhet Sounds good, going to get started on it rn but have appointments all afternoon so might not get done until tomorrow-ish.
from obsidian.
This is what I'm looking at right now for the full palette theme @AnubisNekhet. Open to any changes, put this on development for the time being. Will tackle the Style Settings/accent themes when I get home.
from obsidian.
Sounds good π
from obsidian.
As of 24020e3, people with the Style Settings plugin should be able to swap out the default theme's colors for headings, italics, bold, strikethrough, and blockquote with their preferred colors from the palette.
For anyone who wants to make their own modifications (e.g. change default colors themselves, mess with opacity, etc.), I thought I would be able to do something in Style Settings like:
id: ctp-bold
type: variable-select
default: var(--ctp-sapphire)
strong,
cm-strong {
--bold-color: rgb(var(--ctp-bold);
}
But this method only works once the user selects a color. The --ctp-sapphire variable doesn't seem to go anywhere until then and if you do pick the color and then hit the plugin's default button, the color resets to grey and not the default from the yaml. If this is common knowledge, my bad, but the type: class-select
in Anubis's contribution works how I would have expected type: variable-select
to work, so this threw me for a loop. Anyway, I found I needed to add a fallback variable as the real default (the user-selected color seems to persist through opening/closing the app and enabling/disabling the plugin, but not sure if that will always be the case):
/*_typography.scss*/
strong,
.cm-strong {
--bold-color: rgb(var(--ctp-bold, var(--ctp-sapphire)));
}
from obsidian.
Related Issues (20)
- Problems with core plugin "backlinks" HOT 2
- Text color for currently open bookmarked file it black HOT 7
- Tree components overhaul in v1.3 broke some stuff HOT 2
- Implement Style Settings options for Obisidian 1.3.0+'s PDF tools HOT 2
- Conflict with icon folder plugin HOT 2
- catppuccin color palette mismatch HOT 2
- Add proper italic style. HOT 4
- Hello! Great theme.
- Low contrast for file name popup when moving files HOT 3
- Excalidraw support with paletton HOT 3
- Bug of todo list with deleted line HOT 4
- Option to show chevrons to collapse content on mobile HOT 1
- Latte flavor is not selectable HOT 2
- Put all style settings into a single section HOT 2
- Tag visibility HOT 1
- Respect folder hierarchy when highlighting tree items HOT 6
- codeblock width in editing mode not 100% HOT 1
- Adding theme for pdf viewer HOT 1
- Files aren't highlighted on selection using buttons HOT 4
- Project status
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from obsidian.