Giter Site home page Giter Site logo

alindl / solarized-everything Goto Github PK

View Code? Open in Web Editor NEW
3.0 2.0 0.0 651 KB

Resources and dotfiles to ensure, that most, if not all of your system is in solarized dark!

License: GNU General Public License v3.0

CSS 100.00%
solarized theme arch gtk i3wm

solarized-everything's Introduction

Solarized Everything

Resources and dotfiles to ensure, that most, if not all of your system is in

✨ SOLARIZED DARK ✨

Instructions are based on Manjaro i3, including installation, but I'll drop some links to the repositories. I'm obviously skipping the ones, where it's easy to find in the settings. (IntelliJ etc.)

This repo is mirrored on GitHub and GitLab.

// TODO check ~/.Xresources colors
// TODO use ~/.Xresources colors

Table of Contents

=================

Ranger

Find your rc.conf file. It's probably in ~/.config/ranger/rc.conf.
If it isn't, do a ranger --copy-config=all to make them. Look for this line(around line number 100): set colorscheme default
or whatever theme is chosen instead of default and change it to
set colorscheme solarized
If it is not there, just add this line.

(DOOM) Emacs

Locate your config.el. (~/.doom.d/config.el)
Find the part where you (setq doom-theme 'doom-one) and change it to
(setq doom-theme 'doom-solarized-dark)
Of course, if you can't find the line, just add it.

i3(-gaps)

You could probably do that through .Xresources, but I figured that out
afterwards. I'm aware that there is a comment above this segment explaining
just that in the i3 file.

Speaking of which, find the i3 config file,
which is located here: ~/.i3/config.
Close to the end of the file, you should find something that looks like
the following lines, but with differend hex values or even stuff like color0 or background
Obviously, change it to those values:

bar {

...

    colors {

     separator  #93a1a1
	   background #002b36
	   statusline #eee8d5

#                              border  backgr. text
            focused_workspace  #2aa198 #2aa198 #073642
            active_workspace   #657b83 #333333 #073642
            inactive_workspace #073642 #073642 #2aa198
            urgent_workspace   #cb4b16 #cb4b16 #073642
    }
}

...


# Theme colors
# class                   border  backgr. text    indic.  child_border
  client.focused          #2aa198 #2aa198 #073642 #FDF6E3 #2aa198
  client.focused_inactive #073642 #073642 #2aa198 #454948 #073642
  client.unfocused        #073642 #073642 #1ABC9C #454948 #073642
  client.urgent           #CB4B16 #FDF6E3 #1ABC9C #268BD2
  client.placeholder      #000000 #0c0c0c #ffffff #000000

  client.background       #2B2C2B

xfce4-terminal

https://github.com/sgerrand/xfce4-terminal-colors-solarized

~/.config/xfce4/terminal/terminalrc

[Configuration]
ColorCursor=#93a1a1
ColorForeground=#839496
ColorBackground=#002b36
ColorPalette=#073642;#dc322f;#859900;#b58900;#268bd2;#d33682;#2aa198;#eee8d5;#002b36;#cb4b16;#586e75;#657b83;#839496;#6c71c4;#93a1a1;#fdf6e3

~/.Xresources

If you don't have this file, just touch ~/.Xresources. The title says it all, you need to change your file,
so these values should look like this:
(This is not the whole file, just the lines that should be changed.
I'm not even sure if this is needed or correct,
it's just what my file looks like)

! special
*.foreground:   #93a1a1
*.background:   #002b36
*.cursorColor:  #93a1a1

! black
*.color0:       #002b36
*.color8:       #657b83

! red
*.color1:       #dc322f
*.color9:       #dc322f

! green
*.color2:       #859900
*.color10:      #859900

! yellow
*.color3:       #b58900
*.color11:      #b58900

! blue
*.color4:       #268bd2
*.color12:      #268bd2

! magenta
*.color5:       #6c71c4
*.color13:      #6c71c4

! cyan
*.color6:       #2aa198
*.color14:      #2aa198

! white
*.color7:       #93a1a1
*.color15:      #fdf6e3


XTerm*background: #2b2b2b
XTerm*foreground: #e7e7e7
XTerm*pointerColor: #16A085

*fadeColor:                       black
*pointerColorBackground:          #2B2C2B
*pointerColorForeground:          #16A085

dunst

See dunstrc file in this repository.
I put in the whole file, you can obviously delete the ones you don't see fit.

On your system, you can find this file in ~/.config/dunstrc

Spotify (using spicetify-cli)

Install spicetify-cli and spicetify-themes-git
yay -S spicetify-cli spicetify-themes-git for Arch-based distros using yay

Repositories: spicetify-cli spicetify-themes

(If you have any issues installing, read
https://github.com/khanhas/spicetify-cli/wiki/Installation#linux-and-macos
and other parts of their wiki.
The following is the usual case that they suggest, I copied it from there.)

Run this command to generate the config file:
spicetify

Make sure config file is created successfully and there is no error, then run:
spicetify backup apply enable-devtool

Throw in this one for good measure, shouldn't really do anything:
spicetify update

Go into this repository and copy the SolarizedDark folder that's in
spicetify and put it in your own ~/.config/spicetify/Themes/ folder.
(There is probably already one in there with the same name, I made some
improvements though)

Select the theme we just copied in:
spicetify config current_theme SolarizedDark

Apply the settings:
spicetify apply

GtK

The way I install this could be Manjaro i3 specific, I'm not sure if bmenu
comes preinstalled with arch.
Nevertheless, if you have pure Arch, you will figure it out.

Install gtk-theme-numix-solarized
yay -S gtk-theme-numix-solarized for Arch-based distros using yay

Repository: numix-solarized-gtk-theme

xfconf-query -c xsettings -p /Net/ThemeName -s "NumixSolarizedDarkCyan"

Open your bmenu (Mod+Ctrl+b is preconfigured for that on Manjaro-i3)
-> System & Settings (7)
-> Appearance (1)
-> Set GTK2 Theme (1)
Find NumixSolarizedDarkCyan in this list, put in the corresponding number,
push the enter key.

-> Set GTK3 Theme (2)
Find NumixSolarizedDarkCyan in this list, put in the corresponding number,
push the enter key.

That's it, all saved. You maybe have to close and open any GtK apps
for these changes to take hold.

Firefox

Theme

There are solarized dark themes, but I don't like the color mapping of
the ones I tested. I use the add-on Zen Fox instead
Install that and of course, switch from light to dark.

Dark Reader (aka. what if the whole Internet was solarized dark?)

You may already know Dark Reader, with which you can change the
Internet to be in dark mode. But did you know,
that you can change the color scheme?

Click on the little icon in your Navbar
-> go to Dev Tools (it's at the bottom right)
-> click Preview new design.

Now your menu should look a bit different.

Click the icon again.
-> Go to See all options, colors.
-> Change Background to #002b36 (Don't forget to hit the enter key)
-> Change Text to #93a1a1 (Enter key)

That's it!

DuckDuckGo

Go to the DuckDuckGo front page
-> Click the burger menu (top right)
-> Themes
-> Appearance

Change all these fields:

Background Color:                                     #002b36
Header Color:                                         #073642 
Result Title Color:                                   #fdf6e3
Result Visited Title Color:                           #93a1a1
Result Snippet Color:                             #839496
Result URL Color:                                     #2aa198
Result Hover, Module, and Dropdown Background Color:  #073642

Save and Exit at the bottom and you are done.

Slack

Preferences (clicking your profile pic or on the workspace)
-> Themes
Obviously choose Dark
Additionally, under Colors there's this field, with the description:
Copy and paste these values to share your custom theme with others
where you just paste in this:
#073642,#002B36,#B58900,#FDF6E3,#CB4B16,#FDF6E3,#2AA198,#DC322F,#002B36,#FDF6E3

solarized-everything's People

Contributors

alindl avatar

Stargazers

eyecats avatar M avatar Börje Sewing avatar

Watchers

James Cloos avatar  avatar

solarized-everything's Issues

Spicetify Theme

I still I (guess?) am one of the few that STILL love keeping a cohesive solarized dark theme, and the spicetify theme hasnt worked with the newest spotify / spicetify versions for awhile. How can I help debug / make this theme functional again? I am not very versed in spicetify (yet) but am pretty good at css. spicetify seems to say this;

Preprocessed Spotify data is outdated. Please run "spicetify restore backup apply" to receive new features and bug fixes

After running this command it recommends, nothing actually happens. I guess spicetify / spotify wildly changed the classes they use to attach to different UI objects? Or some spicetify update made some checks that doesn't make this theme apply?

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.