Giter Club home page Giter Club logo

solarized-css's Introduction

Solarized HTML stylesheet

Join the chat at https://gitter.im/thomasf/solarized-css

This project aim is to provide general solarized light and dark colorshcemes for HTML documents that mostly relies on standard HTML elements.

For examples and some more info, visit the Solarized-CSS GitHub page

Specifically targeted integrations

  • Org mode HTML exports
  • Markdown
  • Any HTML document that mostly relies on standard HTML elements.

Development

Stylus is the style language used for building the .css-files.

To be able to build you need to have nodejs installed.

To install dependencies, run this from the repository root:

yarn install

Then you should be able to rebuild using:

grunt

solarized-css's People

Contributors

gitter-badger avatar javiertejero avatar thomasf avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

solarized-css's Issues

Tune section/heading margins

Examples:

  • Margins should be different when one section ends and another begins from
    when a sub section is starting.
  • Margins shnould collapse so that there is a different margin before and after
    headings.

Responsive mobile design?

This is a fantastic project but the output isn't mobile friendly. Can it please can updated to respond to different mobile screen sizes?

Licence?

Hello,

I could not find a licence for this project and hence I am unsure about whether this code can be used in other projects. It would be great if this could be clarified.

Thanks!

TLS Support?

Currently the produced HTML file when using the hosted version fails on Firefox, as the stylesheet is loaded over HTTP and blocked due to mixed content. Even when changing to using the HTTPS url to load the stylesheet, several fonts in the hosted stylesheet are still loaded over HTTP, causing them to be blocked.

Missing image

Thanks for providing this example.

The test/html.html file has a broken <img> element. The images/css_gods_language.png file isn't in the repository.

hack to archive heading whilest preserving level grouping broken as org-extract-archive-file removed.

Hi

In the file solarized-css/test/org-hacks.org you have published has some neat functions and tips.
I noticed that https://thomasf.github.io/solarized-css/test/org-hacks.html#sec-1-7 has some functions to preserves the logic of level groupings and tags when archiving.

The line (with-current-buffer (find-file-noselect (org-extract-archive-file)) now has an error helm-M-x: Symbol’s function definition is void: org-extract-archive-file.
org-extract-archive-file and org-get-local-archive-location have been removed from org-archive.el. org-archive--compute-location has to be used instead.

Here is an example of how someone else applied the changes. daviderestivo/galactic-emacs@cb439c9

I am a org mode novice and I found the tips in you document very informative.

evil-org

The issue only happens when I have evil-org on.
I'm using spacemacs with the org layer.

The issue is:
when I export to html and open it in my web browser,
I can see everything before the first headline, but the rest is hidden.
None of the keybindings work n/p m/X F/f etc (I tried all to make sure),
and the HELP "toggle" doesn't appear, since the headlines don't show up.

The issue resolves itself when I remove the following line:

#+INFOJS_OPT: view:t toc:t ltoc:t mouse:underline buttons:0 path:http://thomasf.github.io/solarized-css/org-info.min.js

In other words, the CSS works just fine regardless of whether I'm in evil-org-mode or not.

(I just started with emacs, so I'm sorry if I'm wrong about something. Also really enjoying the project. Thank you everybody)

Improve header level faces

  • Make sure headings under level three are easier to recognize.
  • Use even less colors for headings (if possible)
  • Try using emphasized foreground colors and/or face variations instead.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.