[WIP] カラー+スタイルの調整 [HCT版]

package.json

@@ -38,6 +38,7 @@
   },
   "dependencies": {
     "@gtm-support/vue-gtm": "1.2.3",
+    "@material/material-color-utilities": "0.3.0",
     "@quasar/extras": "1.10.10",
     "@sevenc-nanashi/utaformatix-ts": "npm:@jsr/[email protected]",
     "async-lock": "1.4.0",

public/color-schemes/default.json

@@ -0,0 +1,171 @@
+{
+  "name": "デフォルト",
+  "sourceColor": "#A5D4AD",
+  "variant": "tonalSpot",
+  "contrastLevel": 0.0,
+  "adjustments": {
+    "neutral": { "chroma": 0 },
+    "neutralVariant": { "chroma": 6 },
+    "tertiary": { "hex": "#ffc919" },
+    "error": { "hex": "#d04756" }
+  },
+  "customPaletteColors": [
+    {
+      "name": "singGridCellWhite",
+      "palette": "neutral",
+      "lightTone": 100,
+      "darkTone": 15,
+      "blend": true,
+      "contrastVs": {
+        "singGridCellBlack": 1.0
+      }
+    },
+    {
+      "name": "singGridCellBlack",
+      "palette": "neutral",
+      "lightTone": 98,
+      "darkTone": 12,
+      "blend": true,
+      "contrastVs": {
+        "singGridCellWhite": 1.0
+      }
+    },
+    {
+      "name": "singRulerMeasureLine",
+      "palette": "neutralVariant",
+      "lightTone": 50,
+      "darkTone": 50,
+      "blend": true,
+      "contrastVs": {
+        "surfaceContainer": 1.5
+      }
+    },
+    {
+      "name": "singRulerBeatLine",
+      "palette": "neutralVariant",
+      "lightTone": 70,
+      "darkTone": 40,
+      "blend": true,
+      "contrastVs": {
+        "surfaceContainerHigh": 1.2
+      }
+    },
+    {
+      "name": "singGridVerticalLine",
+      "palette": "neutral",
+      "lightTone": 95,
+      "darkTone": 10,
+      "blend": true,
+      "contrastVs": {
+        "singGridCellBlack": 1.2
+      }
+    },
+    {
+      "name": "singGridHorizontalLine",
+      "palette": "neutral",
+      "lightTone": 95,
+      "darkTone": 10,
+      "blend": true,
+      "contrastVs": {
+        "singGridCellBlack": 1.2
+      }
+    },
+    {
+      "name": "singGridMeasureLine",
+      "palette": "neutral",
+      "lightTone": 80,
+      "darkTone": 40,
+      "blend": true,
+      "contrastVs": {
+        "singGridCellBlack": 1.5
+      }
+    },
+    {
+      "name": "singGridBeatLine",
+      "palette": "neutral",
+      "lightTone": 90,
+      "darkTone": 0,
+      "blend": true,
+      "contrastVs": {
+        "singGridCellBlack": 1.2
+      }
+    },
+    {
+      "name": "singGridOctaveLine",
+      "palette": "neutral",
+      "lightTone": 80,
+      "darkTone": 40,
+      "blend": true,
+      "contrastVs": {
+        "singGridCellBlack": 1.5
+      }
+    },
+    {
+      "name": "singPianoKeyWhite",
+      "palette": "neutral",
+      "lightTone": 99,
+      "darkTone": 70,
+      "blend": true,
+      "contrastVs": {
+        "singPianoKeyBlack": 3.0
+      }
+    },
+    {
+      "name": "singPianoKeyBlack",
+      "palette": "neutral",
+      "lightTone": 40,
+      "darkTone": 20,
+      "blend": true,
+      "contrastVs": {
+        "singPianoKeyWhite": 3.0
+      }
+    },
+    {
+      "name": "singNoteBarContainer",
+      "palette": "secondary",
+      "lightTone": 90,
+      "darkTone": 70,
+      "blend": true,
+      "contrastVs": {
+        "singGridCellBlack": 3.0
+      }
+    },
+    {
+      "name": "singNoteBarOutline",
+      "palette": "neutral",
+      "lightTone": 40,
+      "darkTone": 30,
+      "blend": true,
+      "contrastVs": {
+        "singGridCellBlack": 3.0
+      }
+    },
+    {
+      "name": "singToolbarContainer",
+      "palette": "neutral",
+      "lightTone": 99,
+      "darkTone": 10,
+      "blend": true,
+      "contrastVs": {
+        "outline": 1.5
+      }
+    }
+  ],
+  "customDefinedColors": [
+    {
+      "name": "primitive-primary",
+      "value": "#A5D4AD",
+      "blend": true
+    },
+    {
+      "name": "primitive-blue",
+      "value": "#0969da",
+      "blend": true
+    },
+    {
+      "name": "primitive-red",
+      "value": "#d04756",
+      "blend": true
+    }
+  ]
+}

public/color-schemes/monochrome.json

@@ -0,0 +1,122 @@
+{
+  "name": "モノクローム",
+  "sourceColor": "#A5D4AD",
+  "variant": "monochrome",
+  "isDark": false,
+  "contrastLevel": 0.1,
+  "adjustments": {
+    "neutral": {
+      "chroma": 0
+    },
+    "neutralVariant": {
+      "chroma": 6
+    },
+    "tertiary": {
+      "hex": "#ffc919"
+    },
+    "error": {
+      "hex": "#d04756"
+    }
+  },
+  "customPaletteColors": [
+    {
+      "name": "sing-grid-cell-white",
+      "palette": "neutral",
+      "lightTone": 100,
+      "darkTone": 15,
+      "blend": true
+    },
+    {
+      "name": "sing-grid-cell-black",
+      "palette": "neutral",
+      "lightTone": 96,
+      "darkTone": 12,
+      "blend": true
+    },
+    {
+      "name": "sing-ruler-beat-line",
+      "palette": "neutralVariant",
+      "lightTone": 70,
+      "darkTone": 40,
+      "blend": true
+    },
+    {
+      "name": "sing-ruler-measure-line",
+      "palette": "neutralVariant",
+      "lightTone": 50,
+      "darkTone": 50,
+      "blend": true
+    },
+    {
+      "name": "sing-grid-vertical-line",
+      "palette": "neutral",
+      "lightTone": 95,
+      "darkTone": 10,
+      "blend": true
+    },
+    {
+      "name": "sing-grid-horizontal-line",
+      "palette": "neutral",
+      "lightTone": 95,
+      "darkTone": 10,
+      "blend": true
+    },
+    {
+      "name": "sing-grid-beat-line",
+      "palette": "neutral",
+      "lightTone": 90,
+      "darkTone": 0,
+      "blend": true
+    },
+    {
+      "name": "sing-grid-measure-line",
+      "palette": "neutral",
+      "lightTone": 80,
+      "darkTone": 40,
+      "blend": true
+    },
+    {
+      "name": "sing-grid-octave-line",
+      "palette": "neutral",
+      "lightTone": 80,
+      "darkTone": 40,
+      "blend": true
+    },
+    {
+      "name": "sing-piano-key-white",
+      "palette": "neutral",
+      "lightTone": 99,
+      "darkTone": 70,
+      "blend": true
+    },
+    {
+      "name": "sing-piano-key-black",
+      "palette": "neutral",
+      "lightTone": 40,
+      "darkTone": 20,
+      "blend": true
+    },
+    {
+      "name": "sing-note-bar-container",
+      "palette": "secondary",
+      "lightTone": 90,
+      "darkTone": 70,
+      "blend": true
+    },
+    {
+      "name": "sing-note-bar-outline",
+      "palette": "neutral",
+      "lightTone": 40,
+      "darkTone": 30,
+      "blend": true
+    },
+    {
+      "name": "sing-toolbar-container",
+      "palette": "neutral",
+      "lightTone": 100,
+      "darkTone": 10,
+      "blend": true
+    }
+  ],
+  "customDefinedColors": []
+}