anubisnekhet / anuppuccin Goto Github PK
View Code? Open in Web Editor NEWPersonal theme for Obsidian
License: GNU General Public License v3.0
Personal theme for Obsidian
License: GNU General Public License v3.0
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
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
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:
Codeblock numbering
setting within Style Settings > Components > Misc. element settings
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! βοΈ
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 π
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.
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
I'm not noticing any difference between anp-embed
and anp-embed-animated
.
To Reproduce
Steps to reproduce the behavior:
anp-embed
and anp-embed-animated
.Expected behavior
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.
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:
Expected behavior
It is expected that you will be able to click on the buttons without major difficulties.
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!
As an obsidian noob, I have no clue what to do with the extended colorschemes snippet once downloaded
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.
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.
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
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! π
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 */
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
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!
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)
``
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!
Feature Description
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?
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β.
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.
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.
Thank you for this wonderful theme.
edit: some typos and thanks
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
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.
Let me know if that makes sense. Some alternative solutions.
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
On PDF export I get some white margins.
To Reproduce
Expected behavior
The background should be filled with the color from the theme for visual consistency.
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.
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;
}
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;
}
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.
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!
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:
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
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).
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.
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:
Expected behavior
See more theme flavors than just the basic ones.
EDIT: removed unecessary info in screenshots.
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:
Expected behavior
White text to be easy to see
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!
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:
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.
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;
}
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.
Additional context
Add any other context about the problem here.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. πππ
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google β€οΈ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.