website
a colour scheme for the terminal
contribute
the colours
bg/fg
red
yellow
green
cyan
blue
pink
black
white
the apps
alacritty
Add this to your configuration file:
colors:
# Default colors
primary:
background: '0x132f35'
foreground: '0xd1b890'
# Normal colors
normal:
black: '0x183c44'
red: '0xda4949'
green: '0xbcca15'
yellow: '0xffb02e'
blue: '0x35a6e6'
magenta: '0xd343a2'
cyan: '0x38c995'
white: '0xffe8c1'
# Bright colors
bright:
black: '0x235662'
red: '0xff5757'
green: '0xecff14'
yellow: '0xffd694'
blue: '0x4cbfff'
magenta: '0xff4cc2'
cyan: '0x35ffb6'
white: '0xffd48f'
konsole
Create a file named website.colorscheme. Copy the code below and insert it into the new
file.
Place it in the user Konsole directory (i.e. /home/$USER/.local/share/konsole).
# --- special colors ---
[Background]
Color=19,47,53
[BackgroundIntense]
Color=19,47,53
[Foreground]
Color=209,184,144
[ForegroundIntense]
Color=209,184,144
Bold=true
# --- standard colors ---
[Color0]
Color=24,60,68
[Color0Intense]
Color=35,86,98
[Color1]
Color=218,73,73
[Color1Intense]
Color=255,87,87
[Color2]
Color=188,202,21
[Color2Intense]
Color=236,255,20
[Color3]
Color=255,176,46
[Color3Intense]
Color=255,214,148
[Color4]
Color=53,166,230
[Color4Intense]
Color=76,191,255
[Color5]
Color=211,67,162
[Color5Intense]
Color=255,76,194
[Color6]
Color=56,201,149
[Color6Intense]
Color=53,255,182
[Color7]
Color=255,232,193
[Color7Intense]
Color=255,212,143
# --- general options ---
[General]
Opacity=1
xfce4-terminal
Create a file named website.theme. Copy and paste the code below into the file. Place it in
/home/$USER/.local/share/xfce4/terminal/colorschemes.
[Configuration]
ColorCursor=#d1d1b8b89090
ColorForeground=#d1d1b8b89090
ColorBackground=#13132f2f3535
ColorPalette=#18183c3c4444;
#dada49494949;
#bcbccaca1515;
#ffffb0b02e2e;
#3535a6a6e6e6;
#d3d34343a2a2;
#3838c9c99595;
#ffffe8e8c1c1;
#232356566262;
#ffff57575757;
#ececffff1414;
#ffffd6d69494;
#4c4cbfbfffff;
#ffff4c4cc2c2;
#3535ffffb6b6;
#ffffd4d48f8f
xterm
Put the following in your .Xresources file. Run xrdb -merge ~/.Xresources.
! special
*.foreground: #d1b890
*.background: #132f35
*.cursorColor: #d1b890
! black
*.color0: #183c44
*.color8: #235662
! red
*.color1: #da4949
*.color9: #ff5757
! green
*.color2: #bcca15
*.color10: #ecff14
! yellow
*.color3: #ffb02e
*.color11: #ffd694
! blue
*.color4: #35a6e6
*.color12: #4cbfff
! magenta
*.color5: #d343a2
*.color13: #ff4cc2
! cyan
*.color6: #38c995
*.color14: #35ffb6
! white
*.color7: #ffe8c1
*.color15: #ffd48f
zellij
Put this in your config.kdl file.
themes {
website {
fg 209 184 143
bg 19 47 53
black 24 60 68
red 218 73 73
green 188 202 21
yellow 255 176 46
blue 53 166 230
magenta 211 67 162
cyan 56 201 149
white 255 212 143
orange 255 121 46
}
}
helix
Create a directory called themes in ~/.config/helix/. Create a file called
website.toml there. Copy and paste the code below into the file.
"type" = "yellow"
"constant" = "purple" # TODO
"constant.numeric" = "green"
"constant.character.escape" = "cyan"
"string" = "green"
"string.regexp" = "orange"
"comment" = "grey"
"variable" = "fg"
"variable.builtin" = "orange"
"variable.parameter" = "fg"
"variable.other.member" = "fg"
"label" = "orange"
"punctuation" = "grey"
"punctuation.delimiter" = "grey"
"punctuation.bracket" = "fg"
"keyword" = "fg"
"keyword.directive" = "cyan"
"operator" = "red"
"function" = "blue"
"function.builtin" = "blue"
"function.macro" = "cyan"
"tag" = "yellow"
"namespace" = "red"
"attribute" = "cyan"
"constructor" = "yellow"
"module" = "red"
"special" = "orange"
"markup.heading.marker" = "grey"
"markup.heading.1" = { fg = "purple", modifiers = ["bold"] }
"markup.heading.2" = { fg = "red", modifiers = ["bold"] }
"markup.heading.3" = { fg = "blue", modifiers = ["bold"] }
"markup.heading.4" = { fg = "yellow", modifiers = ["bold"] }
"markup.heading.5" = { fg = "green", modifiers = ["bold"] }
"markup.heading.6" = { fg = "fg", modifiers = ["bold"] }
"markup.list" = "red"
"markup.bold" = { modifiers = ["bold"] }
"markup.italic" = { modifiers = ["italic"] }
"markup.link.url" = { fg = "green", modifiers = ["underlined"] }
"markup.link.text" = "purple"
"markup.quote" = "grey"
"markup.raw" = "green"
"diff.plus" = "green"
"diff.delta" = "orange"
"diff.minus" = "red"
"ui.background" = { bg = "bg0" }
"ui.background.separator" = "grey"
"ui.cursor" = { fg = "bg0", bg = "red" }
"ui.cursor.match" = { fg = "bg0", bg = "red" }
"ui.cursor.insert" = { fg = "black", bg = "grey" }
"ui.cursor.select" = { fg = "bg0", bg = "blue" }
"ui.cursorline.primary" = { bg = "bg1" }
"ui.cursorline.secondary" = { bg = "bg1" }
"ui.selection" = { fg = "yellow", bg = "grey" }
"ui.linenr" = "grey"
"ui.linenr.selected" = "fg"
"ui.statusline" = { fg = "bg0", bg = "green" }
"ui.statusline.inactive" = { fg = "grey", bg = "green" }
"ui.statusline.normal" = { fg = "green", bg = "bg0", modifiers = [""] }
"ui.statusline.insert" = { fg = "green", bg = "bg0", modifiers = ["bold"] }
"ui.statusline.select" = { fg = "green", bg = "bg0", modifiers = ["bold"] }
"ui.bufferline" = { fg = "fg", bg = "bg0" }
"ui.bufferline.active" = { fg = "bg0", bg = "green", modifiers = ["bold"] }
"ui.popup" = { fg = "fg", bg = "bg0" }
"ui.window" = { fg = "fg", bg = "bg0" }
"ui.help" = { fg = "fg", bg = "bg0" }
"ui.text" = "fg"
"ui.text.focus" = "green"
"ui.menu" = { fg = "bg0", bg = "green" }
"ui.menu.selected" = { fg = "green", bg = "bg0" }
"ui.virtual.whitespace" = { fg = "bg4" }
"ui.virtual.indent-guide" = { fg = "grey" }
"ui.virtual.ruler" = { bg = "bg2" }
"hint" = "blue"
"info" = "green"
"warning" = "yellow"
"error" = "red"
"diagnostic" = { underline = { style = "line" } }
"diagnostic.hint" = { underline = { color = "blue", style = "dotted" } }
"diagnostic.info" = { underline = { color = "green", style = "dotted" } }
"diagnostic.warning" = { underline = { color = "yellow", style = "curl" } }
"diagnostic.error" = { underline = { color = "red", style = "curl" } }
[palette]
black = "#0B1A1E"
bg0 = "#132F35"
bg1 = "#10282D"
bg2 = "#0E2125"
bg3 = "#0B1A1E"
bg4 = "#0B1A1E"
bg_grey = "#183C44"
bg_red = "#8A3333"
diff_red = "#FF5757"
bg_green = "#5D6318"
diff_green = "#ECFF14"
bg_blue = "#25688D"
diff_blue = "#4CBFFF"
bg_purple = "#7F3465"
diff_yellow = "#FFD694"
fg = "#D1B890"
red = "#DA4949"
orange = "#e59b77"
yellow = "#FFB02E"
green = "#BCCA15"
cyan = "#38C995"
blue = "#35A6E6"
purple = "#D343A2"
grey = "#235662"
grey_dim = "#183C44"
Contribute
contribute
bg/fg
red
yellow
green
cyan
blue
pink
black
white
alacritty
Add this to your configuration file:
colors:
# Default colors
primary:
background: '0x132f35'
foreground: '0xd1b890'
# Normal colors
normal:
black: '0x183c44'
red: '0xda4949'
green: '0xbcca15'
yellow: '0xffb02e'
blue: '0x35a6e6'
magenta: '0xd343a2'
cyan: '0x38c995'
white: '0xffe8c1'
# Bright colors
bright:
black: '0x235662'
red: '0xff5757'
green: '0xecff14'
yellow: '0xffd694'
blue: '0x4cbfff'
magenta: '0xff4cc2'
cyan: '0x35ffb6'
white: '0xffd48f'
konsole
Create a file named website.colorscheme. Copy the code below and insert it into the new
file.
Place it in the user Konsole directory (i.e. /home/$USER/.local/share/konsole).
# --- special colors ---
[Background]
Color=19,47,53
[BackgroundIntense]
Color=19,47,53
[Foreground]
Color=209,184,144
[ForegroundIntense]
Color=209,184,144
Bold=true
# --- standard colors ---
[Color0]
Color=24,60,68
[Color0Intense]
Color=35,86,98
[Color1]
Color=218,73,73
[Color1Intense]
Color=255,87,87
[Color2]
Color=188,202,21
[Color2Intense]
Color=236,255,20
[Color3]
Color=255,176,46
[Color3Intense]
Color=255,214,148
[Color4]
Color=53,166,230
[Color4Intense]
Color=76,191,255
[Color5]
Color=211,67,162
[Color5Intense]
Color=255,76,194
[Color6]
Color=56,201,149
[Color6Intense]
Color=53,255,182
[Color7]
Color=255,232,193
[Color7Intense]
Color=255,212,143
# --- general options ---
[General]
Opacity=1
xfce4-terminal
Create a file named website.theme. Copy and paste the code below into the file. Place it in
/home/$USER/.local/share/xfce4/terminal/colorschemes.
[Configuration]
ColorCursor=#d1d1b8b89090
ColorForeground=#d1d1b8b89090
ColorBackground=#13132f2f3535
ColorPalette=#18183c3c4444;
#dada49494949;
#bcbccaca1515;
#ffffb0b02e2e;
#3535a6a6e6e6;
#d3d34343a2a2;
#3838c9c99595;
#ffffe8e8c1c1;
#232356566262;
#ffff57575757;
#ececffff1414;
#ffffd6d69494;
#4c4cbfbfffff;
#ffff4c4cc2c2;
#3535ffffb6b6;
#ffffd4d48f8f
xterm
Put the following in your .Xresources file. Run xrdb -merge ~/.Xresources.
! special
*.foreground: #d1b890
*.background: #132f35
*.cursorColor: #d1b890
! black
*.color0: #183c44
*.color8: #235662
! red
*.color1: #da4949
*.color9: #ff5757
! green
*.color2: #bcca15
*.color10: #ecff14
! yellow
*.color3: #ffb02e
*.color11: #ffd694
! blue
*.color4: #35a6e6
*.color12: #4cbfff
! magenta
*.color5: #d343a2
*.color13: #ff4cc2
! cyan
*.color6: #38c995
*.color14: #35ffb6
! white
*.color7: #ffe8c1
*.color15: #ffd48f
zellij
Put this in your config.kdl file.
themes {
website {
fg 209 184 143
bg 19 47 53
black 24 60 68
red 218 73 73
green 188 202 21
yellow 255 176 46
blue 53 166 230
magenta 211 67 162
cyan 56 201 149
white 255 212 143
orange 255 121 46
}
}
helix
Create a directory called themes in ~/.config/helix/. Create a file called
website.toml there. Copy and paste the code below into the file.
"type" = "yellow"
"constant" = "purple" # TODO
"constant.numeric" = "green"
"constant.character.escape" = "cyan"
"string" = "green"
"string.regexp" = "orange"
"comment" = "grey"
"variable" = "fg"
"variable.builtin" = "orange"
"variable.parameter" = "fg"
"variable.other.member" = "fg"
"label" = "orange"
"punctuation" = "grey"
"punctuation.delimiter" = "grey"
"punctuation.bracket" = "fg"
"keyword" = "fg"
"keyword.directive" = "cyan"
"operator" = "red"
"function" = "blue"
"function.builtin" = "blue"
"function.macro" = "cyan"
"tag" = "yellow"
"namespace" = "red"
"attribute" = "cyan"
"constructor" = "yellow"
"module" = "red"
"special" = "orange"
"markup.heading.marker" = "grey"
"markup.heading.1" = { fg = "purple", modifiers = ["bold"] }
"markup.heading.2" = { fg = "red", modifiers = ["bold"] }
"markup.heading.3" = { fg = "blue", modifiers = ["bold"] }
"markup.heading.4" = { fg = "yellow", modifiers = ["bold"] }
"markup.heading.5" = { fg = "green", modifiers = ["bold"] }
"markup.heading.6" = { fg = "fg", modifiers = ["bold"] }
"markup.list" = "red"
"markup.bold" = { modifiers = ["bold"] }
"markup.italic" = { modifiers = ["italic"] }
"markup.link.url" = { fg = "green", modifiers = ["underlined"] }
"markup.link.text" = "purple"
"markup.quote" = "grey"
"markup.raw" = "green"
"diff.plus" = "green"
"diff.delta" = "orange"
"diff.minus" = "red"
"ui.background" = { bg = "bg0" }
"ui.background.separator" = "grey"
"ui.cursor" = { fg = "bg0", bg = "red" }
"ui.cursor.match" = { fg = "bg0", bg = "red" }
"ui.cursor.insert" = { fg = "black", bg = "grey" }
"ui.cursor.select" = { fg = "bg0", bg = "blue" }
"ui.cursorline.primary" = { bg = "bg1" }
"ui.cursorline.secondary" = { bg = "bg1" }
"ui.selection" = { fg = "yellow", bg = "grey" }
"ui.linenr" = "grey"
"ui.linenr.selected" = "fg"
"ui.statusline" = { fg = "bg0", bg = "green" }
"ui.statusline.inactive" = { fg = "grey", bg = "green" }
"ui.statusline.normal" = { fg = "green", bg = "bg0", modifiers = [""] }
"ui.statusline.insert" = { fg = "green", bg = "bg0", modifiers = ["bold"] }
"ui.statusline.select" = { fg = "green", bg = "bg0", modifiers = ["bold"] }
"ui.bufferline" = { fg = "fg", bg = "bg0" }
"ui.bufferline.active" = { fg = "bg0", bg = "green", modifiers = ["bold"] }
"ui.popup" = { fg = "fg", bg = "bg0" }
"ui.window" = { fg = "fg", bg = "bg0" }
"ui.help" = { fg = "fg", bg = "bg0" }
"ui.text" = "fg"
"ui.text.focus" = "green"
"ui.menu" = { fg = "bg0", bg = "green" }
"ui.menu.selected" = { fg = "green", bg = "bg0" }
"ui.virtual.whitespace" = { fg = "bg4" }
"ui.virtual.indent-guide" = { fg = "grey" }
"ui.virtual.ruler" = { bg = "bg2" }
"hint" = "blue"
"info" = "green"
"warning" = "yellow"
"error" = "red"
"diagnostic" = { underline = { style = "line" } }
"diagnostic.hint" = { underline = { color = "blue", style = "dotted" } }
"diagnostic.info" = { underline = { color = "green", style = "dotted" } }
"diagnostic.warning" = { underline = { color = "yellow", style = "curl" } }
"diagnostic.error" = { underline = { color = "red", style = "curl" } }
[palette]
black = "#0B1A1E"
bg0 = "#132F35"
bg1 = "#10282D"
bg2 = "#0E2125"
bg3 = "#0B1A1E"
bg4 = "#0B1A1E"
bg_grey = "#183C44"
bg_red = "#8A3333"
diff_red = "#FF5757"
bg_green = "#5D6318"
diff_green = "#ECFF14"
bg_blue = "#25688D"
diff_blue = "#4CBFFF"
bg_purple = "#7F3465"
diff_yellow = "#FFD694"
fg = "#D1B890"
red = "#DA4949"
orange = "#e59b77"
yellow = "#FFB02E"
green = "#BCCA15"
cyan = "#38C995"
blue = "#35A6E6"
purple = "#D343A2"
grey = "#235662"
grey_dim = "#183C44"
All contributions are welcome! To do that, shoot me an email with whatever you'd like to contribute here.
Theme & website by Shayan Naqvi