Add skeuomorphic modern style support

This commit is contained in:
2026-03-12 12:08:54 -04:00
parent edc6d84ede
commit 29f9371c1e
5 changed files with 948 additions and 146 deletions

176
styles.py
View File

@@ -24,9 +24,17 @@ TEMPLATES_DIR = Path(__file__).parent / "templates"
THEME_CONFIGS = {
"brutalism": {
"colors": [
"#ff0000", "#0000ff", "#ffff00", "#00ff00", "#ff00ff",
"#00ffff", "#ff8800", "#8800ff", "#0088ff", "#88ff00",
"#888888"
"#ff0000",
"#0000ff",
"#ffff00",
"#00ff00",
"#ff00ff",
"#00ffff",
"#ff8800",
"#8800ff",
"#0088ff",
"#88ff00",
"#888888",
],
"fontFamily": "'Courier New', monospace",
"fontWeight": "bold",
@@ -42,13 +50,21 @@ THEME_CONFIGS = {
"tooltipBorderColor": "#ffffff",
"tooltipBorderWidth": 2,
"tooltipCornerRadius": 0,
"uppercaseTooltip": True
"uppercaseTooltip": True,
},
"glassmorphism": {
"colors": [
"#6366f1", "#8b5cf6", "#ec4899", "#f43f5e", "#f97316",
"#eab308", "#22c55e", "#14b8a6", "#06b6d4", "#3b82f6",
"#64748b"
"#6366f1",
"#8b5cf6",
"#ec4899",
"#f43f5e",
"#f97316",
"#eab308",
"#22c55e",
"#14b8a6",
"#06b6d4",
"#3b82f6",
"#64748b",
],
"fontFamily": "'Inter', sans-serif",
"fontWeight": "normal",
@@ -64,13 +80,51 @@ THEME_CONFIGS = {
"tooltipBorderColor": "transparent",
"tooltipBorderWidth": 0,
"tooltipCornerRadius": 8,
"uppercaseTooltip": False
"uppercaseTooltip": False,
},
"skeuo": {
"colors": [
"#8b4a2c",
"#a65d37",
"#bf7748",
"#d58a60",
"#e0a97f",
"#6d4f34",
"#857153",
"#9e8362",
"#b58f6c",
"#c9a67f",
"#7f7f7f",
],
"fontFamily": "'Trebuchet MS', 'Lucida Grande', sans-serif",
"fontWeight": "600",
"pointStyle": "rectRounded",
"textColorLight": "#2c2218",
"textColorDark": "#f4e7d5",
"borderColorLight": "rgba(75, 55, 36, 0.35)",
"borderColorDark": "rgba(219, 188, 156, 0.3)",
"borderWidth": 2,
"tooltipBg": "rgba(46, 33, 23, 0.92)",
"tooltipTitleColor": "#f4e7d5",
"tooltipBodyColor": "#f4e7d5",
"tooltipBorderColor": "#d5a67f",
"tooltipBorderWidth": 1,
"tooltipCornerRadius": 10,
"uppercaseTooltip": False,
},
"neumorphism": {
"colors": [
"#6366f1", "#8b5cf6", "#ec4899", "#f43f5e", "#f97316",
"#eab308", "#22c55e", "#14b8a6", "#06b6d4", "#3b82f6",
"#64748b"
"#6366f1",
"#8b5cf6",
"#ec4899",
"#f43f5e",
"#f97316",
"#eab308",
"#22c55e",
"#14b8a6",
"#06b6d4",
"#3b82f6",
"#64748b",
],
"fontFamily": "'Inter', sans-serif",
"fontWeight": "normal",
@@ -86,13 +140,21 @@ THEME_CONFIGS = {
"tooltipBorderColor": "transparent",
"tooltipBorderWidth": 0,
"tooltipCornerRadius": 8,
"uppercaseTooltip": False
"uppercaseTooltip": False,
},
"material": {
"colors": [
"#6200ee", "#03dac6", "#3700b3", "#018786", "#b00020",
"#ff0266", "#aa00ff", "#0091ea", "#00c853", "#ffd600",
"#757575"
"#6200ee",
"#03dac6",
"#3700b3",
"#018786",
"#b00020",
"#ff0266",
"#aa00ff",
"#0091ea",
"#00c853",
"#ffd600",
"#757575",
],
"fontFamily": "'Roboto', sans-serif",
"fontWeight": "normal",
@@ -108,13 +170,21 @@ THEME_CONFIGS = {
"tooltipBorderColor": "transparent",
"tooltipBorderWidth": 0,
"tooltipCornerRadius": 4,
"uppercaseTooltip": False
"uppercaseTooltip": False,
},
"flat": {
"colors": [
"#ffadad", "#ffd6a5", "#fdffb6", "#caffbf", "#9bf6ff",
"#a0c4ff", "#bdb2ff", "#ffc6ff", "#ff9aa2", "#e2f0cb",
"#b5ead7"
"#ffadad",
"#ffd6a5",
"#fdffb6",
"#caffbf",
"#9bf6ff",
"#a0c4ff",
"#bdb2ff",
"#ffc6ff",
"#ff9aa2",
"#e2f0cb",
"#b5ead7",
],
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
"fontWeight": "500",
@@ -130,13 +200,21 @@ THEME_CONFIGS = {
"tooltipBorderColor": "transparent",
"tooltipBorderWidth": 0,
"tooltipCornerRadius": 12,
"uppercaseTooltip": False
"uppercaseTooltip": False,
},
"synthwave": {
"colors": [
"#ff00ff", "#00ffff", "#ffff00", "#ff0055", "#00ff99",
"#7a5af8", "#ff8800", "#ff00aa", "#00ccff", "#ccff00",
"#999999"
"#ff00ff",
"#00ffff",
"#ffff00",
"#ff0055",
"#00ff99",
"#7a5af8",
"#ff8800",
"#ff00aa",
"#00ccff",
"#ccff00",
"#999999",
],
"fontFamily": "'Orbitron', 'Segoe UI', sans-serif",
"fontWeight": "bold",
@@ -152,13 +230,21 @@ THEME_CONFIGS = {
"tooltipBorderColor": "#ff00ff",
"tooltipBorderWidth": 1,
"tooltipCornerRadius": 0,
"uppercaseTooltip": True
"uppercaseTooltip": True,
},
"vaporwave": {
"colors": [
"#ff71ce", "#01cdfe", "#05ffa1", "#b967ff", "#fffb96",
"#ff99cc", "#99ccff", "#ccff99", "#ffcc99", "#ffffcc",
"#e0e0e0"
"#ff71ce",
"#01cdfe",
"#05ffa1",
"#b967ff",
"#fffb96",
"#ff99cc",
"#99ccff",
"#ccff99",
"#ffcc99",
"#ffffcc",
"#e0e0e0",
],
"fontFamily": "'MS PGothic', 'Palatino Linotype', serif",
"fontWeight": "normal",
@@ -174,13 +260,21 @@ THEME_CONFIGS = {
"tooltipBorderColor": "#01cdfe",
"tooltipBorderWidth": 2,
"tooltipCornerRadius": 4,
"uppercaseTooltip": False
"uppercaseTooltip": False,
},
"terminal": {
"colors": [
"#00ff00", "#00cc00", "#009900", "#006600", "#003300",
"#33ff33", "#66ff66", "#99ff99", "#ccffcc", "#ffffff",
"#888888"
"#00ff00",
"#00cc00",
"#009900",
"#006600",
"#003300",
"#33ff33",
"#66ff66",
"#99ff99",
"#ccffcc",
"#ffffff",
"#888888",
],
"fontFamily": "'Courier New', Courier, monospace",
"fontWeight": "bold",
@@ -196,13 +290,21 @@ THEME_CONFIGS = {
"tooltipBorderColor": "#00ff00",
"tooltipBorderWidth": 1,
"tooltipCornerRadius": 0,
"uppercaseTooltip": True
"uppercaseTooltip": True,
},
"highcontrast": {
"colors": [
"#888888", "#444444", "#cccccc", "#666666", "#aaaaaa",
"#333333", "#dddddd", "#555555", "#bbbbbb", "#222222",
"#999999"
"#888888",
"#444444",
"#cccccc",
"#666666",
"#aaaaaa",
"#333333",
"#dddddd",
"#555555",
"#bbbbbb",
"#222222",
"#999999",
],
"fontFamily": "Arial, Helvetica, sans-serif",
"fontWeight": "900",
@@ -218,8 +320,8 @@ THEME_CONFIGS = {
"tooltipBorderColor": "#ffffff",
"tooltipBorderWidth": 3,
"tooltipCornerRadius": 0,
"uppercaseTooltip": True
}
"uppercaseTooltip": True,
},
}