Coder Social home page Coder Social logo

cosmicgz / gruvbox-material-themes Goto Github PK

View Code? Open in Web Editor NEW

This project forked from costeer/gruvbox-material-themes

0.0 0.0 0.0 33.62 MB

Custom made Themes for various Apps based on the Gruvbox Material pallet

License: GNU General Public License v3.0

Shell 23.33% CSS 76.67%

gruvbox-material-themes's Introduction

gruv-ascii-art

Custom gruvbox material themes for various apps

⚠️ VERY UNIMPORTANT INFORMATION ⚠️

  1. None oft the installation Instructions in this repo will tell you how to install the app itself just the theme. You can find video instructions on how to install any of these apps by simply going on YouTube and searching for "How to install (NAME_OF_APP)" and if you add your operating system like Linux, Mac OS, Windows, Samsung Smartfrige OS. You may even find tutorials that apply to your system :)

  2. Not all of the themes are made by me some are made with the help of other some aren't mine at all. Every time this is the case you can find the disclaimer in the section of the theme I am not claiming the work of others but i want to make this a resource for many themes for different apps in the gruvbox material stile. I will also not upload any files from other people (i din't edit)

  3. If you find any spelling mistakes please make a new Issue i have Dyslexia and English isn't my native language

  4. If you know of any Wallpapers/Themes open a Pull request and i will consider adding it

  5. I hope this repo can be a valuable resource in your search for Gruvbox Material themes and wallpapers :3

Index:

Themes

Spotify

Screenshot from 2023-08-13 23-00-38 How to install

  1. Install Spicetify.

  2. Download and install the "text" theme.

  3. Download the theme in the "spotify theme" folder open the file called "color.ini".

  4. Copy the contents and add them to the "color.ini" file in /spicetify/Themes/text/.

  5. Then apply it like you would any other color variation for the text theme.

Spotify Fluent edit (by AllJavi)

Spotify Fluent edit by AllJavi description from the tartarus dotfiles repo

For spicetify I used the Fluent theme with a custom material gruvbox I made.

Krita

Screenshot from 2023-08-13 23-00-07 made using https://krita-artists.org/t/plugin-theme-creator-extension/62953

How to install

  1. Download the theme in the "Krita Theme" folder.

  2. Open Krita.

  3. Click on "Settings".

  4. Click on "Manage resources".

  5. Click on "Open resource folder".

  6. Open the "color-schemes" folder (create one if you can't find it).

  7. Drag the "gruvboxy.colours" file inside the "color-schemes" folder.

  8. Apply the Theme in Krita.

Discord

Discord theme preview

Discord theme preview-light

Difference in Themes 1 & 2

Friendslist

Theme 1 Gruvbox-1-friendslist

Theme 2 Gruvbox-2-friendslist

Server 1

Theme 1 Gruvbox-1-server-1

Theme 2 Gruvbox-2-server-1

Server 2

Theme 1 Gruvbox-1-server-2

Theme 2 Gruvbox-2-server-2

Made using https://bdeditor.dev/theme/discordrecolor

⚠️ Important!

you need to have Vencord, Better discord or something similar installed to be able to use this theme

How to install

Discord (by AllJav)

Discord by AllJav preview Theme: ClearVision description from the tartarus dotfiles repo

And as all the other things the theme is modified in ~/.config/BetterDiscord/themes/ClearVision_v6.css

If you want to use the same exact theme you need to upload the secundary wallpaper and link it with the url in the css file

  ...
	/* APP BACKGROUND */
	--background-shading: 40%; /* app background shading (0 for complete smoothness) [default: 100%] */
	--background-overlay: rgba(40, 40, 40, 0.7); /* app background overlay color/gradient [default: rgba(0, 0, 0, 0.6)] */
	--background-image: url(<your-url>); /* app background image (link must be HTTPS) [default: url(https://clearvision.gitlab.io/images/sapphire.jpg)]*/
	--background-position: center; /* app background position [default: center] */
	--background-size: cover; /* app background size [default: cover] */
	--background-repeat: no-repeat; /* app background repeat [default: no-repeat] */
  ...

Blender

by AllJavi Blender by AllJavi preview description from the tartarus dotfiles repo

For the material gruvbox theme on Blender, you just need to install it on Preferences -> Theme -> install

Obsidian

Screenshot from 2023-09-20 21-47-31

How to Install

show more
  1. Download the Obsidian theme in releases or here.
  2. Open Obsidian.
  3. Open Settings.
  4. Navigate to the "Appearance" section.
  5. Click on the folder icon.

Screenshot from 2023-09-20 22-13-22

  1. Drag the "Obsidian Theme" folder into the themes folder.

  2. Close the folder and Obsidian.

  3. Reopen Obsidian.

  4. Navigate to the appearance tab in the Settings.

  5. Click on the drop down and select "Material Gruvbox".

Screenshot from 2023-09-20 22-17-23

  1. Done!

Polybar

image

Info

I do not recomend to just install my config i don't know what I'm doing

I do recomend looking at what i did and making your own!

Installation

Don't please but if you want to: get the "launch.sh" to be executed after you download the "polybar-collection" folder or just clone this repo you will need to also install my rofi config for full functionality

Rofi

Rofi launcher blured background showimmage2

Rofi launcher blured background showimmage

INFO

you will need to install rofi and a few fonts (see Installation) for rofi to display properly

Installation

Show more

Installing Rofi itself

Rofi should be in the repo's of most if not all distros so just going into the terminal and typing

on Fedora

sudo dnf install rofi

on Debian/Ubuntu

sudo apt install rofi

on Arch

sudo pacman -S rofi

if your distro is not listed here you probably need to build it from source see this guide

Installing the required Nerd Fonts

  1. Go to https: //www.nerdfonts.com/font-downloads.

  2. Download Iosevka Nerd Font and Ubuntu Nerd Font.

  3. Install ALL the fonts by either dragging them into your fonts folder or by clicking each and every one of them and then click install.

Installing the Rofi Theme

  1. clone this repo.
git clone https://github.com/Costeer/Gruvbox-Material-Themes
  1. Drag the rofi folder into your .config folder (if you can't see this folder, press control + H on your keyboard).

  2. Set up a Shortcut to launch raffia.

In Gnome

Launch the Settings app.

Select "Keybord".

image

Select 'Customize Shortcuts'.

image

Scroll to the bottom and click on "Custom Shortcuts".

image

Click on the plus.

image

You can choose to name it something creative or not...

Examples:

  1. Lo-Fi Ro-Fi

more names coming soon TM

In the command field put something along the lines of this

/home/costeer/.config/rofi/launcher.sh

Where "costeer" is replaced with your username.

Add the Shortcut and you're Done!

Gradience

preview

more screenshots

Screenshot from 2023-08-26 11-46-18

Screenshot from 2023-08-26 11-46-36

Made using Gradience https://github.com/GradienceTeam/Gradience

Info This is also compatible with the Firefox gnome theme

How to install

  1. Download the .json.

  2. Open Gradience and click on the brush symbol.

  3. Click on "manage presets".

  4. Click on import.

  5. Navigate to the GruvboxMaterial Dark.json file.

  6. Click Select.

Enjoy the Preset

Do you whant to have a nice consistant gruvbox themed gnome desktop? check out this video:

https://www.youtube.com/watch?v=SPR1IKZN588&t=10s

Icon Packs

hi i wont give any installation instructions for all Icon Packs if you don't know how to install/apply icons just search for a tutorial on youtube :3

Gruvbox Plus Icon Pack

(made by SylEleuth)

source: https://github.com/SylEleuth/gruvbox-plus-icon-pack

icons

more screenshots

icons

symboles

Browser startpages

Gruvbox is the best Box

Screenshot from 2023-09-18 23-58-44

source: https://github.com/Costeer/another-startpage | made using: https://github.com/PrettyCoffee/yet-another-generic-startpage

desription from https://github.com/PrettyCoffee/yet-another-generic-startpage

Live page (my edit) | Original Demo

Fast setup

The easiest way to set it up is using the repositories demo with one of the many new tab override extensions like this one for firefox or this one for chrome.

Install the extension and set https://prettycoffee.github.io/yet-another-generic-startpage/ as new tab url.

Show more

Tartarus Startpage

made by AllJavi | Original Screenshot from 2023-09-19 17-34-49

More Screenshots

Screenshot from 2023-09-19 17-33-55

Screenshot from 2023-09-19 17-34-54

Screenshot from 2023-09-19 17-34-58

description from tartarus startpage repo This start page is based on the dawn repository, which has even more functionality. I've tweaked the page's style a bit to match my dotfiles, and I've added some features to make it more comfortable.

Gtk Themes

Gruvbox Material GTK Theme by Fausto-Korpsvart

Gruvbox-theme-header source: https://github.com/Fausto-Korpsvart/Gruvbox-GTK-Theme

More Screenshots

Gruvbox-theme-content1

Gruvbox-theme-content2

Gruvbox Material by TheGreatMcPain

GruvBoxMatgtkscreen source: https://github.com/TheGreatMcPain/gruvbox-material-gtk/tree/master

Wallpapers

All wallpaper can be downloaded in the "Wallpapers" folder

Line

Gruvboxwall-Nobara

Gruvboxwall-Nobara2

Gruvboxwall-Nobara2-angeled

Gruvboxwall-Nobara2-angeled-differently-like-a-compleatly-different-image

Color Pallet

213884009-87533cf3-e3c5-4d46-85f7-f6993b6dd887 source: https://github.com/sainnhe/gruvbox-material

gruvbox-material-themes's People

Contributors

costeer avatar zarocknc avatar

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.