A collection of beautiful and classy CSS styles suitable for simple renderers such as Java Swing's. Website: https://i-plasm.github.io/simply-classy-css
- Beauty
- Readability
- Fonts chosen for the best displays in Java Swing
- Variety of styles and color schemes. Light and dark modes
- Extra 1: special CSS classes for highlighting and emphasizing text
- Extra 2: groovy scripts for automatic highlighting/emphasizing
SimplyClassyCSS features different styles (e.g "Spacious").
For each style, different color schemes may be supported (e.g "Standard", "Gruvbox").
For each color scheme, light or dark mode (or both) are supported.
- Check out the Gallery and select your preferred CSS. Download it.
- Configure your software/environment to use that CSS.
- Check the required fonts listed in the screenshot and install any missing ones. All fonts are free Google fonts, and can be obtained from: https://fonts.google.com/.
- After installing the fonts, restart the software where you will be using the CSS.
When using any of the SimplyClassyCSS styles, text inside special <span> tags becomes highlighted. Additionally, special <p> tags draw styled boxes around your paragraphs. Very useful for studying, analyzing or creating emphasis on texts. The syntax is:
The groovy scripts SpanHighlighter and BoxedParagraph wrap selected text in a JTextComponent (Java Swing) with the desired syntax.
To use in freeplane: after setting up the CSS style (see guide here), install the scripts, select the text you’d like to emphasize, and call the desired script: the appropriate tags will be inserted automatically. A brief explanation on how to use each script:
Freeplane Tip! You can use the SpanHighlighter script to automatically surround the text you'd like to highlight with <span class="simply-yellow">my_text</span>. The default is the yellow color. You can change the color simply by changing the class attribute. The script gets installed in the menu Format -> Highlight -> Span Highlighter. Suggestion: for quick access, assign the ctrl + shift + H shortcut to the script. CLICK HERE FOR THE FULL GUIDE
Freeplane Tip! You can use the BoxedParagraph script to automatically surround the paragraph you'd like to enclose in a box with <p class="blue-dotted">my_paragraph</p>. The default is blue dotted box. You can change it by modifying the class attribute. The script gets installed in the menu Format -> Highlight -> Boxed Paragraph. Suggestion: for quick access, assign the ctrl + shift + P shortcut to the script. CLICK HERE FOR THE FULL GUIDE
Check the complete Gallery on the SimplyClassyCSS website
SimplyClassyCSS materials, except logos and otherwise noted, are licensed under a BSD-3-Clause license. See LICENSE and third-party-licenses.