Giter Site home page Giter Site logo

Nord theme isn't correct about vivid HOT 4 CLOSED

driverkt avatar driverkt commented on September 27, 2024
Nord theme isn't correct

from vivid.

Comments (4)

jpcirrus avatar jpcirrus commented on September 27, 2024 1

Agreed. I created a custom Nord theme that combines the Nord dircolors and Alacritty (my terminal) themes, adjusted because currently multiple font-styles aren't possible in vivid. There are likely some personal tweaks which I have forgotten, but in my opinion it's an improvement and in the spirit of Nord:

# Modified from bundled Nord
# Inspired by: https://github.com/nordtheme/alacritty
#              https://github.com/nordtheme/dircolors
# https://www.nordtheme.com/docs/colors-and-palettes

colors:
  nord0:  '2e3440'  # background
  nord1:  '3b4252'  # black
  nord2:  '434c5e'  # selection
  nord3:  '4c566a'  # brightblack
  nord4:  'd8dee9'  # foreground
  nord5:  'e5e9f0'  # white
  nord6:  'eceff4'  # brightwhite
  nord7:  '8fbcbb'  # brightcyan
  nord8:  '88c0d0'  # cyan
  nord9:  '81a1c1'  # blue
  nord10: '5e81ac'  # darkblue
  nord11: 'bf616a'  # red
  nord12: 'd08770'  # orange
  nord13: 'ebcb8b'  # yellow
  nord14: 'a3be8c'  # green
  nord15: 'b48ead'  # magenta

  dim-foreground: 'a5abb6'

core:
  normal_text:
    foreground: dim-foreground

  regular_file:
    foreground: nord4

  reset_to_normal:
    foreground: nord4
    background: nord0
    font-style: regular

  directory:
    foreground: nord10
    font-style: bold

  symlink:
    foreground: nord7

  multi_hard_link:
    foreground: nord7
    font-style: underline

  fifo:
    foreground: nord7
    font-style: bold

  socket:
    # NOTE: Also readline completion prefix
    foreground: nord13
    font-style: bold

  door:
    foreground: nord13
    font-style: italic

  block_device:
    foreground: nord13
    font-style: underline

  character_device:
    foreground: nord13

  broken_symlink:
    foreground: nord11

  missing_symlink_target:
    foreground: nord6
    background: nord11
    font-style: bold

  setuid:
    foreground: nord12
    font-style: bold

  setgid:
    foreground: nord12

  file_with_capability:
    foreground: nord12
    font-style: underline

  sticky_other_writable:
    foreground: nord6
    background: nord10
    font-style: bold

  other_writable:
    foreground: nord6
    background: nord10

  sticky:
    foreground: nord6
    background: nord10
    font-style: underline

  executable_file:
    foreground: nord9
    font-style: bold

text:
  special:
    foreground: nord4

  todo:
    foreground: nord4

  licenses:
    foreground: nord4

  configuration:
    foreground: nord4

  other:
    foreground: nord4

markup:
  web:
    foreground: nord4
  other:
    foreground: nord8

programming:
  source:
    foreground: nord9
  tooling:
    foreground: nord4

media:
  image:
    foreground: nord15

  audio:
    foreground: nord15

  video:
    foreground: nord15

  fonts:
    foreground: nord4

office:
  foreground: nord14

archives:
  foreground: nord5
  font-style: bold

executable:
  foreground: nord9
  font-style: bold

unimportant:
  foreground: nord3

from vivid.

jpcirrus avatar jpcirrus commented on September 27, 2024 1

Here is the Nord theme as updated for vivid version 0.10.0. The theme now exactly matches the official theme at Nord dircolors except for three changes:

  1. The directory file type and directories with special permissions use nord10 instead of nord9, because against the terminal background (nord0) on Alacritty, nord9 looks too washed out.
  2. Where there is a background colour, the foreground of nord4 is replaced by nord5, which I found made the text more legible.
  3. The media/document file types don't all use nord14, but have been customised according to vivid categories. This is easily changed according to user preferences and required granularity.
# Modified from bundled Nord
# Inspired by: https://github.com/nordtheme/alacritty
#              https://github.com/nordtheme/dircolors
# https://www.nordtheme.com/docs/colors-and-palettes

colors:
  nord0:  '2e3440'  # background
  nord1:  '3b4252'  # black
  nord2:  '434c5e'  # selection
  nord3:  '4c566a'  # brightblack
  nord4:  'd8dee9'  # foreground
  nord5:  'e5e9f0'  # white
  nord6:  'eceff4'  # brightwhite
  nord7:  '8fbcbb'  # brightcyan
  nord8:  '88c0d0'  # cyan
  nord9:  '81a1c1'  # blue
  nord10: '5e81ac'  # darkblue
  nord11: 'bf616a'  # red
  nord12: 'd08770'  # orange
  nord13: 'ebcb8b'  # yellow
  nord14: 'a3be8c'  # green
  nord15: 'b48ead'  # magenta

  dim-foreground: 'a5abb6'

core:
  normal_text:
    foreground: dim-foreground

  reset_to_normal:
    background: nord0
    foreground: nord4
    font-style: regular

# File Types

  regular_file:
    foreground: nord4

  directory:
    foreground: nord10  # nord9
    font-style: bold

  multi_hard_link:
    foreground: nord8
    font-style: underline

  symlink:
    foreground: nord8

  broken_symlink:
    foreground: nord11

  missing_symlink_target:
    # NOTE: Also used for readline completion shell builtin and function suffix
    background: nord11
    foreground: nord5  # nord4
    font-style: bold

  fifo:
    foreground: nord7
    font-style:
      - bold
      - underline

  character_device:
    foreground: nord13

  block_device:
    foreground: nord13
    font-style: underline

  door:
    foreground: nord13
    font-style: italic

  socket:
    # NOTE: Swapped with block device as used for readline completion prefix
    foreground: nord13
    font-style: bold

# File Permissions

  executable_file:
    foreground: nord7
    font-style: bold

  file_with_capability:
    foreground: nord4
    font-style:
      - bold
      - underline

  setuid:
    foreground: nord4
    font-style:
      - bold
      - underline

  setgid:
    foreground: nord4
    font-style:
      - bold
      - underline

  sticky:
    background: nord10  # nord9
    foreground: nord5   # nord4
    font-style: underline

  other_writable:
    background: nord10  # nord9
    foreground: nord5   # nord4
    font-style: bold

  sticky_other_writable:
    background: nord10  # nord9
    foreground: nord5   # nord4
    font-style:
      - bold
      - underline

# Document Types

archive:
  foreground: nord5
  font-style: bold

executable:
  foreground: nord7
  font-style: bold

markup:
  foreground: nord6
  web:
    foreground: nord4

media:
  foreground: nord15
  font:
    foreground: nord4

office:
  foreground: nord14

programming:
  source:
    foreground: nord7
  tooling:
    foreground: nord4
    build:
      foreground: nord4
      latex:
        foreground: nord7

text:
  foreground: nord4

unimportant:
  foreground: nord3

from vivid.

driverkt avatar driverkt commented on September 27, 2024

@jpcirrus Nice! I had thought about sitting down to do this but didn't take the time yet. At first glance, it seems an improvement over the bundled one!

from vivid.

sharkdp avatar sharkdp commented on September 27, 2024

Thank you. Would be great if we could integrate this via a PR

from vivid.

Related Issues (20)

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.