Giter VIP home page Giter VIP logo

a-box-of-gruv's Introduction

ElKowar's boxful of gruv

There are three things in life you can never have enough of: #282828, #ebdbb2 and #8ec07c.
~ ElKowar

This is a collection of my gruvbox themes for different webpages and applications.

Installation

Prequisites

Some of these themes use special fonts. You'll have to either install them or change the fonts in the respective CSS files.

Fonts used:

Websites

Most of these themes are just custom CSS for websites.
You need the stylus browser extension (available for chrome and firefox and probably more) to apply these themes.

After installing the extension, click on the little icon and go to manage. in there, you *enable as Usercss and click on "write new style".

newstyle

Now, select all of the text that is already there, and delete it. The next step is to paste in the contents of the desired .styl file from the ./default-gruvbox/ directory.

If you want to change anything, make sure you set the CSS Linter to "Stylelint", as that one will accept the stylus syntax used here.

Discord

The Discord-theme can be installed using any css-loader of your choice. If all you want is to apply this theme, I recommend discocss. Follow the instructions for your chosen CSS loader, and load in the theme. That's all!

Generating your own versions of the themes

This box not only contains finished gruvbox themes, but also a system for generating your own versions of them. To do that, you can use the generate.sh script.

  1. First, copy the template file and change it to match your desired colorscheme
  2. run ./generate.sh <name-of-your-theme> <path-to-your-template-file>

The script will then generate a version of the theme, ready for you to insert into your stylus and discord styles.

Showcase

haskell duckduckgo rust discord

Contributing

If you find any missing parts (not unlikely, little of this is complete), feel free to submit a PR, fixing the issue. If your stuff works and is atleast somewhat maintainable, i'll probably merge it if i like it.
Make sure to describe the thing you're fixing or adding, and to use css variables where appropriate.

If live gives you lemons, make sure they match #fabd2f.
~ Cave Johnson*

*citation needed

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.