diff --git a/packages/theme/src/v2/CHANGELOG.md b/packages/theme/src/v2/CHANGELOG.md index c95629e..195d721 100644 --- a/packages/theme/src/v2/CHANGELOG.md +++ b/packages/theme/src/v2/CHANGELOG.md @@ -264,4 +264,177 @@ None - `layer/background/modal` - dark: `#00000038` → `#00000085` - `layer/background/modalWhite` - - dark: `#ffffff` → `#ffffff2b` \ No newline at end of file + - dark: `#ffffff` → `#ffffff2b` + +# 2024-10-11 15:38 +### New + +- `chip/label/blue` + - light: `#e6f5ff` + - dark: `#004b7b` +- `chip/label/green` + - light: `#dcfdd7` + - dark: `#225c18` +- `chip/label/grey` + - light: `#e6e6e6` + - dark: `#414141` +- `chip/label/magenta` + - light: `#ffecf6` + - dark: `#5f0a35` +- `chip/label/orange` + - light: `#ffebd5` + - dark: `#843b06` +- `chip/label/purple` + - light: `#ede9ff` + - dark: `#25136d` +- `chip/label/red` + - light: `#fce5e6` + - dark: `#460606` +- `chip/label/teal` + - light: `#d7fbf6` + - dark: `#1c6b63` +- `chip/label/text` + - light: `#00000085` + - dark: `#ffffffab` +- `chip/label/white` + - light: `#f5f5f5` + - dark: `#252525` +- `chip/label/yellow` + - light: `#fef3c7` + - dark: `#ac7400` +- `chip/tag/blue` + - light: `#84cfff` + - dark: `#84cfff` +- `chip/tag/green` + - light: `#69b87d` + - dark: `#69b87d` +- `chip/tag/grey` + - light: `#b3b3b3` + - dark: `#b3b3b3` +- `chip/tag/orange` + - light: `#ff8c38` + - dark: `#ff8c38` +- `chip/tag/purple` + - light: `#7c3aed` + - dark: `#7c3aed` +- `chip/tag/red` + - light: `#ed3f3f` + - dark: `#ed3f3f` +- `chip/tag/teal` + - light: `#8be7dc` + - dark: `#8be7dc` +- `chip/tag/yellow` + - light: `#facc15` + - dark: `#facc15` +- `shadow/noteShadow/boxShadow/1-color` + - light: `#00000024` + - dark: `#00000066` +- `shadow/noteShadow/boxShadow/2-color` + - light: `#00000024` + - dark: `#0000004d` +- `shadow/noteShadow/noteActiveShadow/color` + - light: `#ffffff` + - dark: `#ffffff` +- `shadow/noteShadow/stickerShadow/1-color` + - light: `#00000029` + - dark: `#0000004d` +- `shadow/noteShadow/stickerShadow/2-color` + - light: `#0000000d` + - dark: `#0000001f` +- `shadow/activeShadow/color` + - light: `#1c9ee44d` + - dark: `#1c9ee44d` +- `shadow/buttonShadow/1-color` + - light: `#0000001f` + - dark: `#00000033` +- `shadow/buttonShadow/2-color` + - light: `#0000001f` + - dark: `#0000004d` +- `shadow/embedShadow/color` + - light: `#00000014` + - dark: `#ffffff24` +- `shadow/overlayPanelShadow/1-color` + - light: `#00000029` + - dark: `#00000033` +- `shadow/overlayPanelShadow/2-color` + - light: `#00000014` + - dark: `#0000004d` + +### Removed + +- `label/blue` + - light: ~~`#e6f5ff`~~ + - dark: ~~`#004b7b`~~ +- `label/green` + - light: ~~`#dcfdd7`~~ + - dark: ~~`#225c18`~~ +- `label/grey` + - light: ~~`#e6e6e6`~~ + - dark: ~~`#414141`~~ +- `label/magenta` + - light: ~~`#ffecf6`~~ + - dark: ~~`#5f0a35`~~ +- `label/orange` + - light: ~~`#ffebd5`~~ + - dark: ~~`#843b06`~~ +- `label/purple` + - light: ~~`#ede9ff`~~ + - dark: ~~`#25136d`~~ +- `label/red` + - light: ~~`#fce5e6`~~ + - dark: ~~`#460606`~~ +- `label/teal` + - light: ~~`#d7fbf6`~~ + - dark: ~~`#1c6b63`~~ +- `label/text` + - light: ~~`#00000085`~~ + - dark: ~~`#ffffffab`~~ +- `label/white` + - light: ~~`#f5f5f5`~~ + - dark: ~~`#252525`~~ +- `label/yellow` + - light: ~~`#fef3c7`~~ + - dark: ~~`#ac7400`~~ +- `shadow/edgelessNotes/stickerShadow/1-color` + - light: ~~`#00000029`~~ + - dark: ~~`#0000004d`~~ +- `shadow/edgelessNotes/stickerShadow/2-color` + - light: ~~`#0000000d`~~ + - dark: ~~`#0000001f`~~ +- `shadow/edgelessNotes/boxShadow/1-color` + - light: ~~`#00000024`~~ + - dark: ~~`#00000066`~~ +- `shadow/edgelessNotes/boxShadow/2-color` + - light: ~~`#00000024`~~ + - dark: ~~`#0000004d`~~ +- `shadow/edgelessNotes/noteActiveShadow/color` + - light: ~~`#ffffff`~~ + - dark: ~~`#ffffff`~~ +- `tag/blue` + - light: ~~`#84cfff`~~ + - dark: ~~`#84cfff`~~ +- `tag/green` + - light: ~~`#69b87d`~~ + - dark: ~~`#69b87d`~~ +- `tag/grey` + - light: ~~`#b3b3b3`~~ + - dark: ~~`#b3b3b3`~~ +- `tag/orange` + - light: ~~`#ff8c38`~~ + - dark: ~~`#ff8c38`~~ +- `tag/purple` + - light: ~~`#7c3aed`~~ + - dark: ~~`#7c3aed`~~ +- `tag/red` + - light: ~~`#ed3f3f`~~ + - dark: ~~`#ed3f3f`~~ +- `tag/teal` + - light: ~~`#8be7dc`~~ + - dark: ~~`#8be7dc`~~ +- `tag/yellow` + - light: ~~`#facc15`~~ + - dark: ~~`#facc15`~~ + +### Updated + +None \ No newline at end of file diff --git a/packages/theme/src/v2/source/variables.json b/packages/theme/src/v2/source/variables.json index 6fc487c..5392870 100644 --- a/packages/theme/src/v2/source/variables.json +++ b/packages/theme/src/v2/source/variables.json @@ -296,6 +296,120 @@ "var": "Text/primary", "rootAlias": "Grey/950" }, + { + "name": "Chip/Label/blue", + "value": "#e6f5ff", + "var": "Blue/50", + "rootAlias": "Blue/50" + }, + { + "name": "Chip/Label/green", + "value": "#dcfdd7", + "var": "Green/50", + "rootAlias": "Green/50" + }, + { + "name": "Chip/Label/grey", + "value": "#e6e6e6", + "var": "Grey/200", + "rootAlias": "Grey/200" + }, + { + "name": "Chip/Label/magenta", + "value": "#ffecf6", + "var": "Magenta/25", + "rootAlias": "Magenta/25" + }, + { + "name": "Chip/Label/orange", + "value": "#ffebd5", + "var": "Orange/50", + "rootAlias": "Orange/50" + }, + { + "name": "Chip/Label/purple", + "value": "#ede9ff", + "var": "Purple/50", + "rootAlias": "Purple/50" + }, + { + "name": "Chip/Label/red", + "value": "#fce5e6", + "var": "Red/50", + "rootAlias": "Red/50" + }, + { + "name": "Chip/Label/teal", + "value": "#d7fbf6", + "var": "Teal/100", + "rootAlias": "Teal/100" + }, + { + "name": "Chip/Label/text", + "value": "#00000085", + "var": "Transparent/black/500 (52%)", + "rootAlias": "Transparent/black/500 (52%)" + }, + { + "name": "Chip/Label/white", + "value": "#f5f5f5", + "var": "Grey/50", + "rootAlias": "Grey/50" + }, + { + "name": "Chip/Label/yellow", + "value": "#fef3c7", + "var": "Amber/100", + "rootAlias": "Amber/100" + }, + { + "name": "Chip/Tag/blue", + "value": "#84cfff", + "var": "Blue/600", + "rootAlias": "Blue/600" + }, + { + "name": "Chip/Tag/green", + "value": "#69b87d", + "var": "Emerald/500", + "rootAlias": "Emerald/500" + }, + { + "name": "Chip/Tag/grey", + "value": "#b3b3b3", + "var": "Grey/400", + "rootAlias": "Grey/400" + }, + { + "name": "Chip/Tag/orange", + "value": "#ff8c38", + "var": "Orange/600", + "rootAlias": "Orange/600" + }, + { + "name": "Chip/Tag/purple", + "value": "#7c3aed", + "var": "Violet/600", + "rootAlias": "Violet/600" + }, + { + "name": "Chip/Tag/red", + "value": "#ed3f3f", + "var": "Red/600", + "rootAlias": "Red/600" + }, + { + "name": "Chip/Tag/teal", + "value": "#8be7dc", + "var": "Teal/500", + "rootAlias": "Teal/500" + }, + { + "name": "Chip/Tag/yellow", + "value": "#facc15", + "var": "Yellow/600", + "rootAlias": "Yellow/600" + }, { "name": "Database/border", "value": "#0000001a", @@ -1046,72 +1160,6 @@ "var": "Transparent/black/200 (10%)", "rootAlias": "Transparent/black/200 (10%)" }, - { - "name": "Label/blue", - "value": "#e6f5ff", - "var": "Blue/50", - "rootAlias": "Blue/50" - }, - { - "name": "Label/green", - "value": "#dcfdd7", - "var": "Green/50", - "rootAlias": "Green/50" - }, - { - "name": "Label/grey", - "value": "#e6e6e6", - "var": "Grey/200", - "rootAlias": "Grey/200" - }, - { - "name": "Label/magenta", - "value": "#ffecf6", - "var": "Magenta/25", - "rootAlias": "Magenta/25" - }, - { - "name": "Label/orange", - "value": "#ffebd5", - "var": "Orange/50", - "rootAlias": "Orange/50" - }, - { - "name": "Label/purple", - "value": "#ede9ff", - "var": "Purple/50", - "rootAlias": "Purple/50" - }, - { - "name": "Label/red", - "value": "#fce5e6", - "var": "Red/50", - "rootAlias": "Red/50" - }, - { - "name": "Label/teal", - "value": "#d7fbf6", - "var": "Teal/100", - "rootAlias": "Teal/100" - }, - { - "name": "Label/text", - "value": "#00000085", - "var": "Transparent/black/500 (52%)", - "rootAlias": "Transparent/black/500 (52%)" - }, - { - "name": "Label/white", - "value": "#f5f5f5", - "var": "Grey/50", - "rootAlias": "Grey/50" - }, - { - "name": "Label/yellow", - "value": "#fef3c7", - "var": "Amber/100", - "rootAlias": "Amber/100" - }, { "name": "Layer/black", "value": "#000000", @@ -1304,36 +1352,6 @@ "var": "Grey/600", "rootAlias": "Grey/600" }, - { - "name": "Shadow/EdgelessNotes/StickerShadow/1-color", - "value": "#00000029", - "var": "Others/Shadow/16(black)", - "rootAlias": "Others/Shadow/16(black)" - }, - { - "name": "Shadow/EdgelessNotes/StickerShadow/2-color", - "value": "#0000000d", - "var": "Others/Shadow/5(black)", - "rootAlias": "Others/Shadow/5(black)" - }, - { - "name": "Shadow/EdgelessNotes/boxShadow/1-color", - "value": "#00000024", - "var": "Others/Shadow/14(black)", - "rootAlias": "Others/Shadow/14(black)" - }, - { - "name": "Shadow/EdgelessNotes/boxShadow/2-color", - "value": "#00000024", - "var": "Others/Shadow/14(black)", - "rootAlias": "Others/Shadow/14(black)" - }, - { - "name": "Shadow/EdgelessNotes/noteActiveShadow/Color", - "value": "#ffffff", - "var": "", - "rootAlias": "" - }, { "name": "Shadow/EdgelessToolbar/Note/shadow-1-color", "value": "#ffffff2e", @@ -1388,6 +1406,72 @@ "var": "Others/Shadow/14(black)", "rootAlias": "Others/Shadow/14(black)" }, + { + "name": "Shadow/NoteShadow/boxShadow/1-color", + "value": "#00000024", + "var": "Others/Shadow/14(black)", + "rootAlias": "Others/Shadow/14(black)" + }, + { + "name": "Shadow/NoteShadow/boxShadow/2-color", + "value": "#00000024", + "var": "Others/Shadow/14(black)", + "rootAlias": "Others/Shadow/14(black)" + }, + { + "name": "Shadow/NoteShadow/noteActiveShadow/Color", + "value": "#ffffff", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/stickerShadow/1-color", + "value": "#00000029", + "var": "Others/Shadow/16(black)", + "rootAlias": "Others/Shadow/16(black)" + }, + { + "name": "Shadow/NoteShadow/stickerShadow/2-color", + "value": "#0000000d", + "var": "Others/Shadow/5(black)", + "rootAlias": "Others/Shadow/5(black)" + }, + { + "name": "Shadow/activeShadow/Color", + "value": "#1c9ee44d", + "var": "Others/Shadow/30(blue)", + "rootAlias": "Others/Shadow/30(blue)" + }, + { + "name": "Shadow/buttonShadow/1-color", + "value": "#0000001f", + "var": "Others/Shadow/12(black)", + "rootAlias": "Others/Shadow/12(black)" + }, + { + "name": "Shadow/buttonShadow/2-color", + "value": "#0000001f", + "var": "Others/Shadow/12(black)", + "rootAlias": "Others/Shadow/12(black)" + }, + { + "name": "Shadow/embedShadow/Color", + "value": "#00000014", + "var": "Others/Shadow/8(black)", + "rootAlias": "Others/Shadow/8(black)" + }, + { + "name": "Shadow/overlayPanelShadow/1-color", + "value": "#00000029", + "var": "Others/Shadow/16(black)", + "rootAlias": "Others/Shadow/16(black)" + }, + { + "name": "Shadow/overlayPanelShadow/2-color", + "value": "#00000014", + "var": "Others/Shadow/8(black)", + "rootAlias": "Others/Shadow/8(black)" + }, { "name": "Skeleton/skeleton", "value": "#e6e6e6", @@ -1521,76 +1605,28 @@ "rootAlias": "Grey/100" }, { - "name": "Tag/blue", - "value": "#84cfff", - "var": "Blue/600", - "rootAlias": "Blue/600" + "name": "Text/disable", + "value": "#7a7a7a", + "var": "Grey/600", + "rootAlias": "Grey/600" }, { - "name": "Tag/green", - "value": "#69b87d", - "var": "Emerald/500", - "rootAlias": "Emerald/500" + "name": "Text/emphasis", + "value": "#1e96eb", + "var": "AFFiNE/600", + "rootAlias": "AFFiNE/600" }, { - "name": "Tag/grey", - "value": "#b3b3b3", - "var": "Grey/400", - "rootAlias": "Grey/400" + "name": "Text/link", + "value": "#035f9f", + "var": "AFFiNE/800", + "rootAlias": "AFFiNE/800" }, { - "name": "Tag/orange", - "value": "#ff8c38", - "var": "Orange/600", - "rootAlias": "Orange/600" - }, - { - "name": "Tag/purple", - "value": "#7c3aed", - "var": "Violet/600", - "rootAlias": "Violet/600" - }, - { - "name": "Tag/red", - "value": "#ed3f3f", - "var": "Red/600", - "rootAlias": "Red/600" - }, - { - "name": "Tag/teal", - "value": "#8be7dc", - "var": "Teal/500", - "rootAlias": "Teal/500" - }, - { - "name": "Tag/yellow", - "value": "#facc15", - "var": "Yellow/600", - "rootAlias": "Yellow/600" - }, - { - "name": "Text/disable", - "value": "#7a7a7a", - "var": "Grey/600", - "rootAlias": "Grey/600" - }, - { - "name": "Text/emphasis", - "value": "#1e96eb", - "var": "AFFiNE/600", - "rootAlias": "AFFiNE/600" - }, - { - "name": "Text/link", - "value": "#035f9f", - "var": "AFFiNE/800", - "rootAlias": "AFFiNE/800" - }, - { - "name": "Text/listDotAndNumber", - "value": "#0077cb", - "var": "AFFiNE/700", - "rootAlias": "AFFiNE/700" + "name": "Text/listDotAndNumber", + "value": "#0077cb", + "var": "AFFiNE/700", + "rootAlias": "AFFiNE/700" }, { "name": "Text/placeholder", @@ -1829,134 +1865,218 @@ ], "number": [ { - "name": "Shadow/EdgelessNotes/StickerShadow/1-spread", + "name": "Shadow/EdgelessToolbar/Note/shadow-2-y", + "value": "-0.125rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/EdgelessToolbar/Note/shadow-1-y", + "value": "-0.0625rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/EdgelessToolbar/Note/shadow-1-blur", + "value": "0.125rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/EdgelessToolbar/Note/shadow-3-blur", + "value": "0.25rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/Mobile/Menu/menuShadow-y-2", + "value": "-0.0625rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/Mobile/Menu/menuShadow-y", + "value": "0.625rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/Mobile/Menu/menuShadow-blur-2", + "value": "0.75rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/Mobile/Menu/menuShadow-blur", + "value": "1.125rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/boxShadow/1-x", + "value": "0rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/boxShadow/1-y", + "value": "0rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/boxShadow/2-x", + "value": "0rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/boxShadow/2-y", + "value": "0.125rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/boxShadow/1-blur", + "value": "0.25rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/boxShadow/2-blur", + "value": "0.75rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/stickerShadow/1-spread", "value": "-1.25rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/StickerShadow/2-spread", + "name": "Shadow/NoteShadow/stickerShadow/2-spread", "value": "-0.625rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/StickerShadow/1-x", + "name": "Shadow/NoteShadow/stickerShadow/1-x", "value": "0rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/StickerShadow/2-x", + "name": "Shadow/NoteShadow/stickerShadow/2-x", "value": "0rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/StickerShadow/1-blur", + "name": "Shadow/NoteShadow/stickerShadow/1-blur", "value": "1.125rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/StickerShadow/2-y", + "name": "Shadow/NoteShadow/stickerShadow/2-y", "value": "1.5rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/StickerShadow/1-y", + "name": "Shadow/NoteShadow/stickerShadow/1-y", "value": "1.625rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/StickerShadow/2-blur", + "name": "Shadow/NoteShadow/stickerShadow/2-blur", "value": "1.625rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/boxShadow/1-x", - "value": "0rem", + "name": "Shadow/activeShadow/spread", + "value": "0.125rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/boxShadow/1-y", + "name": "Shadow/buttonShadow/1-x", "value": "0rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/boxShadow/2-x", + "name": "Shadow/buttonShadow/1-y", "value": "0rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/boxShadow/2-y", - "value": "0.125rem", + "name": "Shadow/buttonShadow/2-x", + "value": "0rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/boxShadow/1-blur", - "value": "0.25rem", + "name": "Shadow/buttonShadow/1-blur", + "value": "0.0625rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/boxShadow/2-blur", - "value": "0.75rem", + "name": "Shadow/buttonShadow/2-y", + "value": "0.0625rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessToolbar/Note/shadow-2-y", - "value": "-0.125rem", + "name": "Shadow/buttonShadow/2-blur", + "value": "0.3125rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessToolbar/Note/shadow-1-y", - "value": "-0.0625rem", + "name": "Shadow/embedShadow/spread", + "value": "0.125rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessToolbar/Note/shadow-1-blur", - "value": "0.125rem", + "name": "Shadow/overlayPanelShadow/1-x", + "value": "0rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessToolbar/Note/shadow-3-blur", - "value": "0.25rem", + "name": "Shadow/overlayPanelShadow/2-x", + "value": "0rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/Mobile/Menu/menuShadow-y-2", - "value": "-0.0625rem", + "name": "Shadow/overlayPanelShadow/1-y", + "value": "0.0625rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/Mobile/Menu/menuShadow-y", - "value": "0.625rem", + "name": "Shadow/overlayPanelShadow/1-blur", + "value": "0.375rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/Mobile/Menu/menuShadow-blur-2", - "value": "0.75rem", + "name": "Shadow/overlayPanelShadow/2-y", + "value": "0.5rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/Mobile/Menu/menuShadow-blur", - "value": "1.125rem", + "name": "Shadow/overlayPanelShadow/2-blur", + "value": "0.875rem", "var": "", "rootAlias": "" } @@ -2257,6 +2377,120 @@ "var": "Text/primary", "rootAlias": "Grey/950" }, + { + "name": "Chip/Label/blue", + "value": "#004b7b", + "var": "Blue/950", + "rootAlias": "Blue/950" + }, + { + "name": "Chip/Label/green", + "value": "#225c18", + "var": "Green/900", + "rootAlias": "Green/900" + }, + { + "name": "Chip/Label/grey", + "value": "#414141", + "var": "Grey/800", + "rootAlias": "Grey/800" + }, + { + "name": "Chip/Label/magenta", + "value": "#5f0a35", + "var": "Magenta/950", + "rootAlias": "Magenta/950" + }, + { + "name": "Chip/Label/orange", + "value": "#843b06", + "var": "Orange/950", + "rootAlias": "Orange/950" + }, + { + "name": "Chip/Label/purple", + "value": "#25136d", + "var": "Purple/950", + "rootAlias": "Purple/950" + }, + { + "name": "Chip/Label/red", + "value": "#460606", + "var": "Red/950", + "rootAlias": "Red/950" + }, + { + "name": "Chip/Label/teal", + "value": "#1c6b63", + "var": "Teal/900", + "rootAlias": "Teal/900" + }, + { + "name": "Chip/Label/text", + "value": "#ffffffab", + "var": "Transparent/white/600 (67%)", + "rootAlias": "Transparent/white/600 (67%)" + }, + { + "name": "Chip/Label/white", + "value": "#252525", + "var": "Grey/900", + "rootAlias": "Grey/900" + }, + { + "name": "Chip/Label/yellow", + "value": "#ac7400", + "var": "Yellow/800", + "rootAlias": "Yellow/800" + }, + { + "name": "Chip/Tag/blue", + "value": "#84cfff", + "var": "Blue/600", + "rootAlias": "Blue/600" + }, + { + "name": "Chip/Tag/green", + "value": "#69b87d", + "var": "Emerald/500", + "rootAlias": "Emerald/500" + }, + { + "name": "Chip/Tag/grey", + "value": "#b3b3b3", + "var": "Grey/400", + "rootAlias": "Grey/400" + }, + { + "name": "Chip/Tag/orange", + "value": "#ff8c38", + "var": "Orange/600", + "rootAlias": "Orange/600" + }, + { + "name": "Chip/Tag/purple", + "value": "#7c3aed", + "var": "Violet/600", + "rootAlias": "Violet/600" + }, + { + "name": "Chip/Tag/red", + "value": "#ed3f3f", + "var": "Red/600", + "rootAlias": "Red/600" + }, + { + "name": "Chip/Tag/teal", + "value": "#8be7dc", + "var": "Teal/500", + "rootAlias": "Teal/500" + }, + { + "name": "Chip/Tag/yellow", + "value": "#facc15", + "var": "Yellow/600", + "rootAlias": "Yellow/600" + }, { "name": "Database/border", "value": "#ffffff21", @@ -3008,76 +3242,10 @@ "rootAlias": "Transparent/white/300 (17%)" }, { - "name": "Label/blue", - "value": "#004b7b", - "var": "Blue/950", - "rootAlias": "Blue/950" - }, - { - "name": "Label/green", - "value": "#225c18", - "var": "Green/900", - "rootAlias": "Green/900" - }, - { - "name": "Label/grey", - "value": "#414141", - "var": "Grey/800", - "rootAlias": "Grey/800" - }, - { - "name": "Label/magenta", - "value": "#5f0a35", - "var": "Magenta/950", - "rootAlias": "Magenta/950" - }, - { - "name": "Label/orange", - "value": "#843b06", - "var": "Orange/950", - "rootAlias": "Orange/950" - }, - { - "name": "Label/purple", - "value": "#25136d", - "var": "Purple/950", - "rootAlias": "Purple/950" - }, - { - "name": "Label/red", - "value": "#460606", - "var": "Red/950", - "rootAlias": "Red/950" - }, - { - "name": "Label/teal", - "value": "#1c6b63", - "var": "Teal/900", - "rootAlias": "Teal/900" - }, - { - "name": "Label/text", - "value": "#ffffffab", - "var": "transparent/white/600", - "rootAlias": "transparent/white/600" - }, - { - "name": "Label/white", - "value": "#252525", - "var": "Grey/900", - "rootAlias": "Grey/900" - }, - { - "name": "Label/yellow", - "value": "#ac7400", - "var": "Yellow/800", - "rootAlias": "Yellow/800" - }, - { - "name": "Layer/black", - "value": "#ffffff", - "var": "Base/White", - "rootAlias": "Base/White" + "name": "Layer/black", + "value": "#ffffff", + "var": "Base/White", + "rootAlias": "Base/White" }, { "name": "Layer/pureBlack", @@ -3265,36 +3433,6 @@ "var": "Grey/400", "rootAlias": "Grey/400" }, - { - "name": "Shadow/EdgelessNotes/StickerShadow/1-color", - "value": "#0000004d", - "var": "Others/Shadow/30(black)", - "rootAlias": "Others/Shadow/30(black)" - }, - { - "name": "Shadow/EdgelessNotes/StickerShadow/2-color", - "value": "#0000001f", - "var": "Others/Shadow/12(black)", - "rootAlias": "Others/Shadow/12(black)" - }, - { - "name": "Shadow/EdgelessNotes/boxShadow/1-color", - "value": "#00000066", - "var": "Others/Shadow/40(black)", - "rootAlias": "Others/Shadow/40(black)" - }, - { - "name": "Shadow/EdgelessNotes/boxShadow/2-color", - "value": "#0000004d", - "var": "Others/Shadow/30(black)", - "rootAlias": "Others/Shadow/30(black)" - }, - { - "name": "Shadow/EdgelessNotes/noteActiveShadow/Color", - "value": "#ffffff", - "var": "", - "rootAlias": "" - }, { "name": "Shadow/EdgelessToolbar/Note/shadow-1-color", "value": "#ffffff14", @@ -3349,6 +3487,72 @@ "var": "Others/Shadow/30(black)", "rootAlias": "Others/Shadow/30(black)" }, + { + "name": "Shadow/NoteShadow/boxShadow/1-color", + "value": "#00000066", + "var": "Others/Shadow/40(black)", + "rootAlias": "Others/Shadow/40(black)" + }, + { + "name": "Shadow/NoteShadow/boxShadow/2-color", + "value": "#0000004d", + "var": "Others/Shadow/30(black)", + "rootAlias": "Others/Shadow/30(black)" + }, + { + "name": "Shadow/NoteShadow/noteActiveShadow/Color", + "value": "#ffffff", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/stickerShadow/1-color", + "value": "#0000004d", + "var": "Others/Shadow/30(black)", + "rootAlias": "Others/Shadow/30(black)" + }, + { + "name": "Shadow/NoteShadow/stickerShadow/2-color", + "value": "#0000001f", + "var": "Others/Shadow/12(black)", + "rootAlias": "Others/Shadow/12(black)" + }, + { + "name": "Shadow/activeShadow/Color", + "value": "#1c9ee44d", + "var": "Others/Shadow/30(blue)", + "rootAlias": "Others/Shadow/30(blue)" + }, + { + "name": "Shadow/buttonShadow/1-color", + "value": "#00000033", + "var": "Others/Shadow/20(black)", + "rootAlias": "Others/Shadow/20(black)" + }, + { + "name": "Shadow/buttonShadow/2-color", + "value": "#0000004d", + "var": "Others/Shadow/30(black)", + "rootAlias": "Others/Shadow/30(black)" + }, + { + "name": "Shadow/embedShadow/Color", + "value": "#ffffff24", + "var": "Others/Shadow/14(white)", + "rootAlias": "Others/Shadow/14(white)" + }, + { + "name": "Shadow/overlayPanelShadow/1-color", + "value": "#00000033", + "var": "Others/Shadow/20(black)", + "rootAlias": "Others/Shadow/20(black)" + }, + { + "name": "Shadow/overlayPanelShadow/2-color", + "value": "#0000004d", + "var": "Others/Shadow/30(black)", + "rootAlias": "Others/Shadow/30(black)" + }, { "name": "Skeleton/skeleton", "value": "#252525", @@ -3481,54 +3685,6 @@ "var": "Grey/900", "rootAlias": "Grey/900" }, - { - "name": "Tag/blue", - "value": "#84cfff", - "var": "Blue/600", - "rootAlias": "Blue/600" - }, - { - "name": "Tag/green", - "value": "#69b87d", - "var": "Emerald/500", - "rootAlias": "Emerald/500" - }, - { - "name": "Tag/grey", - "value": "#b3b3b3", - "var": "Grey/400", - "rootAlias": "Grey/400" - }, - { - "name": "Tag/orange", - "value": "#ff8c38", - "var": "Orange/600", - "rootAlias": "Orange/600" - }, - { - "name": "Tag/purple", - "value": "#7c3aed", - "var": "Violet/600", - "rootAlias": "Violet/600" - }, - { - "name": "Tag/red", - "value": "#ed3f3f", - "var": "Red/600", - "rootAlias": "Red/600" - }, - { - "name": "Tag/teal", - "value": "#8be7dc", - "var": "Teal/500", - "rootAlias": "Teal/500" - }, - { - "name": "Tag/yellow", - "value": "#facc15", - "var": "Yellow/600", - "rootAlias": "Yellow/600" - }, { "name": "Text/disable", "value": "#565656", @@ -3790,134 +3946,218 @@ ], "number": [ { - "name": "Shadow/EdgelessNotes/StickerShadow/1-spread", + "name": "Shadow/EdgelessToolbar/Note/shadow-1-y", + "value": "-0.0625rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/EdgelessToolbar/Note/shadow-2-y", + "value": "-0.0625rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/EdgelessToolbar/Note/shadow-1-blur", + "value": "0.0625rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/EdgelessToolbar/Note/shadow-3-blur", + "value": "0.25rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/Mobile/Menu/menuShadow-y-2", + "value": "-0.0625rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/Mobile/Menu/menuShadow-blur-2", + "value": "0.75rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/Mobile/Menu/menuShadow-y", + "value": "0.75rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/Mobile/Menu/menuShadow-blur", + "value": "1.125rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/boxShadow/1-x", + "value": "0rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/boxShadow/1-y", + "value": "0rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/boxShadow/2-x", + "value": "0rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/boxShadow/2-y", + "value": "0.125rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/boxShadow/1-blur", + "value": "0.25rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/boxShadow/2-blur", + "value": "0.75rem", + "var": "", + "rootAlias": "" + }, + { + "name": "Shadow/NoteShadow/stickerShadow/1-spread", "value": "-1.25rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/StickerShadow/2-spread", + "name": "Shadow/NoteShadow/stickerShadow/2-spread", "value": "-0.625rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/StickerShadow/1-x", + "name": "Shadow/NoteShadow/stickerShadow/1-x", "value": "0rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/StickerShadow/2-x", + "name": "Shadow/NoteShadow/stickerShadow/2-x", "value": "0rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/StickerShadow/1-blur", + "name": "Shadow/NoteShadow/stickerShadow/1-blur", "value": "1.125rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/StickerShadow/2-y", + "name": "Shadow/NoteShadow/stickerShadow/2-y", "value": "1.5rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/StickerShadow/1-y", + "name": "Shadow/NoteShadow/stickerShadow/1-y", "value": "1.625rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/StickerShadow/2-blur", + "name": "Shadow/NoteShadow/stickerShadow/2-blur", "value": "1.625rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/boxShadow/1-x", - "value": "0rem", + "name": "Shadow/activeShadow/spread", + "value": "0.125rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/boxShadow/1-y", + "name": "Shadow/buttonShadow/1-x", "value": "0rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/boxShadow/2-x", + "name": "Shadow/buttonShadow/1-y", "value": "0rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/boxShadow/2-y", - "value": "0.125rem", + "name": "Shadow/buttonShadow/2-x", + "value": "0rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/boxShadow/1-blur", - "value": "0.25rem", + "name": "Shadow/buttonShadow/1-blur", + "value": "0.0625rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessNotes/boxShadow/2-blur", - "value": "0.75rem", + "name": "Shadow/buttonShadow/2-y", + "value": "0.0625rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessToolbar/Note/shadow-1-y", - "value": "-0.0625rem", + "name": "Shadow/buttonShadow/2-blur", + "value": "0.3125rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessToolbar/Note/shadow-2-y", - "value": "-0.0625rem", + "name": "Shadow/embedShadow/spread", + "value": "0.125rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessToolbar/Note/shadow-1-blur", - "value": "0.0625rem", + "name": "Shadow/overlayPanelShadow/1-x", + "value": "0rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/EdgelessToolbar/Note/shadow-3-blur", - "value": "0.25rem", + "name": "Shadow/overlayPanelShadow/2-x", + "value": "0rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/Mobile/Menu/menuShadow-y-2", - "value": "-0.0625rem", + "name": "Shadow/overlayPanelShadow/1-y", + "value": "0.0625rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/Mobile/Menu/menuShadow-blur-2", - "value": "0.75rem", + "name": "Shadow/overlayPanelShadow/1-blur", + "value": "0.375rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/Mobile/Menu/menuShadow-y", - "value": "0.75rem", + "name": "Shadow/overlayPanelShadow/2-y", + "value": "0.5rem", "var": "", "rootAlias": "" }, { - "name": "Shadow/Mobile/Menu/menuShadow-blur", - "value": "1.125rem", + "name": "Shadow/overlayPanelShadow/2-blur", + "value": "0.875rem", "var": "", "rootAlias": "" } diff --git a/packages/theme/src/v2/variables.ts b/packages/theme/src/v2/variables.ts index 8493721..3399a91 100644 --- a/packages/theme/src/v2/variables.ts +++ b/packages/theme/src/v2/variables.ts @@ -51,6 +51,25 @@ export const lightThemeV2 = { 'chatBlock/chatBlockBoder': '#e6e6e6', 'chatBlock/chatBlockIcon': '#7a7a7a', 'chatBlock/chatBlockText': '#141414', + 'chip/label/blue': '#e6f5ff', + 'chip/label/green': '#dcfdd7', + 'chip/label/grey': '#e6e6e6', + 'chip/label/magenta': '#ffecf6', + 'chip/label/orange': '#ffebd5', + 'chip/label/purple': '#ede9ff', + 'chip/label/red': '#fce5e6', + 'chip/label/teal': '#d7fbf6', + 'chip/label/text': '#00000085', + 'chip/label/white': '#f5f5f5', + 'chip/label/yellow': '#fef3c7', + 'chip/tag/blue': '#84cfff', + 'chip/tag/green': '#69b87d', + 'chip/tag/grey': '#b3b3b3', + 'chip/tag/orange': '#ff8c38', + 'chip/tag/purple': '#7c3aed', + 'chip/tag/red': '#ed3f3f', + 'chip/tag/teal': '#8be7dc', + 'chip/tag/yellow': '#facc15', 'database/border': '#0000001a', 'database/cardHover': '#00000008', 'database/filterHeaderFadeIn': '#ffffff', @@ -176,17 +195,6 @@ export const lightThemeV2 = { 'input/border/default': '#e6e6e6', 'input/border/error': '#f45353', 'input/scrollBar/handle': '#0000001a', - 'label/blue': '#e6f5ff', - 'label/green': '#dcfdd7', - 'label/grey': '#e6e6e6', - 'label/magenta': '#ffecf6', - 'label/orange': '#ffebd5', - 'label/purple': '#ede9ff', - 'label/red': '#fce5e6', - 'label/teal': '#d7fbf6', - 'label/text': '#00000085', - 'label/white': '#f5f5f5', - 'label/yellow': '#fef3c7', 'layer/black': '#000000', 'layer/pureBlack': '#000000', 'layer/pureWhite': '#ffffff', @@ -219,11 +227,6 @@ export const lightThemeV2 = { 'radio/disable': '#cdcdcd', 'radio/active/chekced': '#1e96eb', 'radio/active/default': '#7a7a7a', - 'shadow/edgelessNotes/stickerShadow/1-color': '#00000029', - 'shadow/edgelessNotes/stickerShadow/2-color': '#0000000d', - 'shadow/edgelessNotes/boxShadow/1-color': '#00000024', - 'shadow/edgelessNotes/boxShadow/2-color': '#00000024', - 'shadow/edgelessNotes/noteActiveShadow/color': '#ffffff', 'shadow/edgelessToolbar/note/shadow-1-color': '#ffffff2e', 'shadow/edgelessToolbar/note/shadow-2-color': '#00000024', 'shadow/edgelessToolbar/note/shadow-3-color': '#00000038', @@ -233,6 +236,17 @@ export const lightThemeV2 = { 'shadow/illustration/illustrationShadow-color-4': '#0000001a', 'shadow/mobile/menu/menuShadow-color-1': '#00000014', 'shadow/mobile/menu/menuShadow-color-2': '#00000024', + 'shadow/noteShadow/boxShadow/1-color': '#00000024', + 'shadow/noteShadow/boxShadow/2-color': '#00000024', + 'shadow/noteShadow/noteActiveShadow/color': '#ffffff', + 'shadow/noteShadow/stickerShadow/1-color': '#00000029', + 'shadow/noteShadow/stickerShadow/2-color': '#0000000d', + 'shadow/activeShadow/color': '#1c9ee44d', + 'shadow/buttonShadow/1-color': '#0000001f', + 'shadow/buttonShadow/2-color': '#0000001f', + 'shadow/embedShadow/color': '#00000014', + 'shadow/overlayPanelShadow/1-color': '#00000029', + 'shadow/overlayPanelShadow/2-color': '#00000014', 'skeleton/skeleton': '#e6e6e6', 'status/error': '#ed3f3f', 'status/success': '#44b931', @@ -255,14 +269,6 @@ export const lightThemeV2 = { 'tab/tabBackground/active': '#ffffff', 'tab/tabBackground/default': '#f3f3f3', 'tab/tabBackground/hover': '#f3f3f3', - 'tag/blue': '#84cfff', - 'tag/green': '#69b87d', - 'tag/grey': '#b3b3b3', - 'tag/orange': '#ff8c38', - 'tag/purple': '#7c3aed', - 'tag/red': '#ed3f3f', - 'tag/teal': '#8be7dc', - 'tag/yellow': '#facc15', 'text/disable': '#7a7a7a', 'text/emphasis': '#1e96eb', 'text/link': '#035f9f', @@ -356,6 +362,25 @@ export const darkThemeV2 = { 'chatBlock/chatBlockBoder': '#e6e6e6', 'chatBlock/chatBlockIcon': '#b3b3b3', 'chatBlock/chatBlockText': '#141414', + 'chip/label/blue': '#004b7b', + 'chip/label/green': '#225c18', + 'chip/label/grey': '#414141', + 'chip/label/magenta': '#5f0a35', + 'chip/label/orange': '#843b06', + 'chip/label/purple': '#25136d', + 'chip/label/red': '#460606', + 'chip/label/teal': '#1c6b63', + 'chip/label/text': '#ffffffab', + 'chip/label/white': '#252525', + 'chip/label/yellow': '#ac7400', + 'chip/tag/blue': '#84cfff', + 'chip/tag/green': '#69b87d', + 'chip/tag/grey': '#b3b3b3', + 'chip/tag/orange': '#ff8c38', + 'chip/tag/purple': '#7c3aed', + 'chip/tag/red': '#ed3f3f', + 'chip/tag/teal': '#8be7dc', + 'chip/tag/yellow': '#facc15', 'database/border': '#ffffff21', 'database/cardHover': '#ffffff08', 'database/filterHeaderFadeIn': '#000000', @@ -481,17 +506,6 @@ export const darkThemeV2 = { 'input/border/default': '#e6e6e6', 'input/border/error': '#ed3f3f', 'input/scrollBar/handle': '#ffffff2b', - 'label/blue': '#004b7b', - 'label/green': '#225c18', - 'label/grey': '#414141', - 'label/magenta': '#5f0a35', - 'label/orange': '#843b06', - 'label/purple': '#25136d', - 'label/red': '#460606', - 'label/teal': '#1c6b63', - 'label/text': '#ffffffab', - 'label/white': '#252525', - 'label/yellow': '#ac7400', 'layer/black': '#ffffff', 'layer/pureBlack': '#000000', 'layer/pureWhite': '#ffffff', @@ -524,11 +538,6 @@ export const darkThemeV2 = { 'radio/disable': '#7a7a7a', 'radio/active/chekced': '#1e96eb', 'radio/active/default': '#b3b3b3', - 'shadow/edgelessNotes/stickerShadow/1-color': '#0000004d', - 'shadow/edgelessNotes/stickerShadow/2-color': '#0000001f', - 'shadow/edgelessNotes/boxShadow/1-color': '#00000066', - 'shadow/edgelessNotes/boxShadow/2-color': '#0000004d', - 'shadow/edgelessNotes/noteActiveShadow/color': '#ffffff', 'shadow/edgelessToolbar/note/shadow-1-color': '#ffffff14', 'shadow/edgelessToolbar/note/shadow-2-color': '#ffffff14', 'shadow/edgelessToolbar/note/shadow-3-color': '#00000099', @@ -538,6 +547,17 @@ export const darkThemeV2 = { 'shadow/illustration/illustrationShadow-color-4': '#00000024', 'shadow/mobile/menu/menuShadow-color-1': '#0000001f', 'shadow/mobile/menu/menuShadow-color-2': '#0000004d', + 'shadow/noteShadow/boxShadow/1-color': '#00000066', + 'shadow/noteShadow/boxShadow/2-color': '#0000004d', + 'shadow/noteShadow/noteActiveShadow/color': '#ffffff', + 'shadow/noteShadow/stickerShadow/1-color': '#0000004d', + 'shadow/noteShadow/stickerShadow/2-color': '#0000001f', + 'shadow/activeShadow/color': '#1c9ee44d', + 'shadow/buttonShadow/1-color': '#00000033', + 'shadow/buttonShadow/2-color': '#0000004d', + 'shadow/embedShadow/color': '#ffffff24', + 'shadow/overlayPanelShadow/1-color': '#00000033', + 'shadow/overlayPanelShadow/2-color': '#0000004d', 'skeleton/skeleton': '#252525', 'status/error': '#c83030', 'status/success': '#1d9c07', @@ -560,14 +580,6 @@ export const darkThemeV2 = { 'tab/tabBackground/active': '#414141', 'tab/tabBackground/default': '#252525', 'tab/tabBackground/hover': '#252525', - 'tag/blue': '#84cfff', - 'tag/green': '#69b87d', - 'tag/grey': '#b3b3b3', - 'tag/orange': '#ff8c38', - 'tag/purple': '#7c3aed', - 'tag/red': '#ed3f3f', - 'tag/teal': '#8be7dc', - 'tag/yellow': '#facc15', 'text/disable': '#565656', 'text/emphasis': '#29a3fa', 'text/link': '#7ac8ff',