A Regex file extension that makes it way easier to edit large regex.
better background colors
1 file changed, +23 -27
+23-27src/decorationSelector.ts
| @@ -2,36 +2,31 @@ import * as vscode from "vscode"; | ||
| 2 | 2 | |
| 3 | 3 | const BACKGROUND_COLORS = [ |
| 4 | 4 | "rgba(255, 255, 255, 0.2)", // White (For outer group) |
| 5 | - "rgba(255, 0, 0, 0.5)", // Red | |
| 6 | - "rgba(0, 255, 0, 0.5)", // Lime | |
| 7 | - "rgba(0, 0, 255, 0.5)", // Blue | |
| 8 | - "rgba(255, 255, 0, 0.5)", // Yellow | |
| 9 | - "rgba(255, 0, 255, 0.5)", // Magenta | |
| 10 | - "rgba(0, 255, 255, 0.5)", // Cyan | |
| 11 | - "rgba(255, 165, 0, 0.5)", // Orange | |
| 12 | - "rgba(255, 20, 147, 0.5)", // Deep Pink | |
| 13 | - "rgba(75, 0, 130, 0.5)", // Indigo | |
| 14 | - "rgba(238, 130, 238, 0.5)", // Violet | |
| 15 | - "rgba(138, 43, 226, 0.5)", // Blue Violet | |
| 16 | - "rgba(95, 158, 160, 0.5)", // Cadet Blue | |
| 17 | - "rgba(127, 255, 0, 0.5)", // Chartreuse | |
| 18 | - "rgba(210, 105, 30, 0.5)", // Chocolate | |
| 19 | - "rgba(255, 127, 80, 0.5)", // Coral | |
| 20 | - "rgba(100, 149, 237, 0.5)", // Cornflower Blue | |
| 21 | - "rgba(220, 20, 60, 0.5)", // Crimson | |
| 22 | - "rgba(0, 206, 209, 0.5)", // Dark Turquoise | |
| 23 | - "rgba(148, 0, 211, 0.5)", // Dark Violet | |
| 5 | + "rgba(255, 99, 71, 0.5)", // Light Coral | |
| 6 | + "rgba(255, 140, 0, 0.5)", // Dark Orange | |
| 24 | 7 | "rgba(255, 215, 0, 0.5)", // Gold |
| 25 | - "rgba(173, 255, 47, 0.5)", // Green Yellow | |
| 26 | - "rgba(255, 105, 180, 0.5)", // Hot Pink | |
| 27 | - "rgba(205, 92, 92, 0.5)", // Indian Red | |
| 28 | 8 | "rgba(240, 230, 140, 0.5)", // Khaki |
| 29 | - "rgba(230, 230, 250, 0.5)", // Lavender | |
| 30 | - "rgba(124, 252, 0, 0.5)", // Lawn Green | |
| 31 | - "rgba(32, 178, 170, 0.5)", // Light Sea Green | |
| 9 | + "rgba(144, 238, 144, 0.5)", // Light Green | |
| 10 | + "rgba(152, 251, 152, 0.5)", // Pale Green | |
| 11 | + "rgba(60, 179, 113, 0.5)", // Medium Sea Green | |
| 32 | 12 | "rgba(135, 206, 250, 0.5)", // Light Sky Blue |
| 33 | - "rgba(255, 99, 71, 0.5)", // Tomato | |
| 34 | - "rgba(50, 205, 50, 0.5)", // Lime Green | |
| 13 | + "rgba(173, 216, 230, 0.5)", // Light Blue | |
| 14 | + "rgba(135, 206, 235, 0.5)", // Sky Blue | |
| 15 | + "rgba(221, 160, 221, 0.5)", // Plum | |
| 16 | + "rgba(216, 191, 216, 0.5)", // Thistle | |
| 17 | + "rgba(240, 128, 128, 0.5)", // Light Salmon | |
| 18 | + "rgba(245, 222, 179, 0.5)", // Wheat | |
| 19 | + "rgba(255, 192, 203, 0.5)", // Pink | |
| 20 | + "rgba(255, 182, 193, 0.5)", // Light Pink | |
| 21 | + "rgba(238, 232, 170, 0.5)", // Pale Goldenrod | |
| 22 | + "rgba(255, 228, 196, 0.5)", // Bisque | |
| 23 | + "rgba(255, 218, 185, 0.5)", // Peach Puff | |
| 24 | + "rgba(175, 238, 238, 0.5)", // Pale Turquoise | |
| 25 | + "rgba(224, 255, 255, 0.5)", // Light Cyan | |
| 26 | + "rgba(240, 255, 240, 0.5)", // Honeydew | |
| 27 | + "rgba(250, 250, 210, 0.5)", // Light Goldenrod Yellow | |
| 28 | + "rgba(245, 245, 220, 0.5)", // Beige | |
| 29 | + "rgba(255, 250, 205, 0.5)", // Lemon Chiffon | |
| 35 | 30 | ]; |
| 36 | 31 | |
| 37 | 32 | class DecorationSelector { |
| @@ -44,6 +39,7 @@ class DecorationSelector { | ||
| 44 | 39 | vscode.window.createTextEditorDecorationType({ |
| 45 | 40 | backgroundColor: color, |
| 46 | 41 | color: "black", |
| 42 | + fontWeight: "900", | |
| 47 | 43 | }) |
| 48 | 44 | ); |
| 49 | 45 | } |