Code Monkey home page Code Monkey logo

srcery-terminal's Introduction

Terminal configurations

Pregenerated configurations using the Srcery palette. Pick and choose for your favorite terminal emulator, or let us know if yours is missing.

Palette

IMG TERMCOL NR VAR HEX RGB HSL
black black 0 g:srcery_black #1C1B19 28, 27, 25 40, 6%, 10%
red red 1 g:srcery_red #EF2F27 239, 47, 39 2, 86%, 55%
green green 2 g:srcery_green #519F50 81, 159, 80 119, 33%, 47%
yellow yellow 3 g:srcery_yellow #FBB829 251, 184, 41 41, 96%, 57%
blue blue 4 g:srcery_blue #2C78BF 44, 120, 191 209, 63%, 46%
magenta magenta 5 g:srcery_magenta #E02C6D 224, 44, 109 338, 74%, 53%
cyan cyan 6 g:srcery_cyan #0AAEB3 10, 174, 179 182, 89%, 37%
white white 7 g:srcery_white #BAA67F 186, 166, 127 40, 30%, 61%
brightblack brightblack 8 g:srcery_bright_black #918175 145, 129, 117 26, 11%, 51%
brightred brightred 9 g:srcery_bright_red #F75341 247, 83, 65 6, 92%, 61%
brightgreen brightgreen 10 g:srcery_bright_green #98BC37 152, 188, 55 76, 55%, 48%
brightyellow brightyellow 11 g:srcery_bright_yellow #FED06E 254, 208, 110 41, 99%, 71%
brightblue brightblue 12 g:srcery_bright_blue #68A8E4 104, 168, 228 209, 70%, 65%
brightmagenta brightmagenta 13 g:srcery_bright_magenta #FF5C8F 255, 92, 143 341, 100%, 68%
brightcyan brightcyan 14 g:srcery_bright_cyan #2BE4D0 43, 228, 208 174, 77%, 53%
brightwhite brightwhite 15 g:srcery_bright_white #FCE8C3 252, 232, 195 39, 90%, 88%

Additionally Srcery uses some xterm 256 colors to pad out the color selection, no extra configuration needed.

IMG NAME NR HEX RGB HSL
orange orange 202 #FF5F00 255, 95, 0 22, 100%, 50%
bright_orange bright_orange 208 #FF8700 255, 135, 0 32, 100%, 50%
hard_black hard_black 233 #121212 18, 18, 18 0, 0%, 7%
teal teal 30 #008080 0, 128, 128 180, 100%, 25%
xgray1 xgray1 235 #262626 38, 38, 38 0, 0%, 15%
xgray2 xgray2 236 #303030 48, 48, 48 0, 0%, 19%
xgray3 xgray3 237 #3A3A3A 58, 58, 58 0, 0%, 23%
xgray4 xgray4 238 #444444 68, 68, 68 0, 0%, 27%
xgray5 xgray5 239 #4E4E4E 78, 78, 78 0, 0%, 31%
xgray6 xgray6 240 #585858 88, 88, 88 0, 0%, 35%
xgray7 xgray7 241 #626262 98, 98, 98 0, 0%, 38%
xgray8 xgray8 242 #6C6C6C 108, 108, 108 0, 0%, 42%
xgray9 xgray9 243 #767676 118, 118, 118 0, 0%, 46%
xgray10 xgray10 244 #808080 128, 128, 128 0, 0%, 50%
xgray11 xgray11 245 #8A8A8A 138, 138, 138 0, 0%, 54%
xgray12 xgray12 246 #949494 148, 148, 148 0, 0%, 58%

Development

Requirements

Node and npm is required to build the terminal configurations.

Changing readme

README.md along with the configs are generated, edit templates/README.hbs and run make README.md to update docs.

Generating configurations

To get a list of available configurations call make list. By editing the relevant template for any given configuration (located in ./templates) and calling make will generate a new configuration.

To make a single config, say xresources call make like this:

make xresources/srcery.xresources

srcery-terminal's People

Contributors

adrianpacala avatar alexeyten avatar buried-in-code avatar davidnash avatar dependabot-preview[bot] avatar dependabot[bot] avatar dreamtigers avatar ehmry avatar mindtooth avatar planet36 avatar roosta 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

srcery-terminal's Issues

kitty autocomplete color is unreadably dark

The autocomplete color in kitty is all but unreadable, even at very high brightness on my displays. Something with higher contrast would be beneficial for all users of Kitty.

Which color is this in the general kitty color scheme?

Selection-2019-05-30-002

Srcery for Steam [WIP]

Hi,

Just wanted to share some minor progress on a theme for Steam. Like I have nothing else to do ๐Ÿ’ƒ ๐Ÿ˜„

screen shot 2018-06-04 at 12 23 21

Let me just be the first to say, that this is a big undertaking. It's a large surface to tough, with thousands of options.

Also, just asked Steam/Valve if I could share that work on e.g. GitHub ๐Ÿ‘

Ed1t: Given a ambiguous answer.

Resources:

Colors look different between Terminal.app and Alacritty.

So, I've setup both Terminal.app and Alacritty with the srcery colorscheme. And I noticed that the colors don't look identical. I took some screenshots to show this:

Terminal.app with Srcery colorscheme:
terminal

Alacritty with Srcery colorscheme:
alacritty

I wasn't exactly sure why this would be. I checked the settings and confirmed that both are set correctly. For example, for the red color, Terminal.app is set to #EF2F27, and Alacritty is set to 0xEF2F27. So that should be identical. But it's not. I had a hunch that it has something to do with color correction, so I used the Apple Digital Colour Meter to check.

Terminal.app renders Generic RGB 239, 47, 39.
alacritty_color

Alacritty renders 239, 47, 39 as Display Native Value.
terminal_color

This is why they look different, I'm guessing that Alacritty doesn't perform color correction. I'm not sure if that is a bug or a feature. But maybe the configs have to be adjusted slightly? I might manually perform color correction and pop the correct values into Alacritty so it's more consistent. Just leaving this here in case anyone else notices.

Xresources doesn't have orange, hard black and grays

I found myself converting my i3 config to use colors from my .Xresources (https://i3wm.org/docs/userguide.html#xresources) to avoid copying stuff all over the place, and noticed that the follow colors are missing from the Xresources file:

set $orange #D75F00
set $bright_orange #FF8700

set $xgray1 #262626
set $xgray2 #303030
set $xgray3 #3A3A3A
set $xgray4 #444444
set $xgray5 #4E4E4E

set $hard_black #121212

looking at the .Xresources file, we see it only defines the "basic" 16 colors supported by every terminal. the README file also says:

Additionally Srcery uses some xterm 256 colors to pad out the color selection, no extra configuration needed.

... yet it's unclear how that works to me in the first place: is srcery just assuming those are the colors used by xterm? shouldn't we provide those colors in the Xresources for other applications to use?

"401 Unauthorized" build error

I don't have any experience working with nodejs or npm, so not sure if it's my fault, but I'm unable to perform a make.

$ npm --version

npm WARN config tmp This setting is no longer used.  npm stores temporary files in a special
npm WARN config location in the cache, and they are managed by
npm WARN config     [`cacache`](http://npm.im/cacache).
8.19.2

$ make list

node:internal/modules/cjs/loader:1042
  throw err;
  ^

Error: Cannot find module 'commander'
...

$ npm install commander

npm WARN config tmp This setting is no longer used.  npm stores temporary files in a special
npm WARN config location in the cache, and they are managed by
npm WARN config     [`cacache`](http://npm.im/cacache).
npm ERR! code E401
npm ERR! 401 Unauthorized - GET https://npm.pkg.github.com/download/@srcery-colors/srcery-palette/1.0.2/57bedffc1e01582d6242ac0ad27af63d60ab105f - authentication token not provided

make node_modules and make give the same output as npm install commander.

Color scheme for tmux

Hi,

Been at it again.. Couldn't have a tmux that didn't conform. Borrowed some ideas from Arctic Ice Studios & jimeh. Maybe at some point I'll extend it more to be a complete style โ€” with options, etc., and at a later time we could create a new repo, so installing it via package manager would be possible.

Thoughts?

screen shot 2018-05-15 at 14 29 03

screen shot 2018-05-15 at 14 33 19

screen shot 2018-05-15 at 14 33 40

screen shot 2018-05-15 at 14 34 02

Initial code:

# Mein Status Style
set -g status-style fg=brightwhite,bg=brightblack

# Left Side Style
set -g status-left-style fg=brightwhite,bg=colour237
set -g status-left-length 40
set -g status-left "#[fg=brightwhite,bg=colour237,bold] #S #[fg=brightwhite,bg=colour236,nobold] #(whoami) #[fg=brightwhite,bg=brightblack] #I:#P #(page_mode) "

# Right side of status bar
set -g status-right-style fg=brightwhite,bg=colour237
set -g status-right-length 150
set -g status-right "#[fg=brightwhite,bg=brightblack] %H:%M #[fg=brightwhite,bg=colour236] %d-%b-%y #[fg=brightwhite,bg=colour237,bold] #H "

# Window status
set -g window-status-format "#[fg=default,bg=default,italics] #I:#W (#F) "
set -g window-status-current-format "#[fg=brightwhite,bg=colour236,bold] #I:#W (#F) "

# Current window status
set -g window-status-current-style fg=colour235,bg=colour100

# Pane border
set -g pane-border-style fg=colour236,bg=default
set -g pane-active-border-style fg=colour238,bg=default

# Clock mode
set -g clock-mode-colour brightwhite
set -g clock-mode-style 24

# Command message
set -g message-command-style fg=brightwhite,bg=brightblack

set -g mode-style fg=brightwhite,bold,bg=colour237

# Message
set -g message-style fg=brightwhite,bg=brightblack

# Pane number indicator
set -g display-panes-colour colour239
set -g display-panes-active-colour brightwhite

set -g window-status-separator ""

Consistent cursor color

In the Srcery color scheme, which color should be used for the cursor?

These templates use color 3 (yellow)

  • blink.dot
  • kitty.dot
  • pantheon.dot
  • termite.dot
  • tilix.dot
  • windows_terminal.dot
  • xresources.dot

But these templates use the foreground color

  • chrome-secure-shell.dot
  • iterm.dot
  • mintty.dot
  • terminal-app.dot
  • terminator.dot
  • xfce.dot

Add Windows Terminal

Initial attempt at adding support for the Windows Terminal.

{
  "profiles": {
    "defaults": {
      "colorScheme": "Srcery"
    }
  },

  "schemes": [
    {
      "name": "Srcery",
      "black": "#1c1b19",
      "red": "#ef2f27",
      "green": "#519f50",
      "yellow": "#fbb829",
      "blue": "#2c78bf",
      "purple": "#e02c6d",
      "cyan": "#0aaeb3",
      "white": "#D0BFA1",
      "brightBlack": "#918175",
      "brightRed": "#f75341",
      "brightGreen": "#98bc37",
      "brightYellow": "#fed06e",
      "brightBlue": "#68a8e4",
      "brightPurple": "#ff5c8f",
      "brightCyan": "#53fde9",
      "brightWhite": "#fce8c3",
      "foreground": "#fce8c3",
      "background": "#1c1b19",
      "cursorColor": "#FBB829",
      "selectionBackground": "#FCE8C3"
    }
  ]
}

Bright cyan is too bright

When all the colors are viewed together, bright cyan (#53FDE9) has always stood out as being brighter than the others.

hex color CIELAB lightness Hue
#1C1B19 #1C1B19 9.8 40.0
#918175 #918175 55.1 25.7
#EF2F27 #EF2F27 52.4 2.4
#F75341 #F75341 58.4 5.9
#519F50 #519F50 59.1 119.2
#98BC37 #98BC37 71.5 76.2
#FBB829 #FBB829 79.0 40.9
#FED06E #FED06E 85.7 40.8
#2C78BF #2C78BF 49.2 209.0
#68A8E4 #68A8E4 66.9 209.0
#E02C6D #E02C6D 50.4 338.3
#FF5C8F #FF5C8F 62.4 341.2
#0AAEB3 #0AAEB3 64.6 181.8
#53FDE9 #53FDE9 90.8 172.9
#BAA67F #BAA67F 68.9 39.7
#FCE8C3 #FCE8C3 92.7 38.9
#FF5F00 #FF5F00 61.2 22.4
#FF8700 #FF8700 68.5 31.8

Here are some facts about the current bright cyan

  • It has the highest CIELAB lightness.
  • The lightness difference between cyan and bright cyan is greater than any other color (excluding black)
  • The hue difference between cyan and bright cyan is one of the highest, after green and orange (excluding black)

Not knowing what process was used to generate the colors, I started with cyan (#0AAEB3) and used colorizer.org to increase the lightness in increments of 1 while not adjusting the hue. For reference, the first row is cyan, and the last row is the current bright cyan.

hex color CIELAB lightness Hue
#0AAEB3 #0AAEB3 64.6 181.8
#2EBDC2 #2EBDC2 70.1 182.0
#32C0C4 #32C0C4 71.1 181.6
#37C2C7 #37C2C7 71.9 182.1
#3BC5CA #3BC5CA 73.0 182.1
#3FC8CD #3FC8CD 74.0 182.1
#43CBD0 #43CBD0 75.1 182.1
#46CED2 #46CED2 76.1 181.7
#4AD0D5 #4AD0D5 76.9 182.2
#4ED3D8 #4ED3D8 78.0 182.2
#51D6DB #51D6DB 79.0 182.2
#55D9DE #55D9DE 80.1 182.2
#58DCE0 #58DCE0 81.1 181.8
#5BDEE3 #5BDEE3 81.8 182.2
#5FE1E6 #5FE1E6 82.9 182.2
#62E4E9 #62E4E9 83.9 182.2
#65E7EC #65E7EC 85.0 182.2
#68EAEF #68EAEF 86.0 182.2
#6CEDF1 #6CEDF1 87.0 181.8
#6FF0F4 #6FF0F4 88.1 181.8
#72F3F7 #72F3F7 89.1 181.8
#75F6FA #75F6FA 90.1 181.8
#53FDE9 #53FDE9 90.8 172.9

I think the bright cyan colors with a lightness in the low 80s are an improvement.

Missing Terminal.app color scheme

Terminal.app support was removed in commit c8feda5.

I would be happy to look into this and try to get it figured out as I depend on Terminal.app and the srcery color scheme, and this change bricks my setup.

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.