iris-rev8-reverie/keymap-drawer-config.yaml at main · mattyspangler/iris-rev8-reverie · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
# Styling and drawing configuration for keymap-drawer
# IMPORTANT: When adding new layers, you must:
# 1. Add background color rule: svg.keymap g.layer-NEWLAYER rect.key { fill: #color; stroke: #color; }
# 2. Add text contrast rule: svg.keymap g.layer-NEWLAYER text { fill: #ffffff; }
# Layer names must match enum names from keymap.c (without underscore prefix)
draw_config:
  # Key dimensions (adjust for aesthetics)
  key_h: 50
  key_w: 50

  # Multi-column layout for better layer organization
  n_columns: 2

  # Enable dark mode for modern look
  dark_mode: true

  # Footer with layer information
  footer_text: "Iris Rev 8 - Reverie"

  # Custom CSS styling for layer-specific background colors matching RGB lighting
  # Layer names must match enum names from keymap.c (without underscore prefix)
  svg_extra_style: |
    svg.keymap g.layer-BASE rect.key { fill: #9300ff !important; stroke: #9300ff !important; } /* Star Platinum Purple */
    svg.keymap g.layer-FUNCTION rect.key { fill: #0fee00 !important; stroke: #0fee00 !important; }  /* Squeeze Toy Alien */
    svg.keymap g.layer-NUMBERS rect.key { fill: #2000ff !important; stroke: #2000ff !important; }  /* Blue Pencil */
    svg.keymap g.layer-SYMBOLS rect.key { fill: #ff0000 !important; stroke: #ff0000 !important; } /* Red */
    svg.keymap g.layer-SYSTEM rect.key { fill: #f6ff00 !important; stroke: #f6ff00 !important; } /* Busy Bee */
    svg.keymap g.layer-GAMING rect.key { fill: #00fff4 !important; stroke: #00fff4 !important; } /* Turquoise Blue */
    svg.keymap g.layer-MACRO rect.key { fill: #ff008e !important; stroke: #ff008e !important; } /* Pink Panther */

    /* Make transparent keys have reduced opacity */
    rect.ghost {
      fill: #666666 !important;
      opacity: 0.3 !important;
    }

    /* Better contrast for text on colored backgrounds */
    /* Add new layers here: svg.keymap g.layer-NEWLAYER text { fill: #000000; } */

    /* Layer title styling - GitHub-friendly colors */
    text.label {
      fill: #ffffff !important;
      font-weight: bold !important;
      font-size: 16px !important;
      font-family: Arial, sans-serif !important;
      stroke: #000000 !important;
      stroke-width: 3px !important;
      paint-order: stroke !important;
    }

    /* Key text styling by layer (excluding labels) */
    svg.keymap g.layer-BASE text:not(.label),
    svg.keymap g.layer-NUMBERS text:not(.label) {
      fill: #ffffff !important;
      font-weight: bold !important;
      font-size: 14px !important;
    }
    svg.keymap g.layer-FUNCTION text:not(.label),
    svg.keymap g.layer-SYMBOLS text:not(.label),
    svg.keymap g.layer-SYSTEM text:not(.label),
    svg.keymap g.layer-GAMING text:not(.label),
    svg.keymap g.layer-MACRO text:not(.label) {
      fill: #000000 !important;
      font-weight: bold !important;
      font-size: 14px !important;
    }

    /* Held/accent keys */
    rect.held {
      fill: #ff6b6b !important;
      opacity: 0.8 !important;
    }

    /* Combo styling */
    rect.combo {
      fill: #4ecdc4 !important;
      opacity: 0.7 !important;
    }

  # Combo settings (if you add combos later)
  combo_h: 20
  combo_w: 40
  separate_combo_diagrams: true