Back to Blog
Nvalt customize css5/30/2023 ![]() ![]() If you wish, you can find what I use here, which uses the dracula theme, and has some extra customisations. The main css functions you would probably use are background-color, color (text colour) and display (set to none to remove something). Try look for something like prefixed with a. Small things can be edited with inspect element, press ctrl shift i and select something you want to change. Go to mods > whatever theme you want to use (see all the themes by scrolling down the README.md)Ĭopy the code in app.css and variables.css into your own scriptĪlso go to and and other Notion Enhancer repositories for little customisationsĬolours can be changed by changing the :root variables Go to mods > core > variables.css and copy that in as well Go to the github page > mods > core > css > theme.cssĬopy and paste the code into Stylus / css file in Nativefier as described above. Full credit for the code goes to dragonwocky and the other contributors of Notion Enhancer, I simply copied the required parts and edited/added stuff to customise it to my need (I don't use Notion Enhancer cause I can't get it to work and I don't really need all its features). There are a lot of elements that need to be edited, and it's easier to simply edit an existing theme. I would not recommend trying to make your own css theme from scratch if you do not know how to code css. Go to notion.so, press the stylus extension icon and write a style for notion.so (without anything after the /)Īny edits will update live in the notion webpage/app To avoid this, go to notion.so and quickly install the site as an app before your homepage loads (easier with my terrible internet). If notion.so renavigates to your home page, it will take the icon and title of that. Note: installing the site as an app takes the icon and title of whatever page you have open. If your browser supports it, you can install the site as an app (I use Edge) so that it takes up a separate slot in the taskbar. Go to notion.so on whatever browser you use Open the webapp exe file back in the first folder to launch Notion with any of your css/json edits. Open it in an editor to change the settings, such as "hideWindowFrame" Some app settings are also found in resources > app > nativefier.json Go to that folder > resources > app > inject to add any css/json files in there! I don't think folders work though, but you can have multiple css/json files. Should be called something similar to "Webapp-win32-圆4" Navigate to where the folder created is (in the npm folder usually) and move it to wherever you want it to be. Navigate to C:\Users\YOUR USER NAME\AppData\Roaming\npm (or just copy-paste this, with your computer's username inserted)Ĭlick the address bar to copy the directoryĮnter cd "above path" (with the "") into cmd and try the first command again. Note: if using nativefier 'notion.so' or just typing nativefier in cmd doesn't work NET 4 and Windows Presentation 4 Frameworks (translation: it's all kinds of shiny on the inside).Go to and follow the instructions there to install it. MarkdownPad was built from the ground up exclusively for Windows. I'm always improving MarkdownPad, and love hearing feedback from users. This full-screen mode turns your whole monitor into a blank canvas for you to get some serious work done. You can export the full document as HTML, or just selected text. The default CSS is beautiful and minimal, and will make your HTML documents look great. Fonts, colors, sizes, and even the CSS stylesheet of the rendered HTML. NET 4 Framework), and offers several great features: MarkdownPad is lightweight (only 1.5 MB, not including the. I created a full-featured Markdown editor for Windows called MarkdownPad ( ), and it supports full live HTML preview:
0 Comments
Read More
Leave a Reply. |