deathau / 80s-neon-for-obsidian.md Goto Github PK
View Code? Open in Web Editor NEWA retro-future 80s inspired theme for Obsidian.md
License: The Unlicense
A retro-future 80s inspired theme for Obsidian.md
License: The Unlicense
I often use Firefox and Obsidian side by side, and it would be very cool to have the exact same (.xpi) theme in Firefox.
There are many Synthwave themes for Firefox, but I didn't find one which match your perfectly with 80s Neon.
The closest I found is called "Synthwavez" but it could match better, I mean more similar to 80s Neon.
For example, the items "toolbar_bottom_separator" and "toolbar_top_separator" could be cyan, and the pink text color could be the same! etc.
-> .markdown-preview-view .task-list-item-checkbox {}
The border color and box-shadow which is linked to --accent-2 is different to the displayed color in obsidian.
I can not really find the problem, why this happens and how to solve this. Any idea?
I was wondering if you would ever make this into a Typora theme or how hard it would be to do it?
Update
I'm working on converting it to Typora, bit by bit. I'm new to CSS, it's easier with Typora because you can open DevTools in the program and view CSS and see what links to where but you can't do that in Obsidian so it sometimes takes a few tries.
Here's a screenshot of the behavior in edit mode:
It all renders correctly in preview mode, though:
Here's that text, for reference:
Here's some examples:
this [is] fine
but [this]: isn't
this [colon-after-brackets]: thing also changes the syntax highlighting on brackets for some reason
this []: is also fine
so is ]: this
and [: this
happens [when] there are [two]: bracketed pairs in a line
and it [doesn't]: matter which [one] the colon follows
Hey!
I really love your funky theme :) You did an amazing job on it!
However, there should definitely be a space between the checkbox and the text.
Currently, it's looking like this:
I edited the obsidian.css this way (very very ugly I imagine and as soon as somebody changes the font size the space is broken)
.markdown-preview-view .task-list-item-checkbox {
-webkit-appearance: none;
box-sizing: border-box;
border: 1px solid var(--accent-2);
position: relative;
width: 1.25em;
height: 1.25em;
margin: 0;
margin-right: 10px;
box-shadow: 0 0 0.5em var(--accent-2);
}
It now looks like this:
Hope you can insert a space between the box and text in the next iteration!
Keep up the good work :)
@deathau You had one job to perform... and you absolutely nailed it!
I hate you for this... this awesomeness... 👅 👅 👅
Sincerely, All the best,
Anoduck
May just be my machine but it was showing as completely black so I couldn't actually see what I'm clicking on.
It seems to be this class:
And I it made it visible again (middlebar text = white, right-hand side icons = dark grey) by disabling this css:
text-on-accent: rgba(0,0,0,0.8);
(Love this theme by the way)
Just started using Obsidian and I love this theme. Noticed a couple of issues though. Might fix them if they're not local to me and you agree.
Screenshots attaached.
This is such a cool theme. Would be great if the font color could be white when using the Day Planner plugin. The font color is currently black on the tasks which makes it really hard to see the tasks given the lack of color contrast.
Heya,
Totally love this theme and have been using it as my main one! Thanks a lot for this ✨
One thing that has been bothering me is that inline code in preview and code blocks in editing show up red which doesn't really vibe with the main theme colour palette (and the red is a bit stressful to me!). I'm not sure if this was intentional, but if not (and if you're cool contributions) I can make a quick PR to use the theme colours for this.
Add accent colors to bold and Italics?
I tried installing the Syntax Highlighting plugin from the community plugins store, it seems to have some compatibility issues with this theme and doesn't work.
Can you add support for the plugin, or make syntax highlighting part of this theme's functionality?
Thanks
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.