Feature Description

It might be useful to enable Discussions on this repository so people can submit their CSS snippets. That way, there is a place for people to submit snippets that you may not wish to incorporate fully into the theme, and give you a way to close other issues.

Additional context

Example: https://github.com/mgmeyers/obsidian-kanban/discussions

would love to have these! here's what I have currently

<< External Links
──────────────────────────────────────────────────── */
.cm-commenturl,
.cm-s-obsidian span.cm-link,
.external-link {
  word-break: break-all;
  text-decoration: none;
  color: var(--text-accent-external);
  border-radius: 4px;
  background: none;
  padding-right: 0;
}


/* <<< Fold external URLs (CM6 Source Mode) */
body:not(.show-urls) .cm-s-obsidian:not(.is-live-preview) .cm-line:not(.cm-active) .cm-string.cm-url:not(.cm-formatting) {
	font-size: 0;
}

body:not(.show-urls) .cm-s-obsidian:not(.is-live-preview) .cm-line:not(.cm-active) .cm-string.cm-url:not(.cm-formatting)::after {
	content: "link";
	font-family: var(--icon-font);
	font-size: calc(var(--font-text-size) * 0.9);
	position: relative;
	top: 2px;
}

/* external link icon */
body:not(.show-external-link-icon) .external-link {
	background-image: none;
	padding-right: 0;
}


/* stylelint-disable-line no-duplicate-selectors */
/* :root {  
	--icon-font: "Material Icons (Filled)";
	--external-url: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid meet' viewBox='0 0 1536 1536'%3e%3cpath d='M1280 800V320q0-26-19-45t-45-19H736q-42 0-59 39q-17 41 14 70l144 144l-534 534q-19 19-19 45t19 45l102 102q19 19 45 19t45-19l534-534l144 144q18 19 45 19q12 0 25-5q39-17 39-59zm256-512v960q0 119-84.5 203.5T1248 1536H288q-119 0-203.5-84.5T0 1248V288Q0 169 84.5 84.5T288 0h960q119 0 203.5 84.5T1536 288z' fill='grey'/%3e%3c/svg%3e");
}
*/
/* .show-external-link-icon .external-link {
	background-position-y: 0.3em;
	background-image: var(--external-url);
} */

/* don't underline the formatting */

.external-link.external-link,
body:not(.show-urls) .cm-line:not(.cm-active) span.cm-url.cm-url {
    text-decoration: underline double 1px;
    color: var(--blue);
    font-weight: 500;
    cursor: default;
}

.external-link.external-link:hover,
body:not(.show-urls) .cm-line:not(.cm-active) span.cm-url.cm-url:hover {
	text-decoration: underline double 1px;
    color: var(--tomorrow-blue);
    font-weight: 600;
    cursor: pointer;
}

LOVE this theme and I'm glad the dev is back!
Could we have more theme colors? I use "Frappe" on the dark theme and it's just too dark and meh, I know we can use custom backgrounds now but I'd rather just click a button and get a nice, not too dark not too light note background.

Thank you!

Describe the bug
Speech bubbles are broken.

To Reproduce

• Create a speech bubble
  Screenshots
  

Hi. It's a shame people are stealing your work, while I understand you not wanting to out the little rat, can you just give hints to which theme is it so we can delete it? Is it the one that looks almost like yours?

Describe the bug
I'm not noticing any difference between anp-embed and anp-embed-animated.

To Reproduce
Steps to reproduce the behavior:

• Embed markdown with anp-embed and anp-embed-animated.
• There is no difference in both embeds

Expected behavior

• There should be differences between both styles.

Describe the bug
The Enable codeblock numbering setting within Style Settings > Components > Misc. element settings on AnuPpuccin causes render issues in a note with multiple/many codeblocks. I only noticed this in notes with ~< 3 code blocks. When a render issue was caused within the note, it spread to other areas of Obsidian, such as the left sidebar and settings too.

I've attached 3 screen recordings to this issue. The latter 2 show the render bug occurring in a more detailed manner and directly show that the code block numbering setting is what's causing it.

To Reproduce
Steps to reproduce the behavior:

1. Enable Codeblock numbering setting within Style Settings > Components > Misc. element settings
2. Create a new note
3. Add multiple code blocks (one with a decent block of code pasted)
4. Observe render issues

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Original screen recording to report in the Discord:
https://user-images.githubusercontent.com/2169390/214434821-98f7dcb9-0e74-45cf-912e-44e92cfda828.mov

More detailed screen recording that shows it breaking at a certain point:
https://user-images.githubusercontent.com/2169390/214435667-01ae9f74-5c1d-4604-8411-d50bdd386fb8.mov

Showing that it only occurs when the code line numbering is enabled:
https://user-images.githubusercontent.com/2169390/214435967-42dc3060-874f-4bd8-a0da-a4dd45089227.mov

Additional context
Love the theme! ✌️

Feature Description
Adding font weight/thickness to the editor.
Since many fonts do not work properly with the normal thickness of obsidian, this can also enhance how fonts are displayed.

Miscellaneous Features
I'm not sure how hard it would be to implement. But if it's hard, I think it would be enough to add a snippet.

Additional context
The purpose of this is just to enhance the reading experience in general.
Here is a photo from obsidian and other application (MarkText) for the same font, font size, and zoom level.

Obsidian on the left.

Thank you for this wonderful theme.

edit: some typos and thanks

Feature Description
Currently there is no way to alter the colour for 'Export PDF` that is separate from current theme (At least I couldn't find anything). PDF exports with a white background. This is a problem for readability as noted below in the screenshots.

When exporting I need change to the light mode and export as it's hard to read Dark mode export. It's also a problem with the accent colours. Any of the light ones on white look hard to read.

Dark mode PDF

Light mode PDF

Let me know if that makes sense. Some alternative solutions.

1. Make default export the light mode theme selected.
2. Make the PDF background dark (I would personally still need to export in light then but at least it would be consistent.

Here are some more examples of darkmode export

I think it would be great if there was an option for colorful inline LaTeX to make it stand out more, sort of like there is color for italic and bold text. It would also be awesome if displayed formulas could have an outline around them, maybe like if they were inside callouts.

Thanks for an amazing theme!

Code below (warning, some of it may be janky)! I use these in a lot of themes just to make them look softer, flatter, and just generally nicer to look at. You might want to add some of them as options to Style Settings! The code that's been taken from somewhere is clearly demarcated btw.

Also something that'd look super cool with this theme is this gradient used in cairo401's Royal Velvet theme!

body {
    --heading-font                    : "Lexend Deca Semibold";
    --font-monospace                  : "JetBrains Mono";
    --font-text                       : "iA Writer Quattro S";
    --font-interface                  : "Lexend Deca";
    --table-header-font               : var(--heading-font);
    --background-modifier-border-hover: transparent !important;
    --modal-border-color              : transparent !important;
    --prompt-border-color             : transparent !important;
    --background-modifier-border-focus: transparent !important;
    --background-modifier-boder       : transparent !important;
    --default-font                    : "Lexend Deca";
    --input-shadow                    : none !important;
    --blockquote-border-color         : none;
    --divider-color                   : transparent;
    --indentation-guide-color         : var(--bold-color);
    --indentation-guide-color-active  : var(--italic-color);
    --text-highlight-bg               : #0000007F !important;
}

.kanban-plugin__lane,
.kanban-plugin__item {
    border-color: transparent !important;
}

.cm-active.cm-line {
    background-color: rgba(0, 0, 0, 0.1);
}

.checkbox-container {
    background-color: var(--color-base-00);
}

.block-language-simple-time-tracker,
.callout-title-inner,
.kanban-plugin__lane-title-text p {
    font-family: var(--font-interface);
}

.markdown-preview-sizer {
    padding-bottom: 0 !important;
    min-height    : fit-content !important;
}

.setting-item-control *:not(input[type="text"],
    input[type="search"],
    input[type="email"],
    input[type="password"],
    input[type="number"]),
.clickable-icon {
    cursor: pointer !important;
}

button {
    font-family: var(--font-interface) !important;
    cursor     : pointer !important;
}

.explorable {
    padding-right: 4px !important;
    padding-left : 4px !important;
}

img {
    display      : block !important;
    margin-left  : auto !important;
    margin-right : auto !important;
    margin-top   : 20px !important;
    margin-bottom: 20px !important;
    border-radius: var(--radius-s);
}

.markdown-preview-view .math.math-block mjx-container mjx-math.MJX-TEX {
    padding-top   : 14px;
    padding-bottom: 14px;
}

.cm-formatting-quote {
    color: var(--text-muted) !important;
}

mjx-container.MathJax {
    -webkit-text-fill-color: var(--text-normal);
}

.MJX-TEX {
    font-size: 1.2em !important;
}

em,
.cm-em {
    font-family: var(--font-text) !important;
}

mjx-mtable>*>mjx-itable mjx-mtr:not(:first-of-type) mjx-mtd {
    padding-top: 1.2em !important;
}

.HyperMD-header,
.markdown-preview-view :is(h1, h2, h3, h4, h5, h6) {
    font-family: var(--heading-font);
}

.cm-blockid,
.titlebar-text {
    opacity: 0;
}

.cm-active .cm-blockid,
.cm-blockid:hover {
    opacity: 1;
}

.workspace-ribbon.mod-left,
.sidebar-toggle-button.mod-right,
.status-bar,
.frontmatter-container,
.workspace-leaf-content[data-type=kanban]>.view-header,
.kanban-plugin__lane-header-wrapper:not(:hover) .kanban-plugin__lane-settings-button-wrapper,
.kanban-plugin__item-title-wrapper:not(:hover) .kanban-plugin__item-postfix-button-wrapper {
    display: none;
}

.workspace-tab-header:not(:hover) .workspace-tab-header-inner-close-button,
.workspace-tab-header-container:not(:hover) .clickable-icon,
.kanban-plugin__lane-header-wrapper:not(:hover) .kanban-plugin__lane-grip {
    visibility: hidden;
}

.titlebar-button.mod-close:hover {
    color: black;
}

.theme-dark.theme-dark {
    --text-normal: #fafafa;
}

.theme-light.theme-light {
    --text-normal: black;
}

.cm-s-obsidian .external-link {
    background-image: none !important;
    padding-right   : 0px !important;
}

/* pseudometa */
/* Image Alt as caption
(except when no explicit alt is provided and urls are the alt text) */
body:not(.no-image-alttext-caption) .image-embed[alt]:not([alt$=".png"], [alt$=".jpg"], [alt$=".jpeg"], [alt$=".tiff"])::after {
    display: block;
    content: attr(alt);

    font-family: var(--font-text);
    font-size  : var(--font-smaller);
    font-style : italic;

    color: var(--text-muted);

    word-spacing: -3px;

    margin-top   : -1em;
    margin-bottom: 1em;
}

.markdown-preview-view img[src] {
    border       : var(--thin-muted-border);
    border-radius: var(--radius-s);
}

/* centers image and image caption */
.image-embed[alt]::after {
    text-align: center;
}

.view-content img {
    display     : block;
    margin-right: auto;
    margin-left : auto;
}

/* ───────────────────────────────────────────────── */
/* << Overlaying Sidebar
──────────────────────────────────────────────────── */

.mod-right-split {
    position: absolute;
    right   : 0;
}

Feature Description
A solution for inconsistent paragraph and <li> spacing between reading, preview and source modes would be nice

This is even prevalent in the base Obsidian theme, so not something unique to AnuPpuccin

I would appreciate it if there was more consistency between preview and reading modes

Moreover, it would be wonderful if spacing could be exposed to the Style Settings plugin to enable a more custom choice in spacing

Miscellaneous Features
Not applicable

Additional context
See attached screenshot to see reading and preview modes

PS: Glad this theme is back

When setting the colorful frame to a light color (light theme) the top obsidian buttons get washed out, the nigh theme is ok.
Using latest Obsidian version and latest theme version.
Screenshots:
https://imgur.com/a/kVW6Wpx

Describe the bug
[Bug] Auto-hide tab title bar function when active is overlapping Minimize, Maximize and Close buttons

To Reproduce
Steps to reproduce the behavior:

1. Go to Style Settings pluggin options > General UI
2. Enable Auto-hide tab title bar
3. Try to click on Minimize, Maximize and Close buttons in different scenarios

Expected behavior
It is expected that you will be able to click on the buttons without major difficulties.

Hello, I wish the theme can have a solution to hide only the metadata of some given notes more conveniently.

Although there is currently an option to hide metadata in style settings, for me there are only a few notes whose metadata needs to be hidden, such as homepage; the metadata of other pages is also important for me to read my notes.

The The square orange icon in the corner can do the job of providing a choice, but every time I open the page I need to manually click the button, the operation will be slightly more frequent.

Thanks for the fascinating theme!

Feature Description

• An option to enable and disable line wraps in code block

Describe the bug
The text color of stacked tabs in dark mode using the style settings and the extended colors, when the window is unfocused the text color seems perfectly correct, however when in focus, the stacked tabs have the wrong color and make the text very hard to see

To Reproduce
Steps to reproduce the behavior:

1. focus window
2. have stacked tabs
3. see tab titles as hard to see

Expected behavior
White text to be easy to see

Screenshots
Unfocused window:

Focused window:

Describe the bug
I "believe" you have folded in code to show icons for files by filetype. I cannot see the setting to turn this on (apologies if this is my mistake). Image attached.

First of all, thank you for the development of everything. Among the extended themes there are three of the Nord type: one light and two dark (Classic Nord and Nord Dark with custom palette). I really love the Nord Dark theme, I find it very soothing and pleasing to the eyes, but of which there is no light version (which I would use during the daytime) that perfectly matches. The standard light Classic Nord is slightly different and the tone does not totally match. The request is simple: an extended light theme for Nord Dark (with custom palette) - although put like that it would seem like nonsense. Thanks.

Hi,

Now the print (generating PDF) follows current using theme mode.
Could you add an option to choose another light/dark mode when printing?

I'm using Dark mode on screen, and wish print in Light mode.

Thanks.

This is the issue I found.
If the font size is smaller than 18(18 exluded), the language hints in code block preview mode will be displayed incompletely, and even disappear when the font size is 10.

This is my screenshot.

Thanks for all the work you've done on this theme, I really enjoy it!

I use this prism list style snippet that I think would look good in anupip, but feel free to reject!

/* ──────────────── Outliner ──────────────── */
.cm-hmd-list-indent .cm-tab {
	position: 					relative;
} 

.cm-hmd-list-indent .cm-tab::before {
	content: 					"";
	border-left: 				1px solid var(--base0);
	position:					absolute;
	left:						2px;
	top:						-9px;
	bottom:						-9999px;
} 

.cm-s-obsidian .HyperMD-list-line {
	padding-top: 				0em;
	position: 					relative;
	overflow: 					hidden;
}  

/* Adding a rule line before ul list -- EDITOR Mode  */

.markdown-source-view.mod-cm6.is-live-preview .HyperMD-list-line-1::after {
	content: 					'';
	border-left: 				.3em solid var(--text-accent);
	position: 					absolute;
	left: 						-0.1em;
	top: 						0em;
	bottom: 					0;
	height: 					100%;
	border-color:				#cc241d;
	clip-path: 					polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
} 

.HyperMD-list-line-2::after {
	content: 					'';
	border-left: 				.75em solid var(--text-accent);
	position: 					absolute;
	left: 						0em;
	top: 						0em;
	bottom: 					0;
	height: 					80%;
	border-color:				#fe8019;
	clip-path: 					polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}

/* etc */

As title states. Wanted to keep using an updated version of this despite the silly removal from the store.

Also I'm pretty sure you can just put it back up, 99% of people won't care if you use their code as long as it's credited in the code and README file.

You could use the built-in Obsidian folder icons instead of Bootstrap icons (unless you prefer those). Here is the CSS I use to override the icons:

body.anp-collapse-folders .nav-folder:not(.is-collapsed) .nav-folder-collapse-indicator {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") !important;
    width: 16px;
    height: 16px;
    margin-top: 0px;
    margin-right: 5px;
    margin-left: 0px;
}
body.anp-collapse-folders .nav-folder.is-collapsed .nav-folder-collapse-indicator {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E%0A") !important;
    width: 16px;
    height: 16px;
    margin-top: 0px;
    margin-right: 5px;
    margin-left: 0px;
}

Alternative version (folder-open is visually the same width):

body.anp-collapse-folders .nav-folder:not(.is-collapsed) .nav-folder-collapse-indicator {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 24' fill='none' stroke='currentColor' stroke-linejoin='round' stroke-linecap='round' stroke-width='2'%3E%3Cpath d='M6 14l1.45-2.9A2 2 0 0 1 9.24 10H22a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E%0A");
    width: 17px;
    height: 16px;
    margin-top: 0px;
    margin-right: 4px;
    margin-left: 0px;
}
body.anp-collapse-folders .nav-folder.is-collapsed .nav-folder-collapse-indicator {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 24' fill='none' stroke='currentColor' stroke-linejoin='round' stroke-linecap='round' stroke-width='2'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2z'/%3E%3Cpath d='M2 10h20' /%3E%3C/svg%3E%0A");
    width: 17px;
    height: 16px;
    margin-top: 0px;
    margin-right: 4px;
    margin-left: 0px;
}

Describe the bug
When I add an existing note to canvas and then try to edit it, the note switches to light theme and vice versa.

To Reproduce

1. add a note to canvas.
2. try to edit the note inside canvas.
3. the note immediately switch to light theme

Expected behavior
the note should stay in the selected theme whether light or dark theme.

Screenshots
video for the issue: 🫣
https://user-images.githubusercontent.com/105807570/209048290-3637e5a0-ee48-43ad-917e-023d77d1908b.mp4

Additional context

• If using light theme, the note will switch to dark theme :(
• This issue doesn't happen with other themes.
  Really Appreciate your work on this theme (best theme ever). Thanks a lot 🙏

Hi, I'm here again. 😂
When using the theme, I accidentally found a small error.
When the tab color is customized on the win system, the color of the switch button is not specified together.
I tested on multiple win devices and all had the same problem.
Thank you. ❣️

How can we add a custom image to the Custom background style settings? The option species to have the image url in the format:
url("https://"). But how can we add a downloaded image? I tried putting the path to the downloaded image inside the url() but it didn't work. Or is it that it only accepts images online?

I wanted a plain background instead of the one that comes by turning on that option. More like the Obsidian nord dark theme but with a translucent glass like background. Can you please tell how can this be achieved?

According to the note in the Style settings, I Install the minimal cards snippet
but the obsidian doesn't recognize .scss in appearance > CSS snippet, so i change the extension to .css and active the snippet but nothing changed in my dataview table even if I add in yml frontmatter cssClass: cards

Update:
I open the scss snippet i vscode and compile the file then vscode create two files cards.css.map & cards.css
then open obsidian and active cards.css file and its worked

So, i have another question , can i do the same thing for imag-grid.scss ?
and if not, can you support this please 🙃

Hello! I found that on my iPad, it seems that there would always been two metadata blocks, one could be hidden by the hide-metadata cssclass or just the button, and the other (the above one) could not be hidden at all. Are there any way to solve the problem please? Thank you!

Describe the bug
I tried installing the extended-colorschemes after downloading the theme from the Obsidian app itself. I don't see more colorscheme options in the Style settings despite it.

To Reproduce
Steps to reproduce the behavior:

1. Go to snippets folder and add the colorschemes css.
2. Click on Style settings.
3. Open the Colors option under AnuPpuccin.
4. See error.

Expected behavior
See more theme flavors than just the basic ones.

Screenshots

EDIT: removed unecessary info in screenshots.

Describe the bug
When viewing coding blocks it has this yellow bar on it.

This looks related to the change made a few days ago ' overflow-x: scroll'
Link: https://github.com/AnubisNekhet/AnuPpuccin/blame/414181d38bfa2d469129bdd1c9f63ad54f849d46/src/modules/Note/codeblocks.scss

If I turn it off in the inspector it works as expected.

Screenshots

https://github.com/AnubisNekhet/AnuPpuccin/blame/414181d38bfa2d469129bdd1c9f63ad54f849d46/src/modules/Note/codeblocks.scss

Additional context
Add any other context about the problem here.

Describe the bug
If we have a long code line and when the line gets wrapped. Number is aligned to second line of wrapped of line.
To Reproduce
Steps to reproduce the behavior:

1. Create a codeblock with long line

Expected behavior

• Number should be aligned to first line

Screenshots

Describe the bug
when switching from editing view to reading view, line breaks in code blocks are not preserved and all lines contract into one, regardless of whether line wrap is on or off in style settings.

To Reproduce
Steps to reproduce the behavior:

1. create a code block in editing mode (either source or live preview)
2. insert carriage return between lines of text
3. switch to reading mode to see effect

Expected behavior
for line breaks to be preserved in reading view as usual.

Screenshots
source editor vs reading mode vs live preview in AnuPpuccin:

source editor vs reading mode with all themes disabled (similar results in other community themes):

Additional context
I admittedly can't remember if this started before or after I toggled line wrap on/off as I didn't have a page with any code blocks open at the time. this is the same regardless of theme variation or opening/closing Obsidian. (not as important, but as you can see, the padding inside of non-reading view code blocks is... pretty padded, too, haha.)
I also toggled all my plugins off to see if there was some interference somewhere, but that had no effect.

thank you for all the work you've done on this theme! I've been using it since before it was (back) on the community store and am so delighted by all the updates and features & always so excited to see new updates.

As an obsidian noob, I have no clue what to do with the extended colorschemes snippet once downloaded

In the latest version, I found that whether I activated the "H* Divider" or not, all my headings' dividers would appear. I tried version 1.2.9 in Release then, and it didn't have such a problem. Maybe it is a bug for the latest version.

I'd love to have a way to customize my folder colors if possible, perhaps stylesettings?

here's what I use currently if it's helpful for that:

    /* folder colours */
	--Fold_: 					var(--bright-blue);
	--Fold0: 					rgba(189, 174, 147, 0.7);
	--Fold0File: 					rgba(189, 174, 147, 0.3);
    --Fold1:		rgba(66, 184, 164, 0.7);
    --Fold1File:		rgba(66, 184, 164, 0.5);
    --Fold2:		rgba(223, 69, 58, 0.7);
    --Fold2File:		rgba(223, 69, 58, 0.5);
    --Fold3:		rgba(216, 121, 213, 0.7);
    --Fold3File:		rgba(216, 121, 213, 0.5);
    --Fold4:		rgba(141, 111, 179, 0.7);
    --Fold4File:		rgba(141, 111, 179, 0.5);
    --Fold5:		rgba(235, 112, 46, 0.7);
    --Fold5File:		rgba(235, 112, 46, 0.5);
    --Fold6:		rgba(227, 173, 38, 0.7);
    --Fold6File:		rgba(227, 173, 38, 0.5);
	--FoldZ: 					#a9a9a9cc;
	--FoldI: 					#1976d2CC;
	--Fold7: 					#c2185bCC;
	--Fold8: 					#00796bCC;
	--Fold9: 					#388e3cCC;
	--FoldA: 					#303f9fCC;
	--FoldB: 					#afb42bCC;
	--FoldZ: 					#7c6f64;
	--FoldM: 					#4fca31cc;
	--FoldText: 				rgb(40, 40, 40);
}

/* 000 Meta */
.nav-folder-title[data-path^="000"] {
    color: var(--FoldText);
    background: var(--Fold0) !important;
    border-bottom: 2px solid var(--Fold0);
}

.nav-folder-title[data-path^="000"] + .nav-folder-children > .nav-file  {
background-color: var(--Fold0File);
}

.nav-folder-title[data-path^="000"],
.nav-folder-title[data-path^="000"] + .nav-folder-children,
.nav-file-title[data-path^="000"] {
    border-left: 2px solid var(--Fold0);
    margin-left: 3px;
    color: var(--FoldText);
}

(etc)
``

Describe the bug
On PDF export I get some white margins.

To Reproduce

1. Chose Theme
2. Export as PDF

Expected behavior
The background should be filled with the color from the theme for visual consistency.

Screenshots

Additional context
I am not sure if this behavior is normal and is just how the pdf export works, but would be great to have the background be consistent.

Dear developer,

Thank you for designing such a fantastic theme!

I love the colorful frame and the customizable background both. Could you please add some options to allow me using colorful frame in the light mode, and customizable background in the dark mode?

My appreciation for the pretty theme again!

@AnubisNekhet

These are suggested tweaks for Kanban boards from my CSS Snippets. I have added checkboxes to each suggestion, so feel free to tick the ones you like (if any).

Details

• 1. Grid background similar to Canvas except with 10px gap between dots instead of 20px gap (because the Kanban columns have a 10px gap).
• 2. Hide the "More options" button on cards (because you can right-click a card for the same menu).
• 3. Highlight cards on hover
• 4. Dim the text of completed cards to make them visually appear more inactive.
• 5. Reduce the border-radius of cards to better suit the small gap between cards (or perhaps remove the radius altogether?)
• 6. Remove the border radius of checkboxes in cards (it matches the cards better when the card radius is smaller)
• 7. Remove the accent colour from tags (the background colour makes them look like buttons so they don't need a colour to make them look clickable; also, removing the accent colour make them less visually prominent).
• 8. Move the "Archive card" button to the right of completed cards, and only display it on hover.

Before

After

Describe the bug
When picking a different font for my headers, the font only appears in Reading View but not Live Preview or Source Mode. This is just since the recent update.

Expected behavior
The font should always show, regardless of which viewing mode it's in.

Screenshots
Live Preview

Reading View

Feature Description
A color setting similar to the "Minimal"-theme (with Style Settings plugin) that enables the user to change the

• Code text color (only active when syntax highlighting is not present)

Miscellaneous Features

• Some users might also love to change the Code background color

Additional context
For reference - the aforementioned feature in the "Minimal"-theme Style Settings (see: Style Settings -> Minimal -> Code blocks) looks like this:

I've used this feature to give my single-line code blocks (the single backtick code blocks don't get syntax-highlighted most of the time) a slightly more colorful hue to make them stand out a little bit more from normal text.

P.S.:
You've developed a lovely theme! I especially like the extended color-schemes in combination with the "simple" rainbow folder colors. Makes it really easy to keep track of in which folder structure I'm currently in.
Thank you for taking the time out of your day and sharing your work with the Obsidian community! 💟

Describe the bug
I just downloaded latest extended colorscheme CSS file. I can see notion dark theme flavour but not light theme flavour.

To Reproduce
Steps to reproduce the behavior:

1. Download latest extended colorscheme CSS file.
2. Go to style setting
3. Try to select notion in light theme flavour
4. See error

Expected behavior
I should be able to see the notion light theme flavour as I can see it in preview section on README.md

Screenshots

Light theme flavors

Dark Theme flavors

HI, thank you for making such a wonderful theme. like it very much. 😍

I found a small mistake, maybe not a mistake. When the“Enable floating vault title”is opened，Unable to display the number of files

When I close it, it will display the number of files correctly.

In light mode, white is not too obvious in the light background.
Maybe it is better to use a deeper color instead of white. What do you think?
Thanks for making such an elegant theme!

Style Settings>Components>Editor has a setting for custom source editor font, but it would be nice to set a custom Live Preview editor font for those who mostly stick to Live Preview and Reading modes.

When updating the palettes/schemes on Windows device using extended colors, the accent color does not change and remains the same as set in the style setting. Background color/styles update though, so the extended css is partly working.

However, on Mac this works as expected. For example, changing style to Dracula will also force change accent color.

This could certainly be a user error! Any help would be greatly appreciated.

I would like to color the background in card mode to rgba(var(--ctp-accent), 0.3); but for some reason this doesn't work. I admit to now knowing why - I just know that the rgba tag works with some colors but not this one for whatever reason.

Do the current variables support this or is there something special about how this variable is being used that it would take effort to support it?

Thanks!

Well done, Anubis, to resubmit your theme that so many people love.

As for accusations, bear in mind that the onus is on the accuser to prove their accusation. The onus is NOT on you to prove you did not violate anything. If anyone has the gall to accuse you, just answer “prove it”.