Update the templates to use the base16 data sources

This commit is contained in:
Gabriel Arazas 2020-10-27 16:36:48 +08:00
parent 80cb28be86
commit f4dd401d87
9 changed files with 124 additions and 122 deletions

View File

@ -1,5 +1,5 @@
= NixOS desktop themes = NixOS desktop themes
These are some of my themes om NixOS as a module ala-link:https://github.com/hlissner/dotfiles[hlissner NixOS modules] as a https://github.com/cookiecutter/cookiecutter[Cookiecutter template]. These are some of my themes om NixOS as a module ala-link:https://github.com/hlissner/dotfiles[hlissner NixOS modules] as a https://github.com/cookiecutter/cookiecutter[Cookiecutter template].
Most of them just need a Pywal JSON scheme in the appropriate config file and generate the module with the given color scheme as a result. Most of them just need a Base16 color scheme in the appropriate config file and generate the module with the given color scheme as a result.

View File

@ -2,29 +2,22 @@
"name": "Fair and square", "name": "Fair and square",
"slug": "{{ cookiecutter.name | slugify }}", "slug": "{{ cookiecutter.name | slugify }}",
"version": "0.1.0", "version": "0.1.0",
"special": { "base00": "#3B4252",
"background": "#2E3440", "base01": "#BF616A",
"foreground": "#D8DEE9", "base02": "#A3BE8C",
"cursor": "#D8DEE9" "base03": "#EBCB8B",
}, "base04": "#81A1C1",
"colors": { "base05": "#B48EAD",
"color0": "#3B4252", "base06": "#88C0D0",
"color1": "#BF616A", "base07": "#E5E9F0",
"color2": "#A3BE8C", "base08": "#727B8A",
"color3": "#EBCB8B", "base09": "#BF616A",
"color4": "#81A1C1", "base0A": "#A3BE8C",
"color5": "#B48EAD", "base0B": "#EBCB8B",
"color6": "#88C0D0", "base0C": "#81A1C1",
"color7": "#E5E9F0", "base0D": "#B48EAD",
"color8": "#727B8A", "base0E": "#8FBCBB",
"color9": "#BF616A", "base0F": "#ECEFF4"
"color10": "#A3BE8C",
"color11": "#EBCB8B",
"color12": "#81A1C1",
"color13": "#B48EAD",
"color14": "#8FBCBB",
"color15": "#ECEFF4"
},
"font": { "font": {
"mono": { "mono": {
"name": "Iosevka", "name": "Iosevka",

View File

@ -56,28 +56,28 @@ window:
colors: colors:
primary: primary:
background: "{{ cookiecutter.special.background }}" background: "{{ cookiecutter.base00 }}"
foreground: "{{ cookiecutter.special.foreground }}" foreground: "{{ cookiecutter.base07 }}"
normal: normal:
black: "{{ cookiecutter.colors.color0 }}" black: "{{ cookiecutter.base00 }}"
red: "{{ cookiecutter.colors.color1 }}" red: "{{ cookiecutter.base01 }}"
green: "{{ cookiecutter.colors.color2 }}" green: "{{ cookiecutter.base02 }}"
yellow: "{{ cookiecutter.colors.color3 }}" yellow: "{{ cookiecutter.base03 }}"
blue: "{{ cookiecutter.colors.color4 }}" blue: "{{ cookiecutter.base04 }}"
magenta: "{{ cookiecutter.colors.color5 }}" magenta: "{{ cookiecutter.base05 }}"
cyan: "{{ cookiecutter.colors.color6 }}" cyan: "{{ cookiecutter.base06 }}"
white: "{{ cookiecutter.colors.color7 }}" white: "{{ cookiecutter.base07 }}"
bright: bright:
black: "{{ cookiecutter.colors.color8 }}" black: "{{ cookiecutter.base08 }}"
red: "{{ cookiecutter.colors.color9 }}" red: "{{ cookiecutter.base09 }}"
green: "{{ cookiecutter.colors.color10 }}" green: "{{ cookiecutter.base0A }}"
yellow: "{{ cookiecutter.colors.color11 }}" yellow: "{{ cookiecutter.base0B }}"
blue: "{{ cookiecutter.colors.color12 }}" blue: "{{ cookiecutter.base0C }}"
magenta: "{{ cookiecutter.colors.color13 }}" magenta: "{{ cookiecutter.base0D }}"
cyan: "{{ cookiecutter.colors.color14 }}" cyan: "{{ cookiecutter.base0E }}"
white: "{{ cookiecutter.colors.color15 }}" white: "{{ cookiecutter.base0F }}"
scrolling: scrolling:
@ -93,8 +93,8 @@ scrolling:
# Font configuration (changes require restart) # Font configuration (changes require restart)
font: font:
normal: normal:
family: monospace
family: {{ cookiecutter.font.mono.name }} family: {{ cookiecutter.font.mono.name }}
family: monospace
# Point size # Point size
size: 13.0 size: 13.0

View File

@ -17,7 +17,7 @@ bspc config window_gap 9
bspc config split_ratio 0.50 bspc config split_ratio 0.50
bspc config borderless_monocle true bspc config borderless_monocle true
bspc config gapless_monocle true bspc config gapless_monocle true
bspc config focused_border_color "{{ cookiecutter.colors.color6 }}" bspc config focused_border_color "{{ cookiecutter.base05 }}"
bspc config focus_follows_pointer true bspc config focus_follows_pointer true
# Set the default cursor to pointer # Set the default cursor to pointer

View File

@ -64,7 +64,7 @@
frame_width = 2 frame_width = 2
# Defines color of the frame around the notification window. # Defines color of the frame around the notification window.
frame_color = "{{ cookiecutter.special.foreground }}" frame_color = "{{ cookiecutter.base07 }}"
# Define a color for the separator. # Define a color for the separator.
# possible values are: # possible values are:
@ -167,9 +167,6 @@
# Scale larger icons down to this size, set to 0 to disable # Scale larger icons down to this size, set to 0 to disable
max_icon_size = 32 max_icon_size = 32
# Paths to default icons.
icon_path = /usr/share/icons/Adwaita/16x16/status/:/usr/share/icons/Adwaita/16x16/devices/
### History ### ### History ###
@ -286,8 +283,8 @@
[urgency_low] [urgency_low]
# IMPORTANT: colors have to be defined in quotation marks. # IMPORTANT: colors have to be defined in quotation marks.
# Otherwise the "#" and following would be interpreted as a comment. # Otherwise the "#" and following would be interpreted as a comment.
background = "{{ cookiecutter.special.background }}" background = "{{ cookiecutter.base00 }}"
foreground = "{{ cookiecutter.colors.color15 }}" foreground = "{{ cookiecutter.base0F }}"
timeout = 10 timeout = 10
# Icon for notifications with low urgency, uncomment to enable # Icon for notifications with low urgency, uncomment to enable
#icon = /path/to/icon #icon = /path/to/icon
@ -295,8 +292,8 @@
[urgency_normal] [urgency_normal]
background = "{{ cookiecutter.special.background }}" background = "{{ cookiecutter.base00 }}"
foreground = "{{ cookiecutter.special.foreground }}" foreground = "{{ cookiecutter.base07 }}"
timeout = 10 timeout = 10
# Icon for notifications with normal urgency, uncomment to enable # Icon for notifications with normal urgency, uncomment to enable
#icon = /path/to/icon #icon = /path/to/icon
@ -304,9 +301,9 @@
[urgency_critical] [urgency_critical]
background = "{{ cookiecutter.special.background }}" background = "{{ cookiecutter.base00 }}"
foreground = "{{ cookiecutter.colors.color2 }}" foreground = "{{ cookiecutter.base08 }}"
frame_color = "{{ cookiecutter.colors.color2 }}" frame_color = "{{ cookiecutter.base08 }}"
timeout = 0 timeout = 0
# Icon for notifications with critical urgency, uncomment to enable # Icon for notifications with critical urgency, uncomment to enable
#icon = /path/to/icon #icon = /path/to/icon

View File

@ -2,11 +2,11 @@
; However, formats in RGB is fine. ; However, formats in RGB is fine.
; This is where all of the colors should be placed for those who are lazy to scroll down (like me). ; This is where all of the colors should be placed for those who are lazy to scroll down (like me).
[colors] [colors]
background = "{{ cookiecutter.special.background }}" background = "{{ cookiecutter.base00 }}"
background-light = "{{ cookiecutter.colors.color8 }}" background-light = "{{ cookiecutter.base01 }}"
foreground = "{{ cookiecutter.special.foreground }}" foreground = "{{ cookiecutter.base06 }}"
foreground-light = "{{ cookiecutter.colors.color15 }}" foreground-light = "{{ cookiecutter.base07 }}"
accent = "{{ cookiecutter.colors.color6 }}" accent = "{{ cookiecutter.base08 }}"
; The common style between bars. ; The common style between bars.
@ -24,13 +24,14 @@
module-margin = 1 module-margin = 1
module-padding = 1 module-padding = 1
font-0 = "Iosevka;2" font-1 = "{{ cookiecutter.font.mono.name }};2"
font-1 = "Fira Code;2" font-2 = "Iosevka;2"
font-3 = "Fira Code;2"
; Our fallback fonts are mostly used as icon fonts. ; Our fallback fonts are mostly used as icon fonts.
; For future references, the version of Font Awesome used here is at v5.13.0. ; For future references, the version of Font Awesome used here is at v5.13.0.
; I also installed the font myself that I downloaded from the official website (https://fontawesome.com/). ; I also installed the font myself that I downloaded from the official website (https://fontawesome.com/).
font-2 = "Font Awesome 5 Free,Font Awesome 5 Free Solid:style=Solid;2" font-4 = "Font Awesome 5 Free,Font Awesome 5 Free Solid:style=Solid;2"
; This creates the illusion as if the modules are in the center. ; This creates the illusion as if the modules are in the center.
__border-size = 5 __border-size = 5
@ -59,7 +60,7 @@
modules-left = bspwm modules-left = bspwm
modules-center = date modules-center = date
modules-right = pulseaudio eth memory root-fs modules-right = pulseaudio eth memory root-fs home-fs
[module/root-fs] [module/root-fs]
@ -73,6 +74,17 @@
label-unmounted = N/A label-unmounted = N/A
[module/home-fs]
type = internal/fs
mount-0 = /home
format-mounted-prefix = ""
format-mounted-prefix-margin-right = 1
format-unmounted-prefix = ""
format-unmounted-prefix-margin-right = 1
label-mounted = %free%
label-unmounted = N/A
[module/bspwm] [module/bspwm]
type = internal/bspwm type = internal/bspwm
wrapping-scroll = false wrapping-scroll = false

View File

@ -8,24 +8,24 @@
* { * {
/* The color swatch */ /* The color swatch */
/* Useful for quick editing of the colors */ /* Useful for quick editing of the colors */
background: {{ cookiecutter.special.background }}; background: {{ cookiecutter.base00 }};
foreground: {{ cookiecutter.special.foreground }}; foreground: {{ cookiecutter.base07 }};
color0: {{ cookiecutter.colors.color0 }}; color0: {{ cookiecutter.base00 }};
color1: {{ cookiecutter.colors.color1 }}; color1: {{ cookiecutter.base01 }};
color2: {{ cookiecutter.colors.color2 }}; color2: {{ cookiecutter.base02 }};
color3: {{ cookiecutter.colors.color3 }}; color3: {{ cookiecutter.base03 }};
color4: {{ cookiecutter.colors.color4 }}; color4: {{ cookiecutter.base04 }};
color5: {{ cookiecutter.colors.color5 }}; color5: {{ cookiecutter.base05 }};
color6: {{ cookiecutter.colors.color6 }}; color6: {{ cookiecutter.base06 }};
color7: {{ cookiecutter.colors.color7 }}; color7: {{ cookiecutter.base07 }};
color8: {{ cookiecutter.colors.color8 }}; color8: {{ cookiecutter.base08 }};
color9: {{ cookiecutter.colors.color9 }}; color9: {{ cookiecutter.base09 }};
color10: {{ cookiecutter.colors.color10 }}; color10: {{ cookiecutter.base0A }};
color11: {{ cookiecutter.colors.color11 }}; color11: {{ cookiecutter.base0B }};
color12: {{ cookiecutter.colors.color12 }}; color12: {{ cookiecutter.base0C }};
color13: {{ cookiecutter.colors.color13 }}; color13: {{ cookiecutter.base0D }};
color14: {{ cookiecutter.colors.color14 }}; color14: {{ cookiecutter.base0E }};
color15: {{ cookiecutter.colors.color15 }}; color15: {{ cookiecutter.base0F }};
background-color: @background; background-color: @background;
border-color: @foreground; border-color: @foreground;

View File

@ -1,24 +1,24 @@
* { * {
/* The color configuration */ /* The color swatch */
/* Useful for quick editing in case for compiled templates */ /* Useful for quick editing of the colors */
background: {{ cookiecutter.special.background }}; background: {{ cookiecutter.base00 }};
foreground: {{ cookiecutter.special.foreground }}; foreground: {{ cookiecutter.base07 }};
color0: {{ cookiecutter.colors.color0 }}; color0: {{ cookiecutter.base00 }};
color1: {{ cookiecutter.colors.color1 }}; color1: {{ cookiecutter.base01 }};
color2: {{ cookiecutter.colors.color2 }}; color2: {{ cookiecutter.base02 }};
color3: {{ cookiecutter.colors.color3 }}; color3: {{ cookiecutter.base03 }};
color4: {{ cookiecutter.colors.color4 }}; color4: {{ cookiecutter.base04 }};
color5: {{ cookiecutter.colors.color5 }}; color5: {{ cookiecutter.base05 }};
color6: {{ cookiecutter.colors.color6 }}; color6: {{ cookiecutter.base06 }};
color7: {{ cookiecutter.colors.color7 }}; color7: {{ cookiecutter.base07 }};
color8: {{ cookiecutter.colors.color8 }}; color8: {{ cookiecutter.base08 }};
color9: {{ cookiecutter.colors.color9 }}; color9: {{ cookiecutter.base09 }};
color10: {{ cookiecutter.colors.color10 }}; color10: {{ cookiecutter.base0A }};
color11: {{ cookiecutter.colors.color11 }}; color11: {{ cookiecutter.base0B }};
color12: {{ cookiecutter.colors.color12 }}; color12: {{ cookiecutter.base0C }};
color13: {{ cookiecutter.colors.color13 }}; color13: {{ cookiecutter.base0D }};
color14: {{ cookiecutter.colors.color14 }}; color14: {{ cookiecutter.base0E }};
color15: {{ cookiecutter.colors.color15 }}; color15: {{ cookiecutter.base0F }};
/* Theme settings */ /* Theme settings */
highlight: bold italic; highlight: bold italic;

View File

@ -1,24 +1,24 @@
* { * {
/* The color configuration */ /* The color swatch */
/* Useful for quick editing in case for compiled templates */ /* Useful for quick editing of the colors */
background: {{ cookiecutter.special.background }}; background: {{ cookiecutter.base00 }};
foreground: {{ cookiecutter.special.foreground }}; foreground: {{ cookiecutter.base07 }};
color0: {{ cookiecutter.colors.color0 }}; color0: {{ cookiecutter.base00 }};
color1: {{ cookiecutter.colors.color1 }}; color1: {{ cookiecutter.base01 }};
color2: {{ cookiecutter.colors.color2 }}; color2: {{ cookiecutter.base02 }};
color3: {{ cookiecutter.colors.color3 }}; color3: {{ cookiecutter.base03 }};
color4: {{ cookiecutter.colors.color4 }}; color4: {{ cookiecutter.base04 }};
color5: {{ cookiecutter.colors.color5 }}; color5: {{ cookiecutter.base05 }};
color6: {{ cookiecutter.colors.color6 }}; color6: {{ cookiecutter.base06 }};
color7: {{ cookiecutter.colors.color7 }}; color7: {{ cookiecutter.base07 }};
color8: {{ cookiecutter.colors.color8 }}; color8: {{ cookiecutter.base08 }};
color9: {{ cookiecutter.colors.color9 }}; color9: {{ cookiecutter.base09 }};
color10: {{ cookiecutter.colors.color10 }}; color10: {{ cookiecutter.base0A }};
color11: {{ cookiecutter.colors.color11 }}; color11: {{ cookiecutter.base0B }};
color12: {{ cookiecutter.colors.color12 }}; color12: {{ cookiecutter.base0C }};
color13: {{ cookiecutter.colors.color13 }}; color13: {{ cookiecutter.base0D }};
color14: {{ cookiecutter.colors.color14 }}; color14: {{ cookiecutter.base0E }};
color15: {{ cookiecutter.colors.color15 }}; color15: {{ cookiecutter.base0F }};
/* General theme settings */ /* General theme settings */
highlight: bold italic; highlight: bold italic;