diff --git a/packages/plasma-tokens/data/themes/plasma_giga.json b/packages/plasma-tokens/data/themes/plasma_giga.json index 38d206839f..45c12c8521 100644 --- a/packages/plasma-tokens/data/themes/plasma_giga.json +++ b/packages/plasma-tokens/data/themes/plasma_giga.json @@ -66,11 +66,11 @@ "comment": "Сплошной наборный текст" }, "textAccentHover": { - "value": "#90B6FEFF", + "value": "#43F4C8FF", "comment": "Акцентный цвет" }, "textAccentActive": { - "value": "#216EFDFF", + "value": "#0EECB5FF", "comment": "Акцентный цвет" }, "textAccentGradientHover": { @@ -84,11 +84,11 @@ "enabled": true }, "textAccentMinorHover": { - "value": "#FFFFFFFF", + "value": "#42BD9EFF", "comment": "Акцентный минорный цвет" }, "textAccentMinorActive": { - "value": "#1C62E3FF", + "value": "#328F78FF", "comment": "Акцентный минорный цвет" }, "textAccentMinorGradient": { @@ -230,10 +230,6 @@ "value": "#1C62E3FF", "comment": "Минорный цвет информации" }, - "textAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет" - }, "textAccentGradient": { "value": { "origin": "linear-gradient(90deg, #5E94FF 0%, #43DBFA 100%)", @@ -281,10 +277,6 @@ "comment": "Акцентный цвет с градиентом", "enabled": true }, - "textAccentMinor": { - "value": "[general.electricBlue.800]", - "comment": "Акцентный минорный цвет" - }, "textPositive": { "value": "[general.green.500]", "comment": "Цвет успеха" @@ -316,6 +308,14 @@ "textInfo": { "value": "[general.electricBlue.500]", "comment": "Цвет информации" + }, + "textAccent": { + "value": "#24F2BF", + "comment": "Акцентный цвет" + }, + "textAccentMinor": { + "value": "#3AA68B", + "comment": "Акцентный минорный цвет" } }, "onDark": { @@ -372,11 +372,11 @@ "comment": "Сплошной наборный текст на темном фоне" }, "textAccentHover": { - "value": "#90B6FEFF", + "value": "#43F4C8FF", "comment": "Акцентный цвет на темном фоне" }, "textAccentActive": { - "value": "#216EFDFF", + "value": "#0EECB5FF", "comment": "Акцентный цвет на темном фоне" }, "textAccentGradientHover": { @@ -390,11 +390,11 @@ "enabled": true }, "textAccentMinorHover": { - "value": "#FFFFFFFF", + "value": "#42BD9EFF", "comment": "Акцентный минорный цвет на темном фоне" }, "textAccentMinorActive": { - "value": "#1C62E3FF", + "value": "#328F78FF", "comment": "Акцентный минорный цвет на темном фоне" }, "textAccentMinorGradient": { @@ -536,14 +536,6 @@ "value": "#1C62E3FF", "comment": "Минорный цвет информации на темном фоне" }, - "textAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет на темном фоне" - }, - "textAccentMinor": { - "value": "[general.electricBlue.800]", - "comment": "Акцентный минорный цвет на темном фоне" - }, "textAccentGradient": { "value": { "origin": "linear-gradient(90deg, #5E94FF 0%, #43DBFA 100%)", @@ -622,6 +614,14 @@ "textInfoMinor": { "value": "[general.electricBlue.800]", "comment": "Минорный цвет информации на темном фоне" + }, + "textAccent": { + "value": "#24F2BF", + "comment": "Акцентный цвет на темном фоне" + }, + "textAccentMinor": { + "value": "#3AA68B", + "comment": "Акцентный минорный цвет на темном фоне" } }, "onLight": { @@ -662,11 +662,11 @@ "comment": "Сплошной наборный текст на светлом фоне" }, "textAccentHover": { - "value": "#79A7FBFF", + "value": "#2ADFB2FF", "comment": "Акцентный цвет на светлом фоне" }, "textAccentActive": { - "value": "#0D5FF8FF", + "value": "#1BB18CFF", "comment": "Акцентный цвет на светлом фоне" }, "textAccentGradientHover": { @@ -680,11 +680,11 @@ "enabled": true }, "textAccentMinorHover": { - "value": "#DCE8FEFF", + "value": "#8BEAD3FF", "comment": "Акцентный минорный цвет на светлом фоне" }, "textAccentMinorActive": { - "value": "#6FA0FBFF", + "value": "#57E0C0FF", "comment": "Акцентный минорный цвет на светлом фоне" }, "textAccentMinorGradient": { @@ -826,14 +826,6 @@ "value": "#6FA0FBFF", "comment": "Минорный цвет информации на светлом фоне" }, - "textAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный цвет на светлом фоне" - }, - "textAccentMinor": { - "value": "[general.electricBlue.300]", - "comment": "Акцентный минорный цвет на светлом фоне" - }, "textAccentGradient": { "value": { "origin": "linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)", @@ -928,6 +920,14 @@ "textParagraph": { "value": "rgba(8,8,8,0.80)", "comment": "Сплошной наборный текст на светлом фоне" + }, + "textAccent": { + "value": "#1FCCA0", + "comment": "Акцентный цвет на светлом фоне" + }, + "textAccentMinor": { + "value": "#73E5CA", + "comment": "Акцентный минорный цвет на светлом фоне" } }, "inverse": { @@ -968,11 +968,11 @@ "comment": "Инвертированный сплошной наборный текст" }, "textAccentHover": { - "value": "#79A7FBFF", + "value": "#2ADFB2FF", "comment": "Инвертированный акцентный цвет" }, "textAccentActive": { - "value": "#0D5FF8FF", + "value": "#1BB18CFF", "comment": "Инвертированный акцентный цвет" }, "textAccentGradientHover": { @@ -986,11 +986,11 @@ "enabled": true }, "textAccentMinorHover": { - "value": "#DCE8FEFF", + "value": "#8BEAD3FF", "comment": "Инвертированный минорный акцентный цвет" }, "textAccentMinorActive": { - "value": "#6FA0FBFF", + "value": "#57E0C0FF", "comment": "Инвертированный минорный акцентный цвет" }, "textAccentMinorGradient": { @@ -1148,10 +1148,6 @@ "value": "rgba(8,8,8,0.80)", "comment": "Инвертированный сплошной наборный текст" }, - "textAccent": { - "value": "[general.electricBlue.600]", - "comment": "Инвертированный акцентный цвет" - }, "textAccentGradient": { "value": { "origin": "linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)", @@ -1199,10 +1195,6 @@ "comment": "Инвертированный акцентный цвет с градиентом", "enabled": true }, - "textAccentMinor": { - "value": "[general.electricBlue.300]", - "comment": "Инвертированный минорный акцентный цвет" - }, "textPositive": { "value": "[general.green.500]", "comment": "Инвертированный цвет успеха" @@ -1234,6 +1226,14 @@ "textInfoMinor": { "value": "[general.electricBlue.300]", "comment": "Инвертированный минорный цвет информации" + }, + "textAccent": { + "value": "#1FCCA0", + "comment": "Инвертированный акцентный цвет" + }, + "textAccentMinor": { + "value": "#73E5CA", + "comment": "Инвертированный минорный акцентный цвет" } } }, @@ -1340,11 +1340,11 @@ "comment": "Фон поверхности/контрола без заливки" }, "surfaceAccentHover": { - "value": "#5D95FDFF", + "value": "#4DF5CBFF", "comment": "Акцентный фон поверхности/контрола" }, "surfaceAccentActive": { - "value": "#357BFDFF", + "value": "#1CF2BCFF", "comment": "Акцентный фон поверхности/контрола" }, "surfaceAccentGradientHover": { @@ -1358,11 +1358,11 @@ "enabled": true }, "surfaceAccentMinorHover": { - "value": "#0A2A67FF", + "value": "#106550FF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorActive": { - "value": "#071F4BFF", + "value": "#0C4B3BFF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorGradient": { @@ -1381,11 +1381,11 @@ "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#3F82FD52", + "value": "#26F2BF66", "comment": "Прозрачный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentActive": { - "value": "#3F82FD24", + "value": "#26F2BF38", "comment": "Прозрачный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentGradient": { @@ -1645,10 +1645,6 @@ "value": "#FFFFFF00", "comment": "Фон поверхности/контрола без заливки" }, - "surfaceAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный фон поверхности/контрола" - }, "surfaceAccentGradient": { "value": { "origin": "linear-gradient(90deg, #3E79F0 0%, #27C6E5 100%)", @@ -1696,14 +1692,6 @@ "comment": "Акцентный фон поверхности/контрола с градиентом", "enabled": true }, - "surfaceAccentMinor": { - "value": "[general.electricBlue.900]", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола" - }, - "surfaceTransparentAccent": { - "value": "rgba(63,129,253,0.20)", - "comment": "Прозрачный акцентный фон поверхности/контрола" - }, "surfacePositive": { "value": "[general.green.500]", "comment": "Цвет фона поверхности/контрола успех" @@ -1739,6 +1727,18 @@ "surfaceTransparentInfo": { "value": "rgba(63,129,253,0.20)", "comment": "Прозрачный цвет фона поверхности/контрола информация" + }, + "surfaceAccent": { + "value": "#24F2BF", + "comment": "Акцентный фон поверхности/контрола" + }, + "surfaceAccentMinor": { + "value": "#0D5442", + "comment": "Акцентный минорный непрозрачный фон поверхности/контрола" + }, + "surfaceTransparentAccent": { + "value": "rgba(36,242,191,0.28)", + "comment": "Прозрачный акцентный фон поверхности/контрола" } }, "onDark": { @@ -1850,11 +1850,11 @@ "enabled": false }, "surfaceAccentHover": { - "value": "#5D95FDFF", + "value": "#4DF5CBFF", "comment": "Акцентный фон поверхности/контрола на темном фоне" }, "surfaceAccentActive": { - "value": "#357BFDFF", + "value": "#1CF2BCFF", "comment": "Акцентный фон поверхности/контрола на темном фоне" }, "surfaceAccentGradientHover": { @@ -1868,11 +1868,11 @@ "enabled": true }, "surfaceAccentMinorHover": { - "value": "#0A2A67FF", + "value": "#106550FF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне" }, "surfaceAccentMinorActive": { - "value": "#071F4BFF", + "value": "#0C4B3BFF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне" }, "surfaceAccentMinorGradient": { @@ -1891,11 +1891,11 @@ "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#3F82FD52", + "value": "#26F2BF66", "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" }, "surfaceTransparentAccentActive": { - "value": "#3F82FD24", + "value": "#26F2BF38", "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" }, "surfaceTransparentAccentGradient": { @@ -2151,14 +2151,6 @@ "value": "rgba(255,255,255,0.64)", "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне" }, - "surfaceAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, - "surfaceAccentMinor": { - "value": "[general.electricBlue.900]", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне" - }, "surfaceAccentGradient": { "value": { "origin": "linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)", @@ -2206,10 +2198,6 @@ "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", "enabled": true }, - "surfaceTransparentAccent": { - "value": "rgba(63,129,253,0.20)", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" - }, "surfacePositive": { "value": "[general.green.500]", "comment": "Цвет фона поверхности/контрола успех на темном фоне" @@ -2245,6 +2233,18 @@ "surfaceTransparentInfo": { "value": "rgba(63,129,253,0.20)", "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне" + }, + "surfaceAccent": { + "value": "#24F2BF", + "comment": "Акцентный фон поверхности/контрола на темном фоне" + }, + "surfaceAccentMinor": { + "value": "#0D5442", + "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentAccent": { + "value": "rgba(36,242,191,0.28)", + "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" } }, "onLight": { @@ -2289,11 +2289,11 @@ "comment": "Основной фон для карточек на светлом фоне" }, "surfaceSolidDefaultHover": { - "value": "#0D0D0DFF", + "value": "#3D2E4DFF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" }, "surfaceSolidDefaultActive": { - "value": "#030303FF", + "value": "#2E2239FF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" }, "surfaceTransparentPrimaryHover": { @@ -2356,11 +2356,11 @@ "enabled": false }, "surfaceAccentHover": { - "value": "#4886F9FF", + "value": "#21DEAFFF", "comment": "Акцентный фон поверхности/контрола на светлом фоне" }, "surfaceAccentActive": { - "value": "#206CF8FF", + "value": "#1DC39AFF", "comment": "Акцентный фон поверхности/контрола на светлом фоне" }, "surfaceAccentGradientHover": { @@ -2374,11 +2374,11 @@ "enabled": true }, "surfaceAccentMinorHover": { - "value": "#EBF1FFFF", + "value": "#EBFFFAFF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне" }, "surfaceAccentMinorActive": { - "value": "#D6E4FFFF", + "value": "#D6FFF5FF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне" }, "surfaceAccentMinorGradient": { @@ -2397,11 +2397,11 @@ "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#2A72F83D", + "value": "#1ECCA166", "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" }, "surfaceTransparentAccentActive": { - "value": "#2A72F80F", + "value": "#1ECCA138", "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" }, "surfaceTransparentAccentGradient": { @@ -2633,10 +2633,6 @@ "value": "#DADADA", "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, "surfaceTransparentPrimary": { "value": "rgba(8,8,8,0.05)", "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" @@ -2657,10 +2653,6 @@ "value": "rgba(8,8,8,0.64)", "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, "surfaceAccentGradient": { "value": { "origin": "linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)", @@ -2708,14 +2700,6 @@ "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", "enabled": true }, - "surfaceAccentMinor": { - "value": "[general.electricBlue.150]", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentAccent": { - "value": "rgba(42,114,248,0.12)", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" - }, "surfacePositive": { "value": "[general.green.500]", "comment": "Цвет фона поверхности/контрола успех на светлом фоне" @@ -2751,6 +2735,22 @@ "surfaceTransparentInfo": { "value": "rgba(42,114,248,0.12)", "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне" + }, + "surfaceSolidDefault": { + "value": "#332640", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" + }, + "surfaceAccent": { + "value": "#1FCCA0", + "comment": "Акцентный фон поверхности/контрола на светлом фоне" + }, + "surfaceAccentMinor": { + "value": "#DEFFF7", + "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentAccent": { + "value": "rgba(31,204,160,0.28)", + "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" } }, "inverse": { @@ -2795,11 +2795,11 @@ "comment": "Инвертированный основной фон для карточек" }, "surfaceSolidDefaultHover": { - "value": "#0D0D0DFF", + "value": "#3D2E4DFF", "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" }, "surfaceSolidDefaultActive": { - "value": "#030303FF", + "value": "#2E2239FF", "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" }, "surfaceTransparentPrimaryHover": { @@ -2862,11 +2862,11 @@ "enabled": false }, "surfaceAccentHover": { - "value": "#5D95FDFF", + "value": "#4DF5CBFF", "comment": "Инвертированный акцентный фон поверхности/контрола" }, "surfaceAccentActive": { - "value": "#357BFDFF", + "value": "#1CF2BCFF", "comment": "Инвертированный акцентный фон поверхности/контрола" }, "surfaceAccentGradientHover": { @@ -2880,11 +2880,11 @@ "enabled": true }, "surfaceAccentMinorHover": { - "value": "#EBF1FFFF", + "value": "#EBFFFAFF", "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorActive": { - "value": "#D6E4FFFF", + "value": "#D6FFF5FF", "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorGradient": { @@ -2903,11 +2903,11 @@ "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#2A72F83D", + "value": "#1ECCA166", "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentActive": { - "value": "#2A72F80F", + "value": "#1ECCA138", "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentGradient": { @@ -3139,10 +3139,6 @@ "value": "#DADADA", "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола" }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" - }, "surfaceTransparentCard": { "value": "#FFFFFF", "comment": "Инвертированный прозрачный фон для карточек" @@ -3163,10 +3159,6 @@ "value": "rgba(8,8,8,0.64)", "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола" }, - "surfaceAccent": { - "value": "[general.electricBlue.500]", - "comment": "Инвертированный акцентный фон поверхности/контрола" - }, "surfaceAccentGradient": { "value": { "origin": "linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)", @@ -3214,14 +3206,6 @@ "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", "enabled": true }, - "surfaceAccentMinor": { - "value": "[general.electricBlue.150]", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола" - }, - "surfaceTransparentAccent": { - "value": "rgba(42,114,248,0.12)", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" - }, "surfacePositive": { "value": "[general.green.500]", "comment": "Инвертированный цвет фона поверхности/контрола успех" @@ -3257,6 +3241,22 @@ "surfaceTransparentInfo": { "value": "rgba(42,114,248,0.12)", "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация" + }, + "surfaceSolidDefault": { + "value": "#332640", + "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceAccent": { + "value": "#24F2BF", + "comment": "Инвертированный акцентный фон поверхности/контрола" + }, + "surfaceAccentMinor": { + "value": "#DEFFF7", + "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола" + }, + "surfaceTransparentAccent": { + "value": "rgba(31,204,160,0.28)", + "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" } } }, @@ -3273,15 +3273,11 @@ "enabled": false }, "backgroundPrimary": { - "value": "[general.gray.1000]", + "value": "#242326", "comment": "Основной фон" } }, "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, "backgroundSecondary": { "value": "#FFFFFF", "comment": "Вторичный фон на темном фоне", @@ -3291,13 +3287,13 @@ "value": "#FFFFFF", "comment": "Третичный фон на темном фоне", "enabled": false + }, + "backgroundPrimary": { + "value": "#242326", + "comment": "Основной фон на темном фоне" } }, "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, "backgroundSecondary": { "value": "#FFFFFF", "comment": "Вторичный фон на светлом фоне", @@ -3307,13 +3303,13 @@ "value": "#FFFFFF", "comment": "Третичный фон на светлом фоне", "enabled": false + }, + "backgroundPrimary": { + "value": "#EFF0F2", + "comment": "Основной фон на светлом фоне" } }, "inverse": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Инвертированный основной фон" - }, "backgroundSecondary": { "value": "#FFFFFF", "comment": "Инвертированный вторичный фон", @@ -3323,6 +3319,10 @@ "value": "#FFFFFF", "comment": "Инвертированный третичный фон", "enabled": false + }, + "backgroundPrimary": { + "value": "#EFF0F2", + "comment": "Инвертированный основной фон" } } }, @@ -3453,11 +3453,11 @@ "enabled": true }, "outlineAccentHover": { - "value": "#90B6FEFF", + "value": "#43F4C8FF", "comment": "Акцентный цвет обводки" }, "outlineAccentActive": { - "value": "#216EFDFF", + "value": "#0EECB5FF", "comment": "Акцентный цвет обводки" }, "outlineAccentGradient": { @@ -3476,11 +3476,11 @@ "enabled": false }, "outlineAccentMinorHover": { - "value": "#FFFFFFFF", + "value": "#42BD9EFF", "comment": "Акцентный минорный непрозрачный цвет обводки" }, "outlineAccentMinorActive": { - "value": "#1C62E3FF", + "value": "#328F78FF", "comment": "Акцентный минорный непрозрачный цвет обводки" }, "outlineAccentMinorGradient": { @@ -3499,11 +3499,11 @@ "enabled": false }, "outlineTransparentAccentHover": { - "value": "#3F82FDFF", + "value": "#26F2BFFF", "comment": "Прозрачный акцентный цвет обводки" }, "outlineTransparentAccentActive": { - "value": "#3F82FD56", + "value": "#26F2BF56", "comment": "Прозрачный акцентный цвет обводки" }, "outlineTransparentAccentGradient": { @@ -3746,18 +3746,6 @@ "comment": "Бесцветная обводка", "enabled": true }, - "outlineAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет обводки" - }, - "outlineAccentMinor": { - "value": "[general.electricBlue.800]", - "comment": "Акцентный минорный непрозрачный цвет обводки" - }, - "outlineTransparentAccent": { - "value": "rgba(63,129,253,0.28)", - "comment": "Прозрачный акцентный цвет обводки" - }, "outlineInfo": { "value": "[general.electricBlue.500]", "comment": "Цвет обводки информация" @@ -3769,6 +3757,18 @@ "outlineTransparentInfo": { "value": "rgba(63,129,253,0.28)", "comment": "Прозрачный цвет обводки информация" + }, + "outlineAccent": { + "value": "#24F2BF", + "comment": "Акцентный цвет обводки" + }, + "outlineAccentMinor": { + "value": "#3AA68B", + "comment": "Акцентный минорный непрозрачный цвет обводки" + }, + "outlineTransparentAccent": { + "value": "rgba(36,242,191,0.28)", + "comment": "Прозрачный акцентный цвет обводки" } }, "onDark": { @@ -3844,11 +3844,11 @@ "enabled": false }, "outlineAccentHover": { - "value": "#90B6FEFF", + "value": "#43F4C8FF", "comment": "Акцентный цвет обводки на темном фоне" }, "outlineAccentActive": { - "value": "#216EFDFF", + "value": "#0EECB5FF", "comment": "Акцентный цвет обводки на темном фоне" }, "outlineAccentGradient": { @@ -3867,11 +3867,11 @@ "enabled": false }, "outlineAccentMinorHover": { - "value": "#FFFFFFFF", + "value": "#43F4C8FF", "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне" }, "outlineAccentMinorActive": { - "value": "#1C62E3FF", + "value": "#0EECB5FF", "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне" }, "outlineAccentMinorGradient": { @@ -3890,11 +3890,11 @@ "enabled": false }, "outlineTransparentAccentHover": { - "value": "#3F82FDFF", + "value": "#26F2BFFF", "comment": "Прозрачный акцентный цвет обводки на темном фоне" }, "outlineTransparentAccentActive": { - "value": "#3F82FD56", + "value": "#26F2BF56", "comment": "Прозрачный акцентный цвет обводки на темном фоне" }, "outlineTransparentAccentGradient": { @@ -4132,21 +4132,9 @@ "value": "rgba(255,255,255,0.40)", "comment": "Третичный прозрачный цвет обводки на темном фоне" }, - "outlineAccent": { + "outlineInfo": { "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет обводки на темном фоне" - }, - "outlineAccentMinor": { - "value": "[general.electricBlue.800]", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне" - }, - "outlineTransparentAccent": { - "value": "rgba(63,129,253,0.28)", - "comment": "Прозрачный акцентный цвет обводки на темном фоне" - }, - "outlineInfo": { - "value": "[general.electricBlue.500]", - "comment": "Цвет обводки информация на темном фоне" + "comment": "Цвет обводки информация на темном фоне" }, "outlineInfoMinor": { "value": "[general.electricBlue.800]", @@ -4155,6 +4143,18 @@ "outlineTransparentInfo": { "value": "rgba(63,129,253,0.28)", "comment": "Прозрачный цвет обводки информация на темном фоне" + }, + "outlineAccent": { + "value": "#24F2BF", + "comment": "Акцентный цвет обводки на темном фоне" + }, + "outlineAccentMinor": { + "value": "#24F2BF", + "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне" + }, + "outlineTransparentAccent": { + "value": "rgba(36,242,191,0.28)", + "comment": "Прозрачный акцентный цвет обводки на темном фоне" } }, "onLight": { @@ -4230,11 +4230,11 @@ "enabled": false }, "outlineAccentHover": { - "value": "#79A7FBFF", + "value": "#2ADFB2FF", "comment": "Акцентный цвет обводки на светлом фоне" }, "outlineAccentActive": { - "value": "#0D5FF8FF", + "value": "#1BB18CFF", "comment": "Акцентный цвет обводки на светлом фоне" }, "outlineAccentGradient": { @@ -4253,11 +4253,11 @@ "enabled": false }, "outlineAccentMinorHover": { - "value": "#DCE8FEFF", + "value": "#8BEAD3FF", "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне" }, "outlineAccentMinorActive": { - "value": "#6FA0FBFF", + "value": "#57E0C0FF", "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне" }, "outlineAccentMinorGradient": { @@ -4276,11 +4276,11 @@ "enabled": false }, "outlineTransparentAccentHover": { - "value": "#2A72F8FF", + "value": "#1ECCA1FF", "comment": "Прозрачный акцентный цвет обводки на светлом фоне" }, "outlineTransparentAccentActive": { - "value": "#2A72F83D", + "value": "#1ECCA156", "comment": "Прозрачный акцентный цвет обводки на светлом фоне" }, "outlineTransparentAccentGradient": { @@ -4502,18 +4502,6 @@ "value": "[general.gray.1000][-0.440]", "comment": "Третичный прозрачный цвет обводки на светлом фоне" }, - "outlineAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный цвет обводки на светлом фоне" - }, - "outlineAccentMinor": { - "value": "[general.electricBlue.300]", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне" - }, - "outlineTransparentAccent": { - "value": "rgba(42,114,248,0.20)", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне" - }, "outlineInfo": { "value": "[general.electricBlue.600]", "comment": "Цвет обводки информация на светлом фоне" @@ -4541,6 +4529,18 @@ "outlineTransparentInfo": { "value": "rgba(42,114,248,0.20)", "comment": "Прозрачный цвет обводки информация на светлом фоне" + }, + "outlineAccent": { + "value": "#1FCCA0", + "comment": "Акцентный цвет обводки на светлом фоне" + }, + "outlineAccentMinor": { + "value": "#73E5CA", + "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне" + }, + "outlineTransparentAccent": { + "value": "rgba(31,204,160,0.28)", + "comment": "Прозрачный акцентный цвет обводки на светлом фоне" } }, "inverse": { @@ -4616,11 +4616,11 @@ "enabled": false }, "outlineAccentHover": { - "value": "#79A7FBFF", + "value": "#2ADFB2FF", "comment": "Инвертированный акцентный цвет обводки" }, "outlineAccentActive": { - "value": "#0D5FF8FF", + "value": "#1BB18CFF", "comment": "Инвертированный акцентный цвет обводки" }, "outlineAccentGradient": { @@ -4639,11 +4639,11 @@ "enabled": false }, "outlineAccentMinorHover": { - "value": "#DCE8FEFF", + "value": "#8BEAD3FF", "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки" }, "outlineAccentMinorActive": { - "value": "#6FA0FBFF", + "value": "#57E0C0FF", "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки" }, "outlineAccentMinorGradient": { @@ -4662,11 +4662,11 @@ "enabled": false }, "outlineTransparentAccentHover": { - "value": "#2A72F8FF", + "value": "#1ECCA1FF", "comment": "Прозрачный инвертированный акцентный цвет обводки" }, "outlineTransparentAccentActive": { - "value": "#2A72F83D", + "value": "#1ECCA156", "comment": "Прозрачный инвертированный акцентный цвет обводки" }, "outlineTransparentAccentGradient": { @@ -4888,18 +4888,6 @@ "value": "[general.gray.1000][-0.440]", "comment": "Инвертированный третичный прозрачный цвет обводки" }, - "outlineAccent": { - "value": "[general.electricBlue.600]", - "comment": "Инвертированный акцентный цвет обводки" - }, - "outlineAccentMinor": { - "value": "[general.electricBlue.300]", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки" - }, - "outlineTransparentAccent": { - "value": "[general.electricBlue.600][-0.80]", - "comment": "Прозрачный инвертированный акцентный цвет обводки" - }, "outlinePositive": { "value": "[general.green.500]", "comment": "Инвертированный цвет обводки успех" @@ -4927,6 +4915,18 @@ "outlineTransparentInfo": { "value": "rgba(42,114,248,0.20)", "comment": "Прозрачный инвертированный цвет обводки информация" + }, + "outlineAccent": { + "value": "#1FCCA0", + "comment": "Инвертированный акцентный цвет обводки" + }, + "outlineAccentMinor": { + "value": "#73E5CA", + "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки" + }, + "outlineTransparentAccent": { + "value": "rgba(31,204,160,0.28)", + "comment": "Прозрачный инвертированный акцентный цвет обводки" } } } @@ -4971,11 +4971,11 @@ "comment": "Сплошной наборный текст" }, "textAccentHover": { - "value": "#528DFAFF", + "value": "#33E1B5FF", "comment": "Акцентный цвет" }, "textAccentActive": { - "value": "#075AF2FF", + "value": "#19A985FF", "comment": "Акцентный цвет" }, "textAccentGradientHover": { @@ -4989,11 +4989,11 @@ "enabled": true }, "textAccentMinorHover": { - "value": "#B4CEFDFF", + "value": "#93EBD7FF", "comment": "Акцентный минорный цвет" }, "textAccentMinorActive": { - "value": "#6599FBFF", + "value": "#4EDFBDFF", "comment": "Акцентный минорный цвет" }, "textAccentMinorGradient": { @@ -5151,10 +5151,6 @@ "value": "rgba(8,8,8,0.80)", "comment": "Сплошной наборный текст" }, - "textAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный цвет" - }, "textAccentGradient": { "value": { "origin": "linear-gradient(90deg, #3E79F0 0%, #27C6E5 100%)", @@ -5202,10 +5198,6 @@ "comment": "Акцентный цвет с градиентом", "enabled": true }, - "textAccentMinor": { - "value": "[general.electricBlue.300]", - "comment": "Акцентный минорный цвет" - }, "textPositive": { "value": "[general.green.500]", "comment": "Цвет успеха" @@ -5237,6 +5229,14 @@ "textInfoMinor": { "value": "[general.electricBlue.300]", "comment": "Минорный цвет информации" + }, + "textAccent": { + "value": "#1FCCA0", + "comment": "Акцентный цвет" + }, + "textAccentMinor": { + "value": "#73E5CA", + "comment": "Акцентный минорный цвет" } }, "onDark": { @@ -5293,11 +5293,11 @@ "comment": "Сплошной наборный текст на темном фоне" }, "textAccentHover": { - "value": "#689CFDFF", + "value": "#4DF5CBFF", "comment": "Акцентный цвет на темном фоне" }, "textAccentActive": { - "value": "#1767FDFF", + "value": "#0DE3ADFF", "comment": "Акцентный цвет на темном фоне" }, "textAccentGradientHover": { @@ -5311,11 +5311,11 @@ "enabled": true }, "textAccentMinorHover": { - "value": "#FFFFFFFF", + "value": "#4ABFA2FF", "comment": "Акцентный минорный цвет на темном фоне" }, "textAccentMinorActive": { - "value": "#113B88FF", + "value": "#308872FF", "comment": "Акцентный минорный цвет на темном фоне" }, "textAccentMinorGradient": { @@ -5457,10 +5457,6 @@ "value": "#113B88FF", "comment": "Минорный цвет информации на темном фоне" }, - "textAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет на темном фоне" - }, "textAccentGradient": { "value": { "origin": "linear-gradient(90deg, #5E94FF 0%, #43DBFA 100%)", @@ -5508,10 +5504,6 @@ "comment": "Акцентный цвет с градиентом на темном фоне", "enabled": true }, - "textAccentMinor": { - "value": "[general.electricBlue.800]", - "comment": "Акцентный минорный цвет на темном фоне" - }, "textPositive": { "value": "[general.green.500]", "comment": "Цвет успеха на темном фоне" @@ -5543,6 +5535,14 @@ "textInfoMinor": { "value": "[general.electricBlue.800]", "comment": "Минорный цвет информации на темном фоне" + }, + "textAccent": { + "value": "#24F2BF", + "comment": "Акцентный цвет на темном фоне" + }, + "textAccentMinor": { + "value": "#3AA68B", + "comment": "Акцентный минорный цвет на темном фоне" } }, "onLight": { @@ -5583,11 +5583,11 @@ "comment": "Сплошной наборный текст на светлом фоне" }, "textAccentHover": { - "value": "#528DFAFF", + "value": "#33E1B5FF", "comment": "Акцентный цвет на светлом фоне" }, "textAccentActive": { - "value": "#075AF2FF", + "value": "#19A985FF", "comment": "Акцентный цвет на светлом фоне" }, "textAccentGradientHover": { @@ -5601,11 +5601,11 @@ "enabled": true }, "textAccentMinorHover": { - "value": "#B4CEFDFF", + "value": "#93EBD7FF", "comment": "Акцентный минорный цвет на светлом фоне" }, "textAccentMinorActive": { - "value": "#6599FBFF", + "value": "#4EDFBDFF", "comment": "Акцентный минорный цвет на светлом фоне" }, "textAccentMinorGradient": { @@ -5763,10 +5763,6 @@ "value": "rgba(8,8,8,0.80)", "comment": "Сплошной наборный текст на светлом фоне" }, - "textAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный цвет на светлом фоне" - }, "textAccentGradient": { "value": { "origin": "linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)", @@ -5814,10 +5810,6 @@ "comment": "Акцентный цвет с градиентом на светлом фоне", "enabled": true }, - "textAccentMinor": { - "value": "[general.electricBlue.300]", - "comment": "Акцентный минорный цвет на светлом фоне" - }, "textPositive": { "value": "[general.green.500]", "comment": "Цвет успеха на светлом фоне" @@ -5849,6 +5841,14 @@ "textInfoMinor": { "value": "[general.electricBlue.300]", "comment": "Минорный цвет информации на светлом фоне" + }, + "textAccent": { + "value": "#1FCCA0", + "comment": "Акцентный цвет на светлом фоне" + }, + "textAccentMinor": { + "value": "#73E5CA", + "comment": "Акцентный минорный цвет на светлом фоне" } }, "inverse": { @@ -5905,11 +5905,11 @@ "comment": "Инвертированный сплошной наборный текст" }, "textAccentHover": { - "value": "#689CFDFF", + "value": "#4DF5CBFF", "comment": "Инвертированный акцентный цвет" }, "textAccentActive": { - "value": "#1767FDFF", + "value": "#0DE3ADFF", "comment": "Инвертированный акцентный цвет" }, "textAccentGradientHover": { @@ -5923,11 +5923,11 @@ "enabled": true }, "textAccentMinorHover": { - "value": "#FFFFFFFF", + "value": "#4ABFA2FF", "comment": "Инвертированный минорный акцентный цвет" }, "textAccentMinorActive": { - "value": "#113B88FF", + "value": "#308872FF", "comment": "Инвертированный минорный акцентный цвет" }, "textAccentMinorGradient": { @@ -6069,10 +6069,6 @@ "value": "#113B88FF", "comment": "Инвертированный минорный цвет информации" }, - "textAccent": { - "value": "[general.electricBlue.500]", - "comment": "Инвертированный акцентный цвет" - }, "textAccentGradient": { "value": { "origin": "linear-gradient(94deg, #5E94FF 6.49%, #43DBFA 93.51%)", @@ -6120,10 +6116,6 @@ "comment": "Инвертированный акцентный цвет с градиентом", "enabled": true }, - "textAccentMinor": { - "value": "[general.electricBlue.800]", - "comment": "Инвертированный минорный акцентный цвет" - }, "textPositive": { "value": "[general.green.500]", "comment": "Инвертированный цвет успеха" @@ -6155,6 +6147,14 @@ "textInfoMinor": { "value": "[general.electricBlue.800]", "comment": "Инвертированный минорный цвет информации" + }, + "textAccent": { + "value": "#24F2BF", + "comment": "Инвертированный акцентный цвет" + }, + "textAccentMinor": { + "value": "#3AA68B", + "comment": "Инвертированный минорный акцентный цвет" } } }, @@ -6201,11 +6201,11 @@ "comment": "Основной фон для карточек" }, "surfaceSolidDefaultHover": { - "value": "#262626FF", + "value": "#3D2E4DFF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию" }, "surfaceSolidDefaultActive": { - "value": "#030303FF", + "value": "#291F33FF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию" }, "surfaceTransparentPrimaryHover": { @@ -6261,11 +6261,11 @@ "comment": "Фон поверхности/контрола без заливки" }, "surfaceAccentHover": { - "value": "#528DFAFF", + "value": "#2ADFB2FF", "comment": "Акцентный фон поверхности/контрола" }, "surfaceAccentActive": { - "value": "#1665F8FF", + "value": "#1CBA93FF", "comment": "Акцентный фон поверхности/контрола" }, "surfaceAccentGradientHover": { @@ -6279,11 +6279,11 @@ "enabled": true }, "surfaceAccentMinorHover": { - "value": "#F5F8FFFF", + "value": "#F5FFFCFF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorActive": { - "value": "#D6E4FFFF", + "value": "#D6FFF5FF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorGradient": { @@ -6302,11 +6302,11 @@ "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#2A72F80A", + "value": "#1ECCA133", "comment": "Прозрачный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentActive": { - "value": "#2A72F829", + "value": "#1ECCA152", "comment": "Прозрачный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentGradient": { @@ -6538,10 +6538,6 @@ "value": "#DADADA", "comment": "Третичный непрозрачный фон поверхности/контрола" }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию" - }, "surfaceTransparentCard": { "value": "#FFFFFF", "comment": "Прозрачный фон для карточек" @@ -6566,10 +6562,6 @@ "value": "#FFFFFF00", "comment": "Фон поверхности/контрола без заливки" }, - "surfaceAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный фон поверхности/контрола" - }, "surfaceAccentGradient": { "value": { "origin": "linear-gradient(90deg, #3E79F0 0%, #27C6E5 100%)", @@ -6617,14 +6609,6 @@ "comment": "Акцентный фон поверхности/контрола с градиентом", "enabled": true }, - "surfaceAccentMinor": { - "value": "[general.electricBlue.150]", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола" - }, - "surfaceTransparentAccent": { - "value": "rgba(42,114,248,0.12)", - "comment": "Прозрачный акцентный фон поверхности/контрола" - }, "surfacePositive": { "value": "[general.green.500]", "comment": "Цвет фона поверхности/контрола успех" @@ -6660,6 +6644,22 @@ "surfaceTransparentInfo": { "value": "rgba(42,114,248,0.12)", "comment": "Прозрачный цвет фона поверхности/контрола информация" + }, + "surfaceSolidDefault": { + "value": "#332640", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceAccent": { + "value": "#1FCCA0", + "comment": "Акцентный фон поверхности/контрола" + }, + "surfaceAccentMinor": { + "value": "#DEFFF7", + "comment": "Акцентный минорный непрозрачный фон поверхности/контрола" + }, + "surfaceTransparentAccent": { + "value": "rgba(31,204,160,0.28)", + "comment": "Прозрачный акцентный фон поверхности/контрола" } }, "onDark": { @@ -6771,11 +6771,11 @@ "enabled": false }, "surfaceAccentHover": { - "value": "#689CFDFF", + "value": "#43F4C8FF", "comment": "Акцентный фон поверхности/контрола на темном фоне" }, "surfaceAccentActive": { - "value": "#2B74FDFF", + "value": "#13F1BAFF", "comment": "Акцентный фон поверхности/контрола на темном фоне" }, "surfaceAccentGradientHover": { @@ -6789,11 +6789,11 @@ "enabled": true }, "surfaceAccentMinorHover": { - "value": "#0A2A67FF", + "value": "#116E57FF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне" }, "surfaceAccentMinorActive": { - "value": "#061B41FF", + "value": "#0A4234FF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне" }, "surfaceAccentMinorGradient": { @@ -6812,11 +6812,11 @@ "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#3F82FD1F", + "value": "#26F2BF33", "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" }, "surfaceTransparentAccentActive": { - "value": "#3F82FD3D", + "value": "#26F2BF52", "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" }, "surfaceTransparentAccentGradient": { @@ -7072,10 +7072,6 @@ "value": "rgba(255,255,255,0.64)", "comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне" }, - "surfaceAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный фон поверхности/контрола на темном фоне" - }, "surfaceAccentGradient": { "value": { "origin": "linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)", @@ -7123,14 +7119,6 @@ "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне", "enabled": true }, - "surfaceAccentMinor": { - "value": "[general.electricBlue.900]", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне" - }, - "surfaceTransparentAccent": { - "value": "rgba(63,129,253,0.20)", - "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" - }, "surfacePositive": { "value": "[general.green.500]", "comment": "Цвет фона поверхности/контрола успех на темном фоне" @@ -7166,6 +7154,18 @@ "surfaceTransparentInfo": { "value": "rgba(63,129,253,0.20)", "comment": "Прозрачный цвет фона поверхности/контрола информация на темном фоне" + }, + "surfaceAccent": { + "value": "#24F2BF", + "comment": "Акцентный фон поверхности/контрола на темном фоне" + }, + "surfaceAccentMinor": { + "value": "#0D5442", + "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentAccent": { + "value": "rgba(36,242,191,0.28)", + "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" } }, "onLight": { @@ -7210,11 +7210,11 @@ "comment": "Основной фон для карточек на светлом фоне" }, "surfaceSolidDefaultHover": { - "value": "#262626FF", + "value": "#3D2E4DFF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" }, "surfaceSolidDefaultActive": { - "value": "#030303FF", + "value": "#291F33FF", "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" }, "surfaceTransparentPrimaryHover": { @@ -7277,11 +7277,11 @@ "enabled": false }, "surfaceAccentHover": { - "value": "#528DFAFF", + "value": "#2ADFB2FF", "comment": "Акцентный фон поверхности/контрола на светлом фоне" }, "surfaceAccentActive": { - "value": "#1665F8FF", + "value": "#1CBA93FF", "comment": "Акцентный фон поверхности/контрола на светлом фоне" }, "surfaceAccentGradientHover": { @@ -7295,11 +7295,11 @@ "enabled": true }, "surfaceAccentMinorHover": { - "value": "#F5F8FFFF", + "value": "#F5FFFCFF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне" }, "surfaceAccentMinorActive": { - "value": "#D6E4FFFF", + "value": "#D6FFF5FF", "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне" }, "surfaceAccentMinorGradient": { @@ -7318,11 +7318,11 @@ "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#2A72F80A", + "value": "#1ECCA133", "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" }, "surfaceTransparentAccentActive": { - "value": "#2A72F829", + "value": "#1ECCA152", "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" }, "surfaceTransparentAccentGradient": { @@ -7554,10 +7554,6 @@ "value": "#DADADA", "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceSolidDefault": { - "value": "[general.gray.1000]", - "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" - }, "surfaceTransparentCard": { "value": "#FFFFFF", "comment": "Прозрачный фон для карточек на светлом фоне" @@ -7578,10 +7574,6 @@ "value": "rgba(8,8,8,0.64)", "comment": "Глубокий прозрачный фон поверхности/контрола на светлом фоне" }, - "surfaceAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный фон поверхности/контрола на светлом фоне" - }, "surfaceAccentGradient": { "value": { "origin": "linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)", @@ -7629,14 +7621,6 @@ "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне", "enabled": true }, - "surfaceAccentMinor": { - "value": "[general.electricBlue.150]", - "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне" - }, - "surfaceTransparentAccent": { - "value": "rgba(42,114,248,0.12)", - "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" - }, "surfacePositive": { "value": "[general.green.500]", "comment": "Цвет фона поверхности/контрола успех на светлом фоне" @@ -7672,6 +7656,22 @@ "surfaceTransparentInfo": { "value": "rgba(42,114,248,0.12)", "comment": "Прозрачный цвет фона поверхности/контрола информация на светлом фоне" + }, + "surfaceSolidDefault": { + "value": "#332640", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" + }, + "surfaceAccent": { + "value": "#1FCCA0", + "comment": "Акцентный фон поверхности/контрола на светлом фоне" + }, + "surfaceAccentMinor": { + "value": "#DEFFF7", + "comment": "Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentAccent": { + "value": "rgba(31,204,160,0.28)", + "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" } }, "inverse": { @@ -7783,11 +7783,11 @@ "enabled": false }, "surfaceAccentHover": { - "value": "#689CFDFF", + "value": "#43F4C8FF", "comment": "Инвертированный акцентный фон поверхности/контрола" }, "surfaceAccentActive": { - "value": "#2B74FDFF", + "value": "#13F1BAFF", "comment": "Инвертированный акцентный фон поверхности/контрола" }, "surfaceAccentGradientHover": { @@ -7801,11 +7801,11 @@ "enabled": true }, "surfaceAccentMinorHover": { - "value": "#0A2A67FF", + "value": "#116E57FF", "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorActive": { - "value": "#061B41FF", + "value": "#0A4234FF", "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола" }, "surfaceAccentMinorGradient": { @@ -7824,11 +7824,11 @@ "enabled": false }, "surfaceTransparentAccentHover": { - "value": "#3F82FD1F", + "value": "#26F2BF33", "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentActive": { - "value": "#3F82FD3D", + "value": "#26F2BF52", "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" }, "surfaceTransparentAccentGradient": { @@ -8084,23 +8084,11 @@ "value": "rgba(255,255,255,0.64)", "comment": "Инвертированный глубокий прозрачный фон поверхности/контрола" }, - "surfaceAccent": { - "value": "[general.electricBlue.500]", - "comment": "Инвертированный акцентный фон поверхности/контрола" - }, "surfaceAccentGradient": { "value": "linear-gradient(94deg,#3E79F06.49%,#27C6E593.51%)", "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", "enabled": true }, - "surfaceAccentMinor": { - "value": "[general.electricBlue.900]", - "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола" - }, - "surfaceTransparentAccent": { - "value": "rgba(63,129,253,0.20)", - "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" - }, "surfacePositive": { "value": "[general.green.500]", "comment": "Инвертированный цвет фона поверхности/контрола успех" @@ -8136,15 +8124,23 @@ "surfaceTransparentInfo": { "value": "rgba(63,129,253,0.20)", "comment": "Прозрачный инвертированный цвет фона поверхности/контрола информация" + }, + "surfaceAccent": { + "value": "#24F2BF", + "comment": "Инвертированный акцентный фон поверхности/контрола" + }, + "surfaceAccentMinor": { + "value": "#0D5442", + "comment": "Инвертированный акцентный минорный непрозрачный фон поверхности/контрола" + }, + "surfaceTransparentAccent": { + "value": "rgba(36,242,191,0.28)", + "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" } } }, "background": { "default": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон" - }, "backgroundSecondary": { "value": "#FFFFFF", "comment": "Вторичный фон", @@ -8154,13 +8150,13 @@ "value": "#FFFFFF", "comment": "Третичный фон", "enabled": false + }, + "backgroundPrimary": { + "value": "#EFF0F2", + "comment": "Основной фон" } }, "dark": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Основной фон на темном фоне" - }, "backgroundSecondary": { "value": "#FFFFFF", "comment": "Вторичный фон на темном фоне", @@ -8170,13 +8166,13 @@ "value": "#FFFFFF", "comment": "Третичный фон на темном фоне", "enabled": false + }, + "backgroundPrimary": { + "value": "#242326", + "comment": "Основной фон на темном фоне" } }, "light": { - "backgroundPrimary": { - "value": "[general.gray.50]", - "comment": "Основной фон на светлом фоне" - }, "backgroundSecondary": { "value": "#FFFFFF", "comment": "Вторичный фон на светлом фоне", @@ -8186,13 +8182,13 @@ "value": "#FFFFFF", "comment": "Третичный фон на светлом фоне", "enabled": false + }, + "backgroundPrimary": { + "value": "#EFF0F2", + "comment": "Основной фон на светлом фоне" } }, "inverse": { - "backgroundPrimary": { - "value": "[general.gray.1000]", - "comment": "Инвертированный основной фон" - }, "backgroundSecondary": { "value": "#FFFFFF", "comment": "Инвертированный вторичный фон", @@ -8202,6 +8198,10 @@ "value": "#FFFFFF", "comment": "Инвертированный третичный фон", "enabled": false + }, + "backgroundPrimary": { + "value": "#242326", + "comment": "Инвертированный основной фон" } } }, @@ -8332,11 +8332,11 @@ "enabled": true }, "outlineAccentHover": { - "value": "#528DFAFF", + "value": "#33E1B5FF", "comment": "Акцентный цвет обводки" }, "outlineAccentActive": { - "value": "#075AF2FF", + "value": "#19A985FF", "comment": "Акцентный цвет обводки" }, "outlineAccentGradient": { @@ -8355,11 +8355,11 @@ "enabled": false }, "outlineAccentMinorHover": { - "value": "#B4CEFDFF", + "value": "#93EBD7FF", "comment": "Акцентный минорный непрозрачный цвет обводки" }, "outlineAccentMinorActive": { - "value": "#6599FBFF", + "value": "#4EDFBDFF", "comment": "Акцентный минорный непрозрачный цвет обводки" }, "outlineAccentMinorGradient": { @@ -8378,11 +8378,11 @@ "enabled": false }, "outlineTransparentAccentHover": { - "value": "#2A72F8FF", + "value": "#1ECCA1FF", "comment": "Прозрачный акцентный цвет обводки" }, "outlineTransparentAccentActive": { - "value": "#2A72F83D", + "value": "#1ECCA156", "comment": "Прозрачный акцентный цвет обводки" }, "outlineTransparentAccentGradient": { @@ -8605,18 +8605,6 @@ "comment": "Бесцветная обводка", "enabled": true }, - "outlineAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный цвет обводки" - }, - "outlineAccentMinor": { - "value": "[general.electricBlue.300]", - "comment": "Акцентный минорный непрозрачный цвет обводки" - }, - "outlineTransparentAccent": { - "value": "rgba(42,114,248,0.20)", - "comment": "Прозрачный акцентный цвет обводки" - }, "outlinePositive": { "value": "[general.green.500]", "comment": "Цвет обводки успех" @@ -8648,6 +8636,18 @@ "outlineTransparentInfo": { "value": "rgba(42,114,248,0.20)", "comment": "Прозрачный цвет обводки информация" + }, + "outlineAccent": { + "value": "#1FCCA0", + "comment": "Акцентный цвет обводки" + }, + "outlineAccentMinor": { + "value": "#73E5CA", + "comment": "Акцентный минорный непрозрачный цвет обводки" + }, + "outlineTransparentAccent": { + "value": "rgba(31,204,160,0.28)", + "comment": "Прозрачный акцентный цвет обводки" } }, "onDark": { @@ -8723,11 +8723,11 @@ "enabled": false }, "outlineAccentHover": { - "value": "#689CFDFF", + "value": "#4DF5CBFF", "comment": "Акцентный цвет обводки на темном фоне" }, "outlineAccentActive": { - "value": "#1767FDFF", + "value": "#0DE3ADFF", "comment": "Акцентный цвет обводки на темном фоне" }, "outlineAccentGradient": { @@ -8746,11 +8746,11 @@ "enabled": false }, "outlineAccentMinorHover": { - "value": "#FFFFFFFF", + "value": "#4ABFA2FF", "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне" }, "outlineAccentMinorActive": { - "value": "#113B88FF", + "value": "#308872FF", "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне" }, "outlineAccentMinorGradient": { @@ -8769,11 +8769,11 @@ "enabled": false }, "outlineTransparentAccentHover": { - "value": "#3F82FDFF", + "value": "#26F2BFFF", "comment": "Прозрачный акцентный цвет обводки на темном фоне" }, "outlineTransparentAccentActive": { - "value": "#3F82FD56", + "value": "#26F2BF56", "comment": "Прозрачный акцентный цвет обводки на темном фоне" }, "outlineTransparentAccentGradient": { @@ -9011,18 +9011,6 @@ "value": "rgba(255,255,255,0.40)", "comment": "Третичный прозрачный цвет обводки на темном фоне" }, - "outlineAccent": { - "value": "[general.electricBlue.500]", - "comment": "Акцентный цвет обводки на темном фоне" - }, - "outlineAccentMinor": { - "value": "[general.electricBlue.800]", - "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне" - }, - "outlineTransparentAccent": { - "value": "rgba(63,129,253,0.28)", - "comment": "Прозрачный акцентный цвет обводки на темном фоне" - }, "outlineInfo": { "value": "[general.electricBlue.500]", "comment": "Цвет обводки информация на темном фоне" @@ -9034,6 +9022,18 @@ "outlineTransparentInfo": { "value": "rgba(63,129,253,0.28)", "comment": "Прозрачный цвет обводки информация на темном фоне" + }, + "outlineAccent": { + "value": "#24F2BF", + "comment": "Акцентный цвет обводки на темном фоне" + }, + "outlineAccentMinor": { + "value": "#3AA68B", + "comment": "Акцентный минорный непрозрачный цвет обводки на темном фоне" + }, + "outlineTransparentAccent": { + "value": "rgba(36,242,191,0.28)", + "comment": "Прозрачный акцентный цвет обводки на темном фоне" } }, "onLight": { @@ -9109,11 +9109,11 @@ "enabled": false }, "outlineAccentHover": { - "value": "#528DFAFF", + "value": "#33E1B5FF", "comment": "Акцентный цвет обводки на светлом фоне" }, "outlineAccentActive": { - "value": "#075AF2FF", + "value": "#19A985FF", "comment": "Акцентный цвет обводки на светлом фоне" }, "outlineAccentGradient": { @@ -9132,11 +9132,11 @@ "enabled": false }, "outlineAccentMinorHover": { - "value": "#B4CEFDFF", + "value": "#93EBD7FF", "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне" }, "outlineAccentMinorActive": { - "value": "#6599FBFF", + "value": "#4EDFBDFF", "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне" }, "outlineAccentMinorGradient": { @@ -9155,11 +9155,11 @@ "enabled": false }, "outlineTransparentAccentHover": { - "value": "#2A72F8FF", + "value": "#1ECCA1FF", "comment": "Прозрачный акцентный цвет обводки на светлом фоне" }, "outlineTransparentAccentActive": { - "value": "#2A72F83D", + "value": "#1ECCA156", "comment": "Прозрачный акцентный цвет обводки на светлом фоне" }, "outlineTransparentAccentGradient": { @@ -9381,18 +9381,6 @@ "value": "rgba(8,8,8,0.56)", "comment": "Третичный прозрачный цвет обводки на светлом фоне" }, - "outlineAccent": { - "value": "[general.electricBlue.600]", - "comment": "Акцентный цвет обводки на светлом фоне" - }, - "outlineAccentMinor": { - "value": "[general.electricBlue.300]", - "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне" - }, - "outlineTransparentAccent": { - "value": "rgba(42,114,248,0.20)", - "comment": "Прозрачный акцентный цвет обводки на светлом фоне" - }, "outlinePositive": { "value": "[general.green.500]", "comment": "Цвет обводки успех на светлом фоне" @@ -9420,6 +9408,18 @@ "outlineTransparentInfo": { "value": "rgba(42,114,248,0.20)", "comment": "Прозрачный цвет обводки информация на светлом фоне" + }, + "outlineAccent": { + "value": "#1FCCA0", + "comment": "Акцентный цвет обводки на светлом фоне" + }, + "outlineAccentMinor": { + "value": "#73E5CA", + "comment": "Акцентный минорный непрозрачный цвет обводки на светлом фоне" + }, + "outlineTransparentAccent": { + "value": "rgba(31,204,160,0.28)", + "comment": "Прозрачный акцентный цвет обводки на светлом фоне" } }, "inverse": { @@ -9495,11 +9495,11 @@ "enabled": false }, "outlineAccentHover": { - "value": "#689CFDFF", + "value": "#4DF5CBFF", "comment": "Инвертированный акцентный цвет обводки" }, "outlineAccentActive": { - "value": "#1767FDFF", + "value": "#0DE3ADFF", "comment": "Инвертированный акцентный цвет обводки" }, "outlineAccentGradient": { @@ -9518,11 +9518,11 @@ "enabled": false }, "outlineAccentMinorHover": { - "value": "#FFFFFFFF", + "value": "#4ABFA2FF", "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки" }, "outlineAccentMinorActive": { - "value": "#113B88FF", + "value": "#308872FF", "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки" }, "outlineAccentMinorGradient": { @@ -9541,11 +9541,11 @@ "enabled": false }, "outlineTransparentAccentHover": { - "value": "#3F82FDFF", + "value": "#26F2BFFF", "comment": "Прозрачный инвертированный акцентный цвет обводки" }, "outlineTransparentAccentActive": { - "value": "#3F82FD56", + "value": "#26F2BF56", "comment": "Прозрачный инвертированный акцентный цвет обводки" }, "outlineTransparentAccentGradient": { @@ -9783,18 +9783,6 @@ "value": "rgba(255,255,255,0.40)", "comment": "Инвертированный третичный прозрачный цвет обводки" }, - "outlineAccent": { - "value": "[general.electricBlue.500]", - "comment": "Инвертированный акцентный цвет обводки" - }, - "outlineAccentMinor": { - "value": "[general.electricBlue.800]", - "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки" - }, - "outlineTransparentAccent": { - "value": "rgba(63,129,253,0.28)", - "comment": "Прозрачный инвертированный акцентный цвет обводки" - }, "outlineInfo": { "value": "[general.electricBlue.400]", "comment": "Инвертированный цвет обводки информация" @@ -9806,6 +9794,18 @@ "outlineTransparentInfo": { "value": "rgba(63,129,253,0.28)", "comment": "Прозрачный инвертированный цвет обводки информация" + }, + "outlineAccent": { + "value": "#24F2BF", + "comment": "Инвертированный акцентный цвет обводки" + }, + "outlineAccentMinor": { + "value": "#3AA68B", + "comment": "Инвертированный акцентный минорный непрозрачный цвет обводки" + }, + "outlineTransparentAccent": { + "value": "rgba(36,242,191,0.28)", + "comment": "Прозрачный инвертированный акцентный цвет обводки" } } } diff --git a/packages/plasma-tokens/src/brands/plasma_giga/index.ts b/packages/plasma-tokens/src/brands/plasma_giga/index.ts index 755a943bfa..6cdfb156fb 100644 --- a/packages/plasma-tokens/src/brands/plasma_giga/index.ts +++ b/packages/plasma-tokens/src/brands/plasma_giga/index.ts @@ -40,10 +40,10 @@ export const textParagraphHover = 'var(--text-paragraph-hover, #FFFFFF7A)'; export const textParagraphActive = 'var(--text-paragraph-active, #FFFFFFA3)'; /** Акцентный цвет */ -export const textAccentHover = 'var(--text-accent-hover, #90B6FEFF)'; +export const textAccentHover = 'var(--text-accent-hover, #43F4C8FF)'; /** Акцентный цвет */ -export const textAccentActive = 'var(--text-accent-active, #216EFDFF)'; +export const textAccentActive = 'var(--text-accent-active, #0EECB5FF)'; /** Акцентный цвет с градиентом */ export const textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)'; @@ -52,10 +52,10 @@ export const textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCC export const textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)'; /** Акцентный минорный цвет */ -export const textAccentMinorHover = 'var(--text-accent-minor-hover, #FFFFFFFF)'; +export const textAccentMinorHover = 'var(--text-accent-minor-hover, #42BD9EFF)'; /** Акцентный минорный цвет */ -export const textAccentMinorActive = 'var(--text-accent-minor-active, #1C62E3FF)'; +export const textAccentMinorActive = 'var(--text-accent-minor-active, #328F78FF)'; /** Цвет успеха */ export const textPositiveHover = 'var(--text-positive-hover, #1EB83AFF)'; @@ -105,15 +105,9 @@ export const textInfoMinorHover = 'var(--text-info-minor-hover, #FFFFFFFF)'; /** Минорный цвет информации */ export const textInfoMinorActive = 'var(--text-info-minor-active, #1C62E3FF)'; -/** Акцентный цвет */ -export const textAccent = 'var(--text-accent, #3F81FD)'; - /** Акцентный цвет с градиентом */ export const textAccentGradient = 'var(--text-accent-gradient, linear-gradient(90deg, #5E94FF 0%, #43DBFA 100%))'; -/** Акцентный минорный цвет */ -export const textAccentMinor = 'var(--text-accent-minor, #1549AB)'; - /** Цвет успеха */ export const textPositive = 'var(--text-positive, #1A9E32)'; @@ -138,6 +132,12 @@ export const textInfoMinor = 'var(--text-info-minor, #1549AB)'; /** Цвет информации */ export const textInfo = 'var(--text-info, #3F81FD)'; +/** Акцентный цвет */ +export const textAccent = 'var(--text-accent, #24F2BF)'; + +/** Акцентный минорный цвет */ +export const textAccentMinor = 'var(--text-accent-minor, #3AA68B)'; + /** Основной цвет текста на темном фоне */ export const onDarkTextPrimary = 'var(--on-dark-text-primary, rgba(255, 255, 255, 0.96))'; @@ -178,10 +178,10 @@ export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FF export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #FFFFFFA3)'; /** Акцентный цвет на темном фоне */ -export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #90B6FEFF)'; +export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #43F4C8FF)'; /** Акцентный цвет на темном фоне */ -export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #216EFDFF)'; +export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #0EECB5FF)'; /** Акцентный цвет с градиентом на темном фоне */ export const onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)'; @@ -190,10 +190,10 @@ export const onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient export const onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #E6E6E6FF)'; /** Акцентный минорный цвет на темном фоне */ -export const onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #FFFFFFFF)'; +export const onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #42BD9EFF)'; /** Акцентный минорный цвет на темном фоне */ -export const onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #1C62E3FF)'; +export const onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #328F78FF)'; /** Цвет успеха на темном фоне */ export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #1EB83AFF)'; @@ -243,12 +243,6 @@ export const onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #F /** Минорный цвет информации на темном фоне */ export const onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #1C62E3FF)'; -/** Акцентный цвет на темном фоне */ -export const onDarkTextAccent = 'var(--on-dark-text-accent, #3F81FD)'; - -/** Акцентный минорный цвет на темном фоне */ -export const onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #1549AB)'; - /** Акцентный цвет с градиентом на темном фоне */ export const onDarkTextAccentGradient = 'var(--on-dark-text-accent-gradient, linear-gradient(90deg, #5E94FF 0%, #43DBFA 100%))'; @@ -277,6 +271,12 @@ export const onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #9C14 /** Минорный цвет информации на темном фоне */ export const onDarkTextInfoMinor = 'var(--on-dark-text-info-minor, #1549AB)'; +/** Акцентный цвет на темном фоне */ +export const onDarkTextAccent = 'var(--on-dark-text-accent, #24F2BF)'; + +/** Акцентный минорный цвет на темном фоне */ +export const onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #3AA68B)'; + /** Основной цвет текста на светлом фоне */ export const onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #08080893)'; @@ -305,10 +305,10 @@ export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, # export const onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #080808A3)'; /** Акцентный цвет на светлом фоне */ -export const onLightTextAccentHover = 'var(--on-light-text-accent-hover, #79A7FBFF)'; +export const onLightTextAccentHover = 'var(--on-light-text-accent-hover, #2ADFB2FF)'; /** Акцентный цвет на светлом фоне */ -export const onLightTextAccentActive = 'var(--on-light-text-accent-active, #0D5FF8FF)'; +export const onLightTextAccentActive = 'var(--on-light-text-accent-active, #1BB18CFF)'; /** Акцентный цвет с градиентом на светлом фоне */ export const onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)'; @@ -317,10 +317,10 @@ export const onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradie export const onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)'; /** Акцентный минорный цвет на светлом фоне */ -export const onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #DCE8FEFF)'; +export const onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #8BEAD3FF)'; /** Акцентный минорный цвет на светлом фоне */ -export const onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #6FA0FBFF)'; +export const onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #57E0C0FF)'; /** Цвет успеха на светлом фоне */ export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #1EB83AFF)'; @@ -370,12 +370,6 @@ export const onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, /** Минорный цвет информации на светлом фоне */ export const onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #6FA0FBFF)'; -/** Акцентный цвет на светлом фоне */ -export const onLightTextAccent = 'var(--on-light-text-accent, #2A72F8)'; - -/** Акцентный минорный цвет на светлом фоне */ -export const onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #8BB2FC)'; - /** Акцентный цвет с градиентом на светлом фоне */ export const onLightTextAccentGradient = 'var(--on-light-text-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))'; @@ -416,6 +410,12 @@ export const onLightTextTertiary = 'var(--on-light-text-tertiary, rgba(8,8,8,0.2 /** Сплошной наборный текст на светлом фоне */ export const onLightTextParagraph = 'var(--on-light-text-paragraph, rgba(8,8,8,0.80))'; +/** Акцентный цвет на светлом фоне */ +export const onLightTextAccent = 'var(--on-light-text-accent, #1FCCA0)'; + +/** Акцентный минорный цвет на светлом фоне */ +export const onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #73E5CA)'; + /** Инвертированный основной цвет текста */ export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #08080893)'; @@ -444,10 +444,10 @@ export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #0 export const inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #080808A3)'; /** Инвертированный акцентный цвет */ -export const inverseTextAccentHover = 'var(--inverse-text-accent-hover, #79A7FBFF)'; +export const inverseTextAccentHover = 'var(--inverse-text-accent-hover, #2ADFB2FF)'; /** Инвертированный акцентный цвет */ -export const inverseTextAccentActive = 'var(--inverse-text-accent-active, #0D5FF8FF)'; +export const inverseTextAccentActive = 'var(--inverse-text-accent-active, #1BB18CFF)'; /** Инвертированный акцентный цвет с градиентом */ export const inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)'; @@ -456,10 +456,10 @@ export const inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradien export const inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)'; /** Инвертированный минорный акцентный цвет */ -export const inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #DCE8FEFF)'; +export const inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #8BEAD3FF)'; /** Инвертированный минорный акцентный цвет */ -export const inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #6FA0FBFF)'; +export const inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #57E0C0FF)'; /** Инвертированный цвет успеха */ export const inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #1EB83AFF)'; @@ -521,16 +521,10 @@ export const inverseTextTertiary = 'var(--inverse-text-tertiary, rgba(8,8,8,0.28 /** Инвертированный сплошной наборный текст */ export const inverseTextParagraph = 'var(--inverse-text-paragraph, rgba(8,8,8,0.80))'; -/** Инвертированный акцентный цвет */ -export const inverseTextAccent = 'var(--inverse-text-accent, #2A72F8)'; - /** Инвертированный акцентный цвет с градиентом */ export const inverseTextAccentGradient = 'var(--inverse-text-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))'; -/** Инвертированный минорный акцентный цвет */ -export const inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #8BB2FC)'; - /** Инвертированный цвет успеха */ export const inverseTextPositive = 'var(--inverse-text-positive, #1A9E32)'; @@ -555,6 +549,12 @@ export const inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FF8 /** Инвертированный минорный цвет информации */ export const inverseTextInfoMinor = 'var(--inverse-text-info-minor, #8BB2FC)'; +/** Инвертированный акцентный цвет */ +export const inverseTextAccent = 'var(--inverse-text-accent, #1FCCA0)'; + +/** Инвертированный минорный акцентный цвет */ +export const inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #73E5CA)'; + /** Основной непрозрачный фон поверхности/контрола */ export const surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #121212FF)'; @@ -631,10 +631,10 @@ export const surfaceClearHover = 'var(--surface-clear-hover, #FFFFFFFF)'; export const surfaceClearActive = 'var(--surface-clear-active, #FFFFFFFF)'; /** Акцентный фон поверхности/контрола */ -export const surfaceAccentHover = 'var(--surface-accent-hover, #5D95FDFF)'; +export const surfaceAccentHover = 'var(--surface-accent-hover, #4DF5CBFF)'; /** Акцентный фон поверхности/контрола */ -export const surfaceAccentActive = 'var(--surface-accent-active, #357BFDFF)'; +export const surfaceAccentActive = 'var(--surface-accent-active, #1CF2BCFF)'; /** Акцентный фон поверхности/контрола с градиентом */ export const surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)'; @@ -643,16 +643,16 @@ export const surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, export const surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)'; /** Акцентный минорный непрозрачный фон поверхности/контрола */ -export const surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #0A2A67FF)'; +export const surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #106550FF)'; /** Акцентный минорный непрозрачный фон поверхности/контрола */ -export const surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #071F4BFF)'; +export const surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #0C4B3BFF)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #3F82FD52)'; +export const surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #26F2BF66)'; /** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #3F82FD24)'; +export const surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #26F2BF38)'; /** Цвет фона поверхности/контрола успех */ export const surfacePositiveHover = 'var(--surface-positive-hover, #1DAF37FF)'; @@ -768,18 +768,9 @@ export const surfaceTransparentDeep = 'var(--surface-transparent-deep, rgba(255, /** Фон поверхности/контрола без заливки */ export const surfaceClear = 'var(--surface-clear, #FFFFFF00)'; -/** Акцентный фон поверхности/контрола */ -export const surfaceAccent = 'var(--surface-accent, #3F81FD)'; - /** Акцентный фон поверхности/контрола с градиентом */ export const surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(90deg, #3E79F0 0%, #27C6E5 100%))'; -/** Акцентный минорный непрозрачный фон поверхности/контрола */ -export const surfaceAccentMinor = 'var(--surface-accent-minor, #082254)'; - -/** Прозрачный акцентный фон поверхности/контрола */ -export const surfaceTransparentAccent = 'var(--surface-transparent-accent, rgba(63,129,253,0.20))'; - /** Цвет фона поверхности/контрола успех */ export const surfacePositive = 'var(--surface-positive, #1A9E32)'; @@ -807,6 +798,15 @@ export const surfaceInfoMinor = 'var(--surface-info-minor, #082254)'; /** Прозрачный цвет фона поверхности/контрола информация */ export const surfaceTransparentInfo = 'var(--surface-transparent-info, rgba(63,129,253,0.20))'; +/** Акцентный фон поверхности/контрола */ +export const surfaceAccent = 'var(--surface-accent, #24F2BF)'; + +/** Акцентный минорный непрозрачный фон поверхности/контрола */ +export const surfaceAccentMinor = 'var(--surface-accent-minor, #0D5442)'; + +/** Прозрачный акцентный фон поверхности/контрола */ +export const surfaceTransparentAccent = 'var(--surface-transparent-accent, rgba(36,242,191,0.28))'; + /** Основной непрозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #121212FF)'; @@ -877,10 +877,10 @@ export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transpa export const onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #FFFFFF1F)'; /** Акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #5D95FDFF)'; +export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #4DF5CBFF)'; /** Акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #357BFDFF)'; +export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #1CF2BCFF)'; /** Акцентный фон поверхности/контрола с градиентом на темном фоне */ export const onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)'; @@ -889,16 +889,16 @@ export const onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gr export const onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #0A2A67FF)'; +export const onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #106550FF)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #071F4BFF)'; +export const onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #0C4B3BFF)'; /** Прозрачный акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #3F82FD52)'; +export const onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #26F2BF66)'; /** Прозрачный акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #3F82FD24)'; +export const onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #26F2BF38)'; /** Цвет фона поверхности/контрола успех на темном фоне */ export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1DAF37FF)'; @@ -1011,19 +1011,10 @@ export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transpare /** Глубокий прозрачный фон поверхности/контрола на темном фоне */ export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, rgba(255,255,255,0.64))'; -/** Акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #3F81FD)'; - -/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #082254)'; - /** Акцентный фон поверхности/контрола с градиентом на темном фоне */ export const onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))'; -/** Прозрачный акцентный фон поверхности/контрола на темном фоне */ -export const onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, rgba(63,129,253,0.20))'; - /** Цвет фона поверхности/контрола успех на темном фоне */ export const onDarkSurfacePositive = 'var(--on-dark-surface-positive, #1A9E32)'; @@ -1051,6 +1042,15 @@ export const onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #082254 /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */ export const onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info, rgba(63,129,253,0.20))'; +/** Акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #24F2BF)'; + +/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #0D5442)'; + +/** Прозрачный акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, rgba(36,242,191,0.28))'; + /** Основной непрозрачный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F7F7F7FF)'; @@ -1082,10 +1082,10 @@ export const onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card- export const onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFFFF)'; /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ -export const onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #0D0D0DFF)'; +export const onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #3D2E4DFF)'; /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ -export const onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030303FF)'; +export const onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #2E2239FF)'; /** Основной прозрачный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #0808081C)'; @@ -1122,10 +1122,10 @@ export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-trans export const onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)'; /** Акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #4886F9FF)'; +export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #21DEAFFF)'; /** Акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #206CF8FF)'; +export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #1DC39AFF)'; /** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ export const onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)'; @@ -1134,16 +1134,16 @@ export const onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent- export const onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #EBF1FFFF)'; +export const onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #EBFFFAFF)'; /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #D6E4FFFF)'; +export const onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #D6FFF5FF)'; /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #2A72F83D)'; +export const onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #1ECCA166)'; /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #2A72F80F)'; +export const onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #1ECCA138)'; /** Цвет фона поверхности/контрола успех на светлом фоне */ export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)'; @@ -1238,9 +1238,6 @@ export const onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-second /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #DADADA)'; -/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ -export const onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #080808)'; - /** Основной прозрачный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, rgba(8,8,8,0.05))'; @@ -1256,19 +1253,10 @@ export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transpa /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */ export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, rgba(8,8,8,0.64))'; -/** Акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccent = 'var(--on-light-surface-accent, #2A72F8)'; - /** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ export const onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))'; -/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #DEE9FF)'; - -/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ -export const onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, rgba(42,114,248,0.12))'; - /** Цвет фона поверхности/контрола успех на светлом фоне */ export const onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)'; @@ -1296,6 +1284,18 @@ export const onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor, #DEE9 /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */ export const onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, rgba(42,114,248,0.12))'; +/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ +export const onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #332640)'; + +/** Акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccent = 'var(--on-light-surface-accent, #1FCCA0)'; + +/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #DEFFF7)'; + +/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, rgba(31,204,160,0.28))'; + /** Инвертированный основной непрозрачный фон поверхности/контрола */ export const inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F7F7F7FF)'; @@ -1327,10 +1327,10 @@ export const inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-a export const inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card-brightness, #FFFFFFFF)'; /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #0D0D0DFF)'; +export const inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #3D2E4DFF)'; /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030303FF)'; +export const inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #2E2239FF)'; /** Инвертированный основной прозрачный фон поверхности/контрола */ export const inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #0808081C)'; @@ -1367,10 +1367,10 @@ export const inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transp export const inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)'; /** Инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #5D95FDFF)'; +export const inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #4DF5CBFF)'; /** Инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #357BFDFF)'; +export const inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #1CF2BCFF)'; /** Инвертированный акцентный фон поверхности/контрола с градиентом */ export const inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, #FFFFFFFF)'; @@ -1379,16 +1379,16 @@ export const inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-g export const inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)'; /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #EBF1FFFF)'; +export const inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #EBFFFAFF)'; /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #D6E4FFFF)'; +export const inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #D6FFF5FF)'; /** Прозрачный инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #2A72F83D)'; +export const inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #1ECCA166)'; /** Прозрачный инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #2A72F80F)'; +export const inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #1ECCA138)'; /** Инвертированный цвет фона поверхности/контрола успех */ export const inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1DAF37FF)'; @@ -1483,9 +1483,6 @@ export const inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-seconda /** Инвертированный третичный непрозрачный фон поверхности/контрола */ export const inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #DADADA)'; -/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ -export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #080808)'; - /** Инвертированный прозрачный фон для карточек */ export const inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFF)'; @@ -1501,19 +1498,10 @@ export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transpar /** Инвертированный глубокий прозрачный фон поверхности/контрола */ export const inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, rgba(8,8,8,0.64))'; -/** Инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceAccent = 'var(--inverse-surface-accent, #3F81FD)'; - /** Инвертированный акцентный фон поверхности/контрола с градиентом */ export const inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))'; -/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ -export const inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #DEE9FF)'; - -/** Прозрачный инвертированный акцентный фон поверхности/контрола */ -export const inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, rgba(42,114,248,0.12))'; - /** Инвертированный цвет фона поверхности/контрола успех */ export const inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)'; @@ -1541,17 +1529,29 @@ export const inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor, #DEE9F /** Прозрачный инвертированный цвет фона поверхности/контрола информация */ export const inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, rgba(42,114,248,0.12))'; +/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ +export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #332640)'; + +/** Инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceAccent = 'var(--inverse-surface-accent, #24F2BF)'; + +/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #DEFFF7)'; + +/** Прозрачный инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, rgba(31,204,160,0.28))'; + /** Основной фон */ -export const backgroundPrimary = 'var(--background-primary, #080808)'; +export const backgroundPrimary = 'var(--background-primary, #242326)'; /** Основной фон на темном фоне */ -export const darkBackgroundPrimary = 'var(--dark-background-primary, #080808)'; +export const darkBackgroundPrimary = 'var(--dark-background-primary, #242326)'; /** Основной фон на светлом фоне */ -export const lightBackgroundPrimary = 'var(--light-background-primary, #F9F9F9)'; +export const lightBackgroundPrimary = 'var(--light-background-primary, #EFF0F2)'; /** Инвертированный основной фон */ -export const inverseBackgroundPrimary = 'var(--inverse-background-primary, #F9F9F9)'; +export const inverseBackgroundPrimary = 'var(--inverse-background-primary, #EFF0F2)'; /** Цвет фона паранжи светлый */ export const overlaySoft = 'var(--overlay-soft, #0808088F)'; @@ -1647,24 +1647,24 @@ export const outlineDefaultOutlineClearHover = 'var(--outline-default-outline-cl export const outlineDefaultOutlineClearActive = 'var(--outline-default-outline-clear-active, #FFFFFFFF)'; /** Акцентный цвет обводки */ -export const outlineDefaultOutlineAccentHover = 'var(--outline-default-outline-accent-hover, #90B6FEFF)'; +export const outlineDefaultOutlineAccentHover = 'var(--outline-default-outline-accent-hover, #43F4C8FF)'; /** Акцентный цвет обводки */ -export const outlineDefaultOutlineAccentActive = 'var(--outline-default-outline-accent-active, #216EFDFF)'; +export const outlineDefaultOutlineAccentActive = 'var(--outline-default-outline-accent-active, #0EECB5FF)'; /** Акцентный минорный непрозрачный цвет обводки */ -export const outlineDefaultOutlineAccentMinorHover = 'var(--outline-default-outline-accent-minor-hover, #FFFFFFFF)'; +export const outlineDefaultOutlineAccentMinorHover = 'var(--outline-default-outline-accent-minor-hover, #42BD9EFF)'; /** Акцентный минорный непрозрачный цвет обводки */ -export const outlineDefaultOutlineAccentMinorActive = 'var(--outline-default-outline-accent-minor-active, #1C62E3FF)'; +export const outlineDefaultOutlineAccentMinorActive = 'var(--outline-default-outline-accent-minor-active, #328F78FF)'; /** Прозрачный акцентный цвет обводки */ export const outlineDefaultOutlineTransparentAccentHover = - 'var(--outline-default-outline-transparent-accent-hover, #3F82FDFF)'; + 'var(--outline-default-outline-transparent-accent-hover, #26F2BFFF)'; /** Прозрачный акцентный цвет обводки */ export const outlineDefaultOutlineTransparentAccentActive = - 'var(--outline-default-outline-transparent-accent-active, #3F82FD56)'; + 'var(--outline-default-outline-transparent-accent-active, #26F2BF56)'; /** Цвет обводки успех */ export const outlineDefaultOutlinePositive = 'var(--outline-default-outline-positive, #24B23E)'; @@ -1804,16 +1804,6 @@ export const outlineDefaultOutlineTransparentTertiary = /** Бесцветная обводка */ export const outlineDefaultOutlineClear = 'var(--outline-default-outline-clear, #FFFFFF00)'; -/** Акцентный цвет обводки */ -export const outlineDefaultOutlineAccent = 'var(--outline-default-outline-accent, #3F81FD)'; - -/** Акцентный минорный непрозрачный цвет обводки */ -export const outlineDefaultOutlineAccentMinor = 'var(--outline-default-outline-accent-minor, #1549AB)'; - -/** Прозрачный акцентный цвет обводки */ -export const outlineDefaultOutlineTransparentAccent = - 'var(--outline-default-outline-transparent-accent, rgba(63,129,253,0.28))'; - /** Цвет обводки информация */ export const outlineDefaultOutlineInfo = 'var(--outline-default-outline-info, #3F81FD)'; @@ -1824,6 +1814,16 @@ export const outlineDefaultOutlineInfoMinor = 'var(--outline-default-outline-inf export const outlineDefaultOutlineTransparentInfo = 'var(--outline-default-outline-transparent-info, rgba(63,129,253,0.28))'; +/** Акцентный цвет обводки */ +export const outlineDefaultOutlineAccent = 'var(--outline-default-outline-accent, #24F2BF)'; + +/** Акцентный минорный непрозрачный цвет обводки */ +export const outlineDefaultOutlineAccentMinor = 'var(--outline-default-outline-accent-minor, #3AA68B)'; + +/** Прозрачный акцентный цвет обводки */ +export const outlineDefaultOutlineTransparentAccent = + 'var(--outline-default-outline-transparent-accent, rgba(36,242,191,0.28))'; + /** Основной непрозрачный цвет обводки на темном фоне */ export const outlineOnDarkOutlineSolidPrimaryHover = 'var(--outline-on-dark-outline-solid-primary-hover, #FFFFFFFF)'; @@ -1876,24 +1876,24 @@ export const outlineOnDarkOutlineTransparentTertiaryActive = 'var(--outline-on-dark-outline-transparent-tertiary-active, #FFFFFF7A)'; /** Акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentHover = 'var(--outline-on-dark-outline-accent-hover, #90B6FEFF)'; +export const outlineOnDarkOutlineAccentHover = 'var(--outline-on-dark-outline-accent-hover, #43F4C8FF)'; /** Акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentActive = 'var(--outline-on-dark-outline-accent-active, #216EFDFF)'; +export const outlineOnDarkOutlineAccentActive = 'var(--outline-on-dark-outline-accent-active, #0EECB5FF)'; /** Акцентный минорный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentMinorHover = 'var(--outline-on-dark-outline-accent-minor-hover, #FFFFFFFF)'; +export const outlineOnDarkOutlineAccentMinorHover = 'var(--outline-on-dark-outline-accent-minor-hover, #43F4C8FF)'; /** Акцентный минорный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentMinorActive = 'var(--outline-on-dark-outline-accent-minor-active, #1C62E3FF)'; +export const outlineOnDarkOutlineAccentMinorActive = 'var(--outline-on-dark-outline-accent-minor-active, #0EECB5FF)'; /** Прозрачный акцентный цвет обводки на темном фоне */ export const outlineOnDarkOutlineTransparentAccentHover = - 'var(--outline-on-dark-outline-transparent-accent-hover, #3F82FDFF)'; + 'var(--outline-on-dark-outline-transparent-accent-hover, #26F2BFFF)'; /** Прозрачный акцентный цвет обводки на темном фоне */ export const outlineOnDarkOutlineTransparentAccentActive = - 'var(--outline-on-dark-outline-transparent-accent-active, #3F82FD56)'; + 'var(--outline-on-dark-outline-transparent-accent-active, #26F2BF56)'; /** Цвет обводки успех на темном фоне */ export const outlineOnDarkOutlinePositive = 'var(--outline-on-dark-outline-positive, #24B23E)'; @@ -2028,16 +2028,6 @@ export const outlineOnDarkOutlineTransparentSecondary = export const outlineOnDarkOutlineTransparentTertiary = 'var(--outline-on-dark-outline-transparent-tertiary, rgba(255,255,255,0.40))'; -/** Акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccent = 'var(--outline-on-dark-outline-accent, #3F81FD)'; - -/** Акцентный минорный непрозрачный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineAccentMinor = 'var(--outline-on-dark-outline-accent-minor, #1549AB)'; - -/** Прозрачный акцентный цвет обводки на темном фоне */ -export const outlineOnDarkOutlineTransparentAccent = - 'var(--outline-on-dark-outline-transparent-accent, rgba(63,129,253,0.28))'; - /** Цвет обводки информация на темном фоне */ export const outlineOnDarkOutlineInfo = 'var(--outline-on-dark-outline-info, #3F81FD)'; @@ -2048,6 +2038,16 @@ export const outlineOnDarkOutlineInfoMinor = 'var(--outline-on-dark-outline-info export const outlineOnDarkOutlineTransparentInfo = 'var(--outline-on-dark-outline-transparent-info, rgba(63,129,253,0.28))'; +/** Акцентный цвет обводки на темном фоне */ +export const outlineOnDarkOutlineAccent = 'var(--outline-on-dark-outline-accent, #24F2BF)'; + +/** Акцентный минорный непрозрачный цвет обводки на темном фоне */ +export const outlineOnDarkOutlineAccentMinor = 'var(--outline-on-dark-outline-accent-minor, #24F2BF)'; + +/** Прозрачный акцентный цвет обводки на темном фоне */ +export const outlineOnDarkOutlineTransparentAccent = + 'var(--outline-on-dark-outline-transparent-accent, rgba(36,242,191,0.28))'; + /** Основной непрозрачный цвет обводки на светлом фоне */ export const outlineOnLightOutlineSolidPrimaryHover = 'var(--outline-on-light-outline-solid-primary-hover, #ADADADFF)'; @@ -2103,24 +2103,24 @@ export const outlineOnLightOutlineTransparentTertiaryActive = 'var(--outline-on-light-outline-transparent-tertiary-active, #080808AB)'; /** Акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentHover = 'var(--outline-on-light-outline-accent-hover, #79A7FBFF)'; +export const outlineOnLightOutlineAccentHover = 'var(--outline-on-light-outline-accent-hover, #2ADFB2FF)'; /** Акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentActive = 'var(--outline-on-light-outline-accent-active, #0D5FF8FF)'; +export const outlineOnLightOutlineAccentActive = 'var(--outline-on-light-outline-accent-active, #1BB18CFF)'; /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentMinorHover = 'var(--outline-on-light-outline-accent-minor-hover, #DCE8FEFF)'; +export const outlineOnLightOutlineAccentMinorHover = 'var(--outline-on-light-outline-accent-minor-hover, #8BEAD3FF)'; /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentMinorActive = 'var(--outline-on-light-outline-accent-minor-active, #6FA0FBFF)'; +export const outlineOnLightOutlineAccentMinorActive = 'var(--outline-on-light-outline-accent-minor-active, #57E0C0FF)'; /** Прозрачный акцентный цвет обводки на светлом фоне */ export const outlineOnLightOutlineTransparentAccentHover = - 'var(--outline-on-light-outline-transparent-accent-hover, #2A72F8FF)'; + 'var(--outline-on-light-outline-transparent-accent-hover, #1ECCA1FF)'; /** Прозрачный акцентный цвет обводки на светлом фоне */ export const outlineOnLightOutlineTransparentAccentActive = - 'var(--outline-on-light-outline-transparent-accent-active, #2A72F83D)'; + 'var(--outline-on-light-outline-transparent-accent-active, #1ECCA156)'; /** Цвет обводки успех на светлом фоне */ export const outlineOnLightOutlinePositiveHover = 'var(--outline-on-light-outline-positive-hover, #1EB83AFF)'; @@ -2247,16 +2247,6 @@ export const outlineOnLightOutlineTransparentSecondary = export const outlineOnLightOutlineTransparentTertiary = 'var(--outline-on-light-outline-transparent-tertiary, #0808088F)'; -/** Акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccent = 'var(--outline-on-light-outline-accent, #2A72F8)'; - -/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineAccentMinor = 'var(--outline-on-light-outline-accent-minor, #8BB2FC)'; - -/** Прозрачный акцентный цвет обводки на светлом фоне */ -export const outlineOnLightOutlineTransparentAccent = - 'var(--outline-on-light-outline-transparent-accent, rgba(42,114,248,0.20))'; - /** Цвет обводки информация на светлом фоне */ export const outlineOnLightOutlineInfo = 'var(--outline-on-light-outline-info, #2A72F8)'; @@ -2281,6 +2271,16 @@ export const outlineOnLightOutlineTransparentWarning = export const outlineOnLightOutlineTransparentInfo = 'var(--outline-on-light-outline-transparent-info, rgba(42,114,248,0.20))'; +/** Акцентный цвет обводки на светлом фоне */ +export const outlineOnLightOutlineAccent = 'var(--outline-on-light-outline-accent, #1FCCA0)'; + +/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */ +export const outlineOnLightOutlineAccentMinor = 'var(--outline-on-light-outline-accent-minor, #73E5CA)'; + +/** Прозрачный акцентный цвет обводки на светлом фоне */ +export const outlineOnLightOutlineTransparentAccent = + 'var(--outline-on-light-outline-transparent-accent, rgba(31,204,160,0.28))'; + /** Инвертированный основной непрозрачный цвет обводки */ export const outlineInverseOutlineSolidPrimaryHover = 'var(--outline-inverse-outline-solid-primary-hover, #ADADADFF)'; @@ -2333,24 +2333,24 @@ export const outlineInverseOutlineTransparentTertiaryActive = 'var(--outline-inverse-outline-transparent-tertiary-active, #080808AB)'; /** Инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineAccentHover = 'var(--outline-inverse-outline-accent-hover, #79A7FBFF)'; +export const outlineInverseOutlineAccentHover = 'var(--outline-inverse-outline-accent-hover, #2ADFB2FF)'; /** Инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineAccentActive = 'var(--outline-inverse-outline-accent-active, #0D5FF8FF)'; +export const outlineInverseOutlineAccentActive = 'var(--outline-inverse-outline-accent-active, #1BB18CFF)'; /** Инвертированный акцентный минорный непрозрачный цвет обводки */ -export const outlineInverseOutlineAccentMinorHover = 'var(--outline-inverse-outline-accent-minor-hover, #DCE8FEFF)'; +export const outlineInverseOutlineAccentMinorHover = 'var(--outline-inverse-outline-accent-minor-hover, #8BEAD3FF)'; /** Инвертированный акцентный минорный непрозрачный цвет обводки */ -export const outlineInverseOutlineAccentMinorActive = 'var(--outline-inverse-outline-accent-minor-active, #6FA0FBFF)'; +export const outlineInverseOutlineAccentMinorActive = 'var(--outline-inverse-outline-accent-minor-active, #57E0C0FF)'; /** Прозрачный инвертированный акцентный цвет обводки */ export const outlineInverseOutlineTransparentAccentHover = - 'var(--outline-inverse-outline-transparent-accent-hover, #2A72F8FF)'; + 'var(--outline-inverse-outline-transparent-accent-hover, #1ECCA1FF)'; /** Прозрачный инвертированный акцентный цвет обводки */ export const outlineInverseOutlineTransparentAccentActive = - 'var(--outline-inverse-outline-transparent-accent-active, #2A72F83D)'; + 'var(--outline-inverse-outline-transparent-accent-active, #1ECCA156)'; /** Инвертированный цвет обводки успех */ export const outlineInverseOutlinePositiveHover = 'var(--outline-inverse-outline-positive-hover, #1EB83AFF)'; @@ -2474,15 +2474,6 @@ export const outlineInverseOutlineTransparentSecondary = export const outlineInverseOutlineTransparentTertiary = 'var(--outline-inverse-outline-transparent-tertiary, #0808088F)'; -/** Инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineAccent = 'var(--outline-inverse-outline-accent, #2A72F8)'; - -/** Инвертированный акцентный минорный непрозрачный цвет обводки */ -export const outlineInverseOutlineAccentMinor = 'var(--outline-inverse-outline-accent-minor, #8BB2FC)'; - -/** Прозрачный инвертированный акцентный цвет обводки */ -export const outlineInverseOutlineTransparentAccent = 'var(--outline-inverse-outline-transparent-accent, #2A72F833)'; - /** Инвертированный цвет обводки успех */ export const outlineInverseOutlinePositive = 'var(--outline-inverse-outline-positive, #1A9E32)'; @@ -2507,6 +2498,16 @@ export const outlineInverseOutlineTransparentWarning = export const outlineInverseOutlineTransparentInfo = 'var(--outline-inverse-outline-transparent-info, rgba(42,114,248,0.20))'; +/** Инвертированный акцентный цвет обводки */ +export const outlineInverseOutlineAccent = 'var(--outline-inverse-outline-accent, #1FCCA0)'; + +/** Инвертированный акцентный минорный непрозрачный цвет обводки */ +export const outlineInverseOutlineAccentMinor = 'var(--outline-inverse-outline-accent-minor, #73E5CA)'; + +/** Прозрачный инвертированный акцентный цвет обводки */ +export const outlineInverseOutlineTransparentAccent = + 'var(--outline-inverse-outline-transparent-accent, rgba(31,204,160,0.28))'; + export const skeletonGradient = 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ))'; diff --git a/packages/plasma-tokens/src/themes/plasma_giga__dark.ts b/packages/plasma-tokens/src/themes/plasma_giga__dark.ts index 125177c342..9090ff3559 100644 --- a/packages/plasma-tokens/src/themes/plasma_giga__dark.ts +++ b/packages/plasma-tokens/src/themes/plasma_giga__dark.ts @@ -15,12 +15,12 @@ export const plasma_giga__dark = { '--text-paragraph': 'rgba(255, 255, 255, 0.8)', '--text-paragraph-hover': '#FFFFFF7A', '--text-paragraph-active': '#FFFFFFA3', - '--text-accent-hover': '#90B6FEFF', - '--text-accent-active': '#216EFDFF', + '--text-accent-hover': '#43F4C8FF', + '--text-accent-active': '#0EECB5FF', '--text-accent-gradient-hover': '#CCCCCCFF', '--text-accent-gradient-active': '#E6E6E6FF', - '--text-accent-minor-hover': '#FFFFFFFF', - '--text-accent-minor-active': '#1C62E3FF', + '--text-accent-minor-hover': '#42BD9EFF', + '--text-accent-minor-active': '#328F78FF', '--text-positive-hover': '#1EB83AFF', '--text-positive-active': '#15842AFF', '--text-warning-hover': '#FB7223FF', @@ -37,9 +37,7 @@ export const plasma_giga__dark = { '--text-negative-minor-active': '#83111CFF', '--text-info-minor-hover': '#FFFFFFFF', '--text-info-minor-active': '#1C62E3FF', - '--text-accent': '#3F81FD', '--text-accent-gradient': 'linear-gradient(90deg, #5E94FF 0%, #43DBFA 100%)', - '--text-accent-minor': '#1549AB', '--text-positive': '#1A9E32', '--text-warning': '#FA5F05', '--text-negative': '#FF293E', @@ -48,6 +46,8 @@ export const plasma_giga__dark = { '--text-negative-minor': '#9C1422', '--text-info-minor': '#1549AB', '--text-info': '#3F81FD', + '--text-accent': '#24F2BF', + '--text-accent-minor': '#3AA68B', '--on-dark-text-primary': 'rgba(255, 255, 255, 0.96)', '--on-dark-text-primary-hover': '#FFFFFF93', '--on-dark-text-primary-active': '#FFFFFFC4', @@ -61,12 +61,12 @@ export const plasma_giga__dark = { '--on-dark-text-paragraph': 'rgba(255, 255, 255, 0.8)', '--on-dark-text-paragraph-hover': '#FFFFFF7A', '--on-dark-text-paragraph-active': '#FFFFFFA3', - '--on-dark-text-accent-hover': '#90B6FEFF', - '--on-dark-text-accent-active': '#216EFDFF', + '--on-dark-text-accent-hover': '#43F4C8FF', + '--on-dark-text-accent-active': '#0EECB5FF', '--on-dark-text-accent-gradient-hover': '#CCCCCCFF', '--on-dark-text-accent-gradient-active': '#E6E6E6FF', - '--on-dark-text-accent-minor-hover': '#FFFFFFFF', - '--on-dark-text-accent-minor-active': '#1C62E3FF', + '--on-dark-text-accent-minor-hover': '#42BD9EFF', + '--on-dark-text-accent-minor-active': '#328F78FF', '--on-dark-text-positive-hover': '#1EB83AFF', '--on-dark-text-positive-active': '#15842AFF', '--on-dark-text-warning-hover': '#FB7223FF', @@ -83,8 +83,6 @@ export const plasma_giga__dark = { '--on-dark-text-negative-minor-active': '#83111CFF', '--on-dark-text-info-minor-hover': '#FFFFFFFF', '--on-dark-text-info-minor-active': '#1C62E3FF', - '--on-dark-text-accent': '#3F81FD', - '--on-dark-text-accent-minor': '#1549AB', '--on-dark-text-accent-gradient': 'linear-gradient(90deg, #5E94FF 0%, #43DBFA 100%)', '--on-dark-text-positive': '#1A9E32', '--on-dark-text-warning': '#FA5F05', @@ -94,6 +92,8 @@ export const plasma_giga__dark = { '--on-dark-text-warning-minor': '#85380C', '--on-dark-text-negative-minor': '#9C1422', '--on-dark-text-info-minor': '#1549AB', + '--on-dark-text-accent': '#24F2BF', + '--on-dark-text-accent-minor': '#3AA68B', '--on-light-text-primary-hover': '#08080893', '--on-light-text-primary-active': '#080808C4', '--on-light-text-primary-brightness': '#080808F5', @@ -103,12 +103,12 @@ export const plasma_giga__dark = { '--on-light-text-tertiary-active': '#08080856', '--on-light-text-paragraph-hover': '#0808087A', '--on-light-text-paragraph-active': '#080808A3', - '--on-light-text-accent-hover': '#79A7FBFF', - '--on-light-text-accent-active': '#0D5FF8FF', + '--on-light-text-accent-hover': '#2ADFB2FF', + '--on-light-text-accent-active': '#1BB18CFF', '--on-light-text-accent-gradient-hover': '#CCCCCCFF', '--on-light-text-accent-gradient-active': '#E6E6E6FF', - '--on-light-text-accent-minor-hover': '#DCE8FEFF', - '--on-light-text-accent-minor-active': '#6FA0FBFF', + '--on-light-text-accent-minor-hover': '#8BEAD3FF', + '--on-light-text-accent-minor-active': '#57E0C0FF', '--on-light-text-positive-hover': '#1EB83AFF', '--on-light-text-positive-active': '#15842AFF', '--on-light-text-warning-hover': '#FB7223FF', @@ -125,8 +125,6 @@ export const plasma_giga__dark = { '--on-light-text-negative-minor-active': '#FF707EFF', '--on-light-text-info-minor-hover': '#DCE8FEFF', '--on-light-text-info-minor-active': '#6FA0FBFF', - '--on-light-text-accent': '#2A72F8', - '--on-light-text-accent-minor': '#8BB2FC', '--on-light-text-accent-gradient': 'linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)', '--on-light-text-positive': '#1A9E32', '--on-light-text-warning': '#FA5F05', @@ -140,6 +138,8 @@ export const plasma_giga__dark = { '--on-light-text-secondary': 'rgba(8,8,8,0.56)', '--on-light-text-tertiary': 'rgba(8,8,8,0.28)', '--on-light-text-paragraph': 'rgba(8,8,8,0.80)', + '--on-light-text-accent': '#1FCCA0', + '--on-light-text-accent-minor': '#73E5CA', '--inverse-text-primary-hover': '#08080893', '--inverse-text-primary-active': '#080808C4', '--inverse-text-primary-brightness': '#080808F5', @@ -149,12 +149,12 @@ export const plasma_giga__dark = { '--inverse-text-tertiary-active': '#08080856', '--inverse-text-paragraph-hover': '#0808087A', '--inverse-text-paragraph-active': '#080808A3', - '--inverse-text-accent-hover': '#79A7FBFF', - '--inverse-text-accent-active': '#0D5FF8FF', + '--inverse-text-accent-hover': '#2ADFB2FF', + '--inverse-text-accent-active': '#1BB18CFF', '--inverse-text-accent-gradient-hover': '#CCCCCCFF', '--inverse-text-accent-gradient-active': '#E6E6E6FF', - '--inverse-text-accent-minor-hover': '#DCE8FEFF', - '--inverse-text-accent-minor-active': '#6FA0FBFF', + '--inverse-text-accent-minor-hover': '#8BEAD3FF', + '--inverse-text-accent-minor-active': '#57E0C0FF', '--inverse-text-positive-hover': '#1EB83AFF', '--inverse-text-positive-active': '#15842AFF', '--inverse-text-warning-hover': '#FB7223FF', @@ -175,9 +175,7 @@ export const plasma_giga__dark = { '--inverse-text-secondary': 'rgba(8,8,8,0.56)', '--inverse-text-tertiary': 'rgba(8,8,8,0.28)', '--inverse-text-paragraph': 'rgba(8,8,8,0.80)', - '--inverse-text-accent': '#2A72F8', '--inverse-text-accent-gradient': 'linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)', - '--inverse-text-accent-minor': '#8BB2FC', '--inverse-text-positive': '#1A9E32', '--inverse-text-warning': '#FA5F05', '--inverse-text-negative': '#F31B31', @@ -186,6 +184,8 @@ export const plasma_giga__dark = { '--inverse-text-warning-minor': '#FD9C68', '--inverse-text-negative-minor': '#FF8F9A', '--inverse-text-info-minor': '#8BB2FC', + '--inverse-text-accent': '#1FCCA0', + '--inverse-text-accent-minor': '#73E5CA', '--surface-solid-primary-hover': '#121212FF', '--surface-solid-primary-active': '#080808FF', '--surface-solid-primary-brightness': '#1C1C1CFF', @@ -211,14 +211,14 @@ export const plasma_giga__dark = { '--surface-transparent-card-brightness': '#FFFFFF1F', '--surface-clear-hover': '#FFFFFFFF', '--surface-clear-active': '#FFFFFFFF', - '--surface-accent-hover': '#5D95FDFF', - '--surface-accent-active': '#357BFDFF', + '--surface-accent-hover': '#4DF5CBFF', + '--surface-accent-active': '#1CF2BCFF', '--surface-accent-gradient-hover': '#FFFFFFFF', '--surface-accent-gradient-active': '#FFFFFFFF', - '--surface-accent-minor-hover': '#0A2A67FF', - '--surface-accent-minor-active': '#071F4BFF', - '--surface-transparent-accent-hover': '#3F82FD52', - '--surface-transparent-accent-active': '#3F82FD24', + '--surface-accent-minor-hover': '#106550FF', + '--surface-accent-minor-active': '#0C4B3BFF', + '--surface-transparent-accent-hover': '#26F2BF66', + '--surface-transparent-accent-active': '#26F2BF38', '--surface-positive-hover': '#1DAF37FF', '--surface-positive-active': '#18952FFF', '--surface-warning-hover': '#FB7223FF', @@ -257,10 +257,7 @@ export const plasma_giga__dark = { '--surface-transparent-tertiary': 'rgba(255,255,255,0.15)', '--surface-transparent-deep': 'rgba(255,255,255,0.64)', '--surface-clear': '#FFFFFF00', - '--surface-accent': '#3F81FD', '--surface-accent-gradient': 'linear-gradient(90deg, #3E79F0 0%, #27C6E5 100%)', - '--surface-accent-minor': '#082254', - '--surface-transparent-accent': 'rgba(63,129,253,0.20)', '--surface-positive': '#1A9E32', '--surface-warning': '#FA5F05', '--surface-negative': '#FF293E', @@ -270,6 +267,9 @@ export const plasma_giga__dark = { '--surface-negative-minor': '#4A0D13', '--surface-info-minor': '#082254', '--surface-transparent-info': 'rgba(63,129,253,0.20)', + '--surface-accent': '#24F2BF', + '--surface-accent-minor': '#0D5442', + '--surface-transparent-accent': 'rgba(36,242,191,0.28)', '--on-dark-surface-solid-primary-hover': '#121212FF', '--on-dark-surface-solid-primary-active': '#080808FF', '--on-dark-surface-solid-primary-brightness': '#1C1C1CFF', @@ -293,14 +293,14 @@ export const plasma_giga__dark = { '--on-dark-surface-transparent-card-hover': '#FFFFFF3D', '--on-dark-surface-transparent-card-active': '#FFFFFF0F', '--on-dark-surface-transparent-card-brightness': '#FFFFFF1F', - '--on-dark-surface-accent-hover': '#5D95FDFF', - '--on-dark-surface-accent-active': '#357BFDFF', + '--on-dark-surface-accent-hover': '#4DF5CBFF', + '--on-dark-surface-accent-active': '#1CF2BCFF', '--on-dark-surface-accent-gradient-hover': '#FFFFFFFF', '--on-dark-surface-accent-gradient-active': '#FFFFFFFF', - '--on-dark-surface-accent-minor-hover': '#0A2A67FF', - '--on-dark-surface-accent-minor-active': '#071F4BFF', - '--on-dark-surface-transparent-accent-hover': '#3F82FD52', - '--on-dark-surface-transparent-accent-active': '#3F82FD24', + '--on-dark-surface-accent-minor-hover': '#106550FF', + '--on-dark-surface-accent-minor-active': '#0C4B3BFF', + '--on-dark-surface-transparent-accent-hover': '#26F2BF66', + '--on-dark-surface-transparent-accent-active': '#26F2BF38', '--on-dark-surface-positive-hover': '#1DAF37FF', '--on-dark-surface-positive-active': '#18952FFF', '--on-dark-surface-warning-hover': '#FB7223FF', @@ -338,10 +338,7 @@ export const plasma_giga__dark = { '--on-dark-surface-transparent-secondary': 'rgba(255,255,255,0.10)', '--on-dark-surface-transparent-tertiary': 'rgba(255,255,255,0.15)', '--on-dark-surface-transparent-deep': 'rgba(255,255,255,0.64)', - '--on-dark-surface-accent': '#3F81FD', - '--on-dark-surface-accent-minor': '#082254', '--on-dark-surface-accent-gradient': 'linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)', - '--on-dark-surface-transparent-accent': 'rgba(63,129,253,0.20)', '--on-dark-surface-positive': '#1A9E32', '--on-dark-surface-warning': '#FA5F05', '--on-dark-surface-negative': '#FF293E', @@ -351,6 +348,9 @@ export const plasma_giga__dark = { '--on-dark-surface-negative-minor': '#4A0D13', '--on-dark-surface-info-minor': '#082254', '--on-dark-surface-transparent-info': 'rgba(63,129,253,0.20)', + '--on-dark-surface-accent': '#24F2BF', + '--on-dark-surface-accent-minor': '#0D5442', + '--on-dark-surface-transparent-accent': 'rgba(36,242,191,0.28)', '--on-light-surface-solid-primary-hover': '#F7F7F7FF', '--on-light-surface-solid-primary-active': '#EDEDEDFF', '--on-light-surface-solid-primary-brightness': '#FFFFFFFF', @@ -361,8 +361,8 @@ export const plasma_giga__dark = { '--on-light-surface-solid-card-hover': '#FFFFFFFF', '--on-light-surface-solid-card-active': '#FFFFFFFF', '--on-light-surface-solid-card-brightness': '#FFFFFFFF', - '--on-light-surface-solid-default-hover': '#0D0D0DFF', - '--on-light-surface-solid-default-active': '#030303FF', + '--on-light-surface-solid-default-hover': '#3D2E4DFF', + '--on-light-surface-solid-default-active': '#2E2239FF', '--on-light-surface-transparent-primary-hover': '#0808081C', '--on-light-surface-transparent-primary-active': '#08080808', '--on-light-surface-transparent-secondary-hover': '#08080838', @@ -374,14 +374,14 @@ export const plasma_giga__dark = { '--on-light-surface-transparent-card-hover': '#FFFFFFFF', '--on-light-surface-transparent-card-active': '#FFFFFFFF', '--on-light-surface-transparent-card-brightness': '#FFFFFFFF', - '--on-light-surface-accent-hover': '#4886F9FF', - '--on-light-surface-accent-active': '#206CF8FF', + '--on-light-surface-accent-hover': '#21DEAFFF', + '--on-light-surface-accent-active': '#1DC39AFF', '--on-light-surface-accent-gradient-hover': '#FFFFFFFF', '--on-light-surface-accent-gradient-active': '#FFFFFFFF', - '--on-light-surface-accent-minor-hover': '#EBF1FFFF', - '--on-light-surface-accent-minor-active': '#D6E4FFFF', - '--on-light-surface-transparent-accent-hover': '#2A72F83D', - '--on-light-surface-transparent-accent-active': '#2A72F80F', + '--on-light-surface-accent-minor-hover': '#EBFFFAFF', + '--on-light-surface-accent-minor-active': '#D6FFF5FF', + '--on-light-surface-transparent-accent-hover': '#1ECCA166', + '--on-light-surface-transparent-accent-active': '#1ECCA138', '--on-light-surface-positive-hover': '#1DAF37FF', '--on-light-surface-positive-active': '#18952FFF', '--on-light-surface-warning-hover': '#FB7223FF', @@ -413,16 +413,12 @@ export const plasma_giga__dark = { '--on-light-surface-solid-primary': '#F2F2F2', '--on-light-surface-solid-secondary': '#E7E7E7', '--on-light-surface-solid-tertiary': '#DADADA', - '--on-light-surface-solid-default': '#080808', '--on-light-surface-transparent-primary': 'rgba(8,8,8,0.05)', '--on-light-surface-transparent-card': '#FFFFFF', '--on-light-surface-transparent-secondary': 'rgba(8,8,8,0.10)', '--on-light-surface-transparent-tertiary': 'rgba(8,8,8,0.15)', '--on-light-surface-transparent-deep': 'rgba(8,8,8,0.64)', - '--on-light-surface-accent': '#2A72F8', '--on-light-surface-accent-gradient': 'linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)', - '--on-light-surface-accent-minor': '#DEE9FF', - '--on-light-surface-transparent-accent': 'rgba(42,114,248,0.12)', '--on-light-surface-positive': '#1A9E32', '--on-light-surface-warning': '#FA5F05', '--on-light-surface-negative': '#FF293E', @@ -432,6 +428,10 @@ export const plasma_giga__dark = { '--on-light-surface-negative-minor': '#FFE0E3', '--on-light-surface-info-minor': '#DEE9FF', '--on-light-surface-transparent-info': 'rgba(42,114,248,0.12)', + '--on-light-surface-solid-default': '#332640', + '--on-light-surface-accent': '#1FCCA0', + '--on-light-surface-accent-minor': '#DEFFF7', + '--on-light-surface-transparent-accent': 'rgba(31,204,160,0.28)', '--inverse-surface-solid-primary-hover': '#F7F7F7FF', '--inverse-surface-solid-primary-active': '#EDEDEDFF', '--inverse-surface-solid-primary-brightness': '#FFFFFFFF', @@ -442,8 +442,8 @@ export const plasma_giga__dark = { '--inverse-surface-solid-card-hover': '#FFFFFFFF', '--inverse-surface-solid-card-active': '#FFFFFFFF', '--inverse-surface-solid-card-brightness': '#FFFFFFFF', - '--inverse-surface-solid-default-hover': '#0D0D0DFF', - '--inverse-surface-solid-default-active': '#030303FF', + '--inverse-surface-solid-default-hover': '#3D2E4DFF', + '--inverse-surface-solid-default-active': '#2E2239FF', '--inverse-surface-transparent-primary-hover': '#0808081C', '--inverse-surface-transparent-primary-active': '#08080808', '--inverse-surface-transparent-secondary-hover': '#08080838', @@ -455,14 +455,14 @@ export const plasma_giga__dark = { '--inverse-surface-transparent-card-hover': '#FFFFFFFF', '--inverse-surface-transparent-card-active': '#FFFFFFFF', '--inverse-surface-transparent-card-brightness': '#FFFFFFFF', - '--inverse-surface-accent-hover': '#5D95FDFF', - '--inverse-surface-accent-active': '#357BFDFF', + '--inverse-surface-accent-hover': '#4DF5CBFF', + '--inverse-surface-accent-active': '#1CF2BCFF', '--inverse-surface-accent-gradient-hover': '#FFFFFFFF', '--inverse-surface-accent-gradient-active': '#FFFFFFFF', - '--inverse-surface-accent-minor-hover': '#EBF1FFFF', - '--inverse-surface-accent-minor-active': '#D6E4FFFF', - '--inverse-surface-transparent-accent-hover': '#2A72F83D', - '--inverse-surface-transparent-accent-active': '#2A72F80F', + '--inverse-surface-accent-minor-hover': '#EBFFFAFF', + '--inverse-surface-accent-minor-active': '#D6FFF5FF', + '--inverse-surface-transparent-accent-hover': '#1ECCA166', + '--inverse-surface-transparent-accent-active': '#1ECCA138', '--inverse-surface-positive-hover': '#1DAF37FF', '--inverse-surface-positive-active': '#18952FFF', '--inverse-surface-warning-hover': '#FB7223FF', @@ -494,16 +494,12 @@ export const plasma_giga__dark = { '--inverse-surface-solid-primary': '#F2F2F2', '--inverse-surface-solid-secondary': '#E7E7E7', '--inverse-surface-solid-tertiary': '#DADADA', - '--inverse-surface-solid-default': '#080808', '--inverse-surface-transparent-card': '#FFFFFF', '--inverse-surface-transparent-primary': 'rgba(8,8,8,0.05)', '--inverse-surface-transparent-secondary': 'rgba(8,8,8,0.10)', '--inverse-surface-transparent-tertiary': 'rgba(8,8,8,0.15)', '--inverse-surface-transparent-deep': 'rgba(8,8,8,0.64)', - '--inverse-surface-accent': '#3F81FD', '--inverse-surface-accent-gradient': 'linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)', - '--inverse-surface-accent-minor': '#DEE9FF', - '--inverse-surface-transparent-accent': 'rgba(42,114,248,0.12)', '--inverse-surface-positive': '#1A9E32', '--inverse-surface-warning': '#FA5F05', '--inverse-surface-negative': '#FF293E', @@ -513,10 +509,14 @@ export const plasma_giga__dark = { '--inverse-surface-negative-minor': '#FFE0E3', '--inverse-surface-info-minor': '#DEE9FF', '--inverse-surface-transparent-info': 'rgba(42,114,248,0.12)', - '--background-primary': '#080808', - '--dark-background-primary': '#080808', - '--light-background-primary': '#F9F9F9', - '--inverse-background-primary': '#F9F9F9', + '--inverse-surface-solid-default': '#332640', + '--inverse-surface-accent': '#24F2BF', + '--inverse-surface-accent-minor': '#DEFFF7', + '--inverse-surface-transparent-accent': 'rgba(31,204,160,0.28)', + '--background-primary': '#242326', + '--dark-background-primary': '#242326', + '--light-background-primary': '#EFF0F2', + '--inverse-background-primary': '#EFF0F2', '--overlay-soft': '#0808088F', '--overlay-hard': '#080808F5', '--overlay-blur': '#08080847', @@ -545,12 +545,12 @@ export const plasma_giga__dark = { '--outline-default-outline-transparent-tertiary-active': '#FFFFFF7A', '--outline-default-outline-clear-hover': '#FFFFFFFF', '--outline-default-outline-clear-active': '#FFFFFFFF', - '--outline-default-outline-accent-hover': '#90B6FEFF', - '--outline-default-outline-accent-active': '#216EFDFF', - '--outline-default-outline-accent-minor-hover': '#FFFFFFFF', - '--outline-default-outline-accent-minor-active': '#1C62E3FF', - '--outline-default-outline-transparent-accent-hover': '#3F82FDFF', - '--outline-default-outline-transparent-accent-active': '#3F82FD56', + '--outline-default-outline-accent-hover': '#43F4C8FF', + '--outline-default-outline-accent-active': '#0EECB5FF', + '--outline-default-outline-accent-minor-hover': '#42BD9EFF', + '--outline-default-outline-accent-minor-active': '#328F78FF', + '--outline-default-outline-transparent-accent-hover': '#26F2BFFF', + '--outline-default-outline-transparent-accent-active': '#26F2BF56', '--outline-default-outline-positive': '#24B23E', '--outline-default-outline-positive-hover': '#2ACB47FF', '--outline-default-outline-positive-active': '#1F9835FF', @@ -592,12 +592,12 @@ export const plasma_giga__dark = { '--outline-default-outline-transparent-secondary': 'rgba(255,255,255,0.20)', '--outline-default-outline-transparent-tertiary': 'rgba(255,255,255,0.40)', '--outline-default-outline-clear': '#FFFFFF00', - '--outline-default-outline-accent': '#3F81FD', - '--outline-default-outline-accent-minor': '#1549AB', - '--outline-default-outline-transparent-accent': 'rgba(63,129,253,0.28)', '--outline-default-outline-info': '#3F81FD', '--outline-default-outline-info-minor': '#1549AB', '--outline-default-outline-transparent-info': 'rgba(63,129,253,0.28)', + '--outline-default-outline-accent': '#24F2BF', + '--outline-default-outline-accent-minor': '#3AA68B', + '--outline-default-outline-transparent-accent': 'rgba(36,242,191,0.28)', '--outline-on-dark-outline-solid-primary-hover': '#FFFFFFFF', '--outline-on-dark-outline-solid-primary-active': '#B5B5B5FF', '--outline-on-dark-outline-solid-secondary-hover': '#FFFFFFFF', @@ -612,12 +612,12 @@ export const plasma_giga__dark = { '--outline-on-dark-outline-transparent-secondary-active': '#FFFFFF3D', '--outline-on-dark-outline-transparent-tertiary-hover': '#FFFFFFFF', '--outline-on-dark-outline-transparent-tertiary-active': '#FFFFFF7A', - '--outline-on-dark-outline-accent-hover': '#90B6FEFF', - '--outline-on-dark-outline-accent-active': '#216EFDFF', - '--outline-on-dark-outline-accent-minor-hover': '#FFFFFFFF', - '--outline-on-dark-outline-accent-minor-active': '#1C62E3FF', - '--outline-on-dark-outline-transparent-accent-hover': '#3F82FDFF', - '--outline-on-dark-outline-transparent-accent-active': '#3F82FD56', + '--outline-on-dark-outline-accent-hover': '#43F4C8FF', + '--outline-on-dark-outline-accent-active': '#0EECB5FF', + '--outline-on-dark-outline-accent-minor-hover': '#43F4C8FF', + '--outline-on-dark-outline-accent-minor-active': '#0EECB5FF', + '--outline-on-dark-outline-transparent-accent-hover': '#26F2BFFF', + '--outline-on-dark-outline-transparent-accent-active': '#26F2BF56', '--outline-on-dark-outline-positive': '#24B23E', '--outline-on-dark-outline-positive-hover': '#2ACB47FF', '--outline-on-dark-outline-positive-active': '#1F9835FF', @@ -658,12 +658,12 @@ export const plasma_giga__dark = { '--outline-on-dark-outline-transparent-primary': 'rgba(255,255,255,0.05)', '--outline-on-dark-outline-transparent-secondary': 'rgba(255,255,255,0.20)', '--outline-on-dark-outline-transparent-tertiary': 'rgba(255,255,255,0.40)', - '--outline-on-dark-outline-accent': '#3F81FD', - '--outline-on-dark-outline-accent-minor': '#1549AB', - '--outline-on-dark-outline-transparent-accent': 'rgba(63,129,253,0.28)', '--outline-on-dark-outline-info': '#3F81FD', '--outline-on-dark-outline-info-minor': '#1549AB', '--outline-on-dark-outline-transparent-info': 'rgba(63,129,253,0.28)', + '--outline-on-dark-outline-accent': '#24F2BF', + '--outline-on-dark-outline-accent-minor': '#24F2BF', + '--outline-on-dark-outline-transparent-accent': 'rgba(36,242,191,0.28)', '--outline-on-light-outline-solid-primary-hover': '#ADADADFF', '--outline-on-light-outline-solid-primary-active': '#C7C7C7FF', '--outline-on-light-outline-solid-secondary-hover': '#FFFFFFFF', @@ -678,12 +678,12 @@ export const plasma_giga__dark = { '--outline-on-light-outline-transparent-secondary-active': '#0808083D', '--outline-on-light-outline-transparent-tertiary-hover': '#080808FF', '--outline-on-light-outline-transparent-tertiary-active': '#080808AB', - '--outline-on-light-outline-accent-hover': '#79A7FBFF', - '--outline-on-light-outline-accent-active': '#0D5FF8FF', - '--outline-on-light-outline-accent-minor-hover': '#DCE8FEFF', - '--outline-on-light-outline-accent-minor-active': '#6FA0FBFF', - '--outline-on-light-outline-transparent-accent-hover': '#2A72F8FF', - '--outline-on-light-outline-transparent-accent-active': '#2A72F83D', + '--outline-on-light-outline-accent-hover': '#2ADFB2FF', + '--outline-on-light-outline-accent-active': '#1BB18CFF', + '--outline-on-light-outline-accent-minor-hover': '#8BEAD3FF', + '--outline-on-light-outline-accent-minor-active': '#57E0C0FF', + '--outline-on-light-outline-transparent-accent-hover': '#1ECCA1FF', + '--outline-on-light-outline-transparent-accent-active': '#1ECCA156', '--outline-on-light-outline-positive-hover': '#1EB83AFF', '--outline-on-light-outline-positive-active': '#15842AFF', '--outline-on-light-outline-warning-hover': '#FB7223FF', @@ -720,9 +720,6 @@ export const plasma_giga__dark = { '--outline-on-light-outline-transparent-primary': 'rgba(8,8,8,0.05)', '--outline-on-light-outline-transparent-secondary': 'rgba(8,8,8,0.20)', '--outline-on-light-outline-transparent-tertiary': '#0808088F', - '--outline-on-light-outline-accent': '#2A72F8', - '--outline-on-light-outline-accent-minor': '#8BB2FC', - '--outline-on-light-outline-transparent-accent': 'rgba(42,114,248,0.20)', '--outline-on-light-outline-info': '#2A72F8', '--outline-on-light-outline-positive': '#1A9E32', '--outline-on-light-outline-warning': '#FA5F05', @@ -730,6 +727,9 @@ export const plasma_giga__dark = { '--outline-on-light-outline-transparent-positive': 'rgba(26,158,50,0.20)', '--outline-on-light-outline-transparent-warning': 'rgba(250,95,5,0.20)', '--outline-on-light-outline-transparent-info': 'rgba(42,114,248,0.20)', + '--outline-on-light-outline-accent': '#1FCCA0', + '--outline-on-light-outline-accent-minor': '#73E5CA', + '--outline-on-light-outline-transparent-accent': 'rgba(31,204,160,0.28)', '--outline-inverse-outline-solid-primary-hover': '#ADADADFF', '--outline-inverse-outline-solid-primary-active': '#C7C7C7FF', '--outline-inverse-outline-solid-secondary-hover': '#FFFFFFFF', @@ -744,12 +744,12 @@ export const plasma_giga__dark = { '--outline-inverse-outline-transparent-secondary-active': '#0808083D', '--outline-inverse-outline-transparent-tertiary-hover': '#080808FF', '--outline-inverse-outline-transparent-tertiary-active': '#080808AB', - '--outline-inverse-outline-accent-hover': '#79A7FBFF', - '--outline-inverse-outline-accent-active': '#0D5FF8FF', - '--outline-inverse-outline-accent-minor-hover': '#DCE8FEFF', - '--outline-inverse-outline-accent-minor-active': '#6FA0FBFF', - '--outline-inverse-outline-transparent-accent-hover': '#2A72F8FF', - '--outline-inverse-outline-transparent-accent-active': '#2A72F83D', + '--outline-inverse-outline-accent-hover': '#2ADFB2FF', + '--outline-inverse-outline-accent-active': '#1BB18CFF', + '--outline-inverse-outline-accent-minor-hover': '#8BEAD3FF', + '--outline-inverse-outline-accent-minor-active': '#57E0C0FF', + '--outline-inverse-outline-transparent-accent-hover': '#1ECCA1FF', + '--outline-inverse-outline-transparent-accent-active': '#1ECCA156', '--outline-inverse-outline-positive-hover': '#1EB83AFF', '--outline-inverse-outline-positive-active': '#15842AFF', '--outline-inverse-outline-warning-hover': '#FB7223FF', @@ -786,9 +786,6 @@ export const plasma_giga__dark = { '--outline-inverse-outline-transparent-primary': 'rgba(8,8,8,0.05)', '--outline-inverse-outline-transparent-secondary': 'rgba(8,8,8,0.20)', '--outline-inverse-outline-transparent-tertiary': '#0808088F', - '--outline-inverse-outline-accent': '#2A72F8', - '--outline-inverse-outline-accent-minor': '#8BB2FC', - '--outline-inverse-outline-transparent-accent': '#2A72F833', '--outline-inverse-outline-positive': '#1A9E32', '--outline-inverse-outline-warning': '#FA5F05', '--outline-inverse-outline-info': '#2A72F8', @@ -796,6 +793,9 @@ export const plasma_giga__dark = { '--outline-inverse-outline-transparent-positive': 'rgba(26,158,50,0.20)', '--outline-inverse-outline-transparent-warning': 'rgba(250,95,5,0.20)', '--outline-inverse-outline-transparent-info': 'rgba(42,114,248,0.20)', + '--outline-inverse-outline-accent': '#1FCCA0', + '--outline-inverse-outline-accent-minor': '#73E5CA', + '--outline-inverse-outline-transparent-accent': 'rgba(31,204,160,0.28)', '--skeleton-gradient': 'linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% )', '--skeleton-gradient-lighter': diff --git a/packages/plasma-tokens/src/themes/plasma_giga__light.ts b/packages/plasma-tokens/src/themes/plasma_giga__light.ts index 2c52b1f6b5..14a72a2c96 100644 --- a/packages/plasma-tokens/src/themes/plasma_giga__light.ts +++ b/packages/plasma-tokens/src/themes/plasma_giga__light.ts @@ -11,12 +11,12 @@ export const plasma_giga__light = { '--text-tertiary-active': '#08080856', '--text-paragraph-hover': '#0808087A', '--text-paragraph-active': '#080808A3', - '--text-accent-hover': '#528DFAFF', - '--text-accent-active': '#075AF2FF', + '--text-accent-hover': '#33E1B5FF', + '--text-accent-active': '#19A985FF', '--text-accent-gradient-hover': '#FFFFFFFF', '--text-accent-gradient-active': '#CCCCCCFF', - '--text-accent-minor-hover': '#B4CEFDFF', - '--text-accent-minor-active': '#6599FBFF', + '--text-accent-minor-hover': '#93EBD7FF', + '--text-accent-minor-active': '#4EDFBDFF', '--text-positive-hover': '#1FC13DFF', '--text-positive-active': '#147B27FF', '--text-warning-hover': '#FB782DFF', @@ -37,9 +37,7 @@ export const plasma_giga__light = { '--text-secondary': 'rgba(8,8,8,0.56)', '--text-tertiary': 'rgba(8,8,8,0.28)', '--text-paragraph': 'rgba(8,8,8,0.80)', - '--text-accent': '#2A72F8', '--text-accent-gradient': 'linear-gradient(90deg, #3E79F0 0%, #27C6E5 100%)', - '--text-accent-minor': '#8BB2FC', '--text-positive': '#1A9E32', '--text-warning': '#FA5F05', '--text-negative': '#F31B31', @@ -48,6 +46,8 @@ export const plasma_giga__light = { '--text-warning-minor': '#FD9C68', '--text-negative-minor': '#FF8F9A', '--text-info-minor': '#8BB2FC', + '--text-accent': '#1FCCA0', + '--text-accent-minor': '#73E5CA', '--on-dark-text-primary': 'rgba(255, 255, 255, 0.96)', '--on-dark-text-primary-hover': '#FFFFFF93', '--on-dark-text-primary-active': '#FFFFFFC4', @@ -61,12 +61,12 @@ export const plasma_giga__light = { '--on-dark-text-paragraph': 'rgba(255, 255, 255, 0.8)', '--on-dark-text-paragraph-hover': '#FFFFFF7A', '--on-dark-text-paragraph-active': '#FFFFFFA3', - '--on-dark-text-accent-hover': '#689CFDFF', - '--on-dark-text-accent-active': '#1767FDFF', + '--on-dark-text-accent-hover': '#4DF5CBFF', + '--on-dark-text-accent-active': '#0DE3ADFF', '--on-dark-text-accent-gradient-hover': '#FFFFFFFF', '--on-dark-text-accent-gradient-active': '#CCCCCCFF', - '--on-dark-text-accent-minor-hover': '#FFFFFFFF', - '--on-dark-text-accent-minor-active': '#113B88FF', + '--on-dark-text-accent-minor-hover': '#4ABFA2FF', + '--on-dark-text-accent-minor-active': '#308872FF', '--on-dark-text-positive-hover': '#1FC13DFF', '--on-dark-text-positive-active': '#147B27FF', '--on-dark-text-warning-hover': '#FB782DFF', @@ -83,9 +83,7 @@ export const plasma_giga__light = { '--on-dark-text-negative-minor-active': '#7A101AFF', '--on-dark-text-info-minor-hover': '#FFFFFFFF', '--on-dark-text-info-minor-active': '#113B88FF', - '--on-dark-text-accent': '#3F81FD', '--on-dark-text-accent-gradient': 'linear-gradient(90deg, #5E94FF 0%, #43DBFA 100%)', - '--on-dark-text-accent-minor': '#1549AB', '--on-dark-text-positive': '#1A9E32', '--on-dark-text-warning': '#FA5F05', '--on-dark-text-negative': '#FF293E', @@ -94,6 +92,8 @@ export const plasma_giga__light = { '--on-dark-text-warning-minor': '#85380C', '--on-dark-text-negative-minor': '#9C1422', '--on-dark-text-info-minor': '#1549AB', + '--on-dark-text-accent': '#24F2BF', + '--on-dark-text-accent-minor': '#3AA68B', '--on-light-text-primary-hover': '#08080893', '--on-light-text-primary-active': '#080808C4', '--on-light-text-primary-brightness': '#080808F5', @@ -103,12 +103,12 @@ export const plasma_giga__light = { '--on-light-text-tertiary-active': '#08080856', '--on-light-text-paragraph-hover': '#0808087A', '--on-light-text-paragraph-active': '#080808A3', - '--on-light-text-accent-hover': '#528DFAFF', - '--on-light-text-accent-active': '#075AF2FF', + '--on-light-text-accent-hover': '#33E1B5FF', + '--on-light-text-accent-active': '#19A985FF', '--on-light-text-accent-gradient-hover': '#FFFFFFFF', '--on-light-text-accent-gradient-active': '#CCCCCCFF', - '--on-light-text-accent-minor-hover': '#B4CEFDFF', - '--on-light-text-accent-minor-active': '#6599FBFF', + '--on-light-text-accent-minor-hover': '#93EBD7FF', + '--on-light-text-accent-minor-active': '#4EDFBDFF', '--on-light-text-positive-hover': '#1FC13DFF', '--on-light-text-positive-active': '#147B27FF', '--on-light-text-warning-hover': '#FB782DFF', @@ -129,9 +129,7 @@ export const plasma_giga__light = { '--on-light-text-secondary': 'rgba(8,8,8,0.56)', '--on-light-text-tertiary': 'rgba(8,8,8,0.28)', '--on-light-text-paragraph': 'rgba(8,8,8,0.80)', - '--on-light-text-accent': '#2A72F8', '--on-light-text-accent-gradient': 'linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)', - '--on-light-text-accent-minor': '#8BB2FC', '--on-light-text-positive': '#1A9E32', '--on-light-text-warning': '#FA5F05', '--on-light-text-negative': '#F31B31', @@ -140,6 +138,8 @@ export const plasma_giga__light = { '--on-light-text-warning-minor': '#FD9C68', '--on-light-text-negative-minor': '#FF8F9A', '--on-light-text-info-minor': '#8BB2FC', + '--on-light-text-accent': '#1FCCA0', + '--on-light-text-accent-minor': '#73E5CA', '--inverse-text-primary': 'rgba(255, 255, 255, 0.96)', '--inverse-text-primary-hover': '#FFFFFF93', '--inverse-text-primary-active': '#FFFFFFC4', @@ -153,12 +153,12 @@ export const plasma_giga__light = { '--inverse-text-paragraph': 'rgba(255, 255, 255, 0.8)', '--inverse-text-paragraph-hover': '#FFFFFF7A', '--inverse-text-paragraph-active': '#FFFFFFA3', - '--inverse-text-accent-hover': '#689CFDFF', - '--inverse-text-accent-active': '#1767FDFF', + '--inverse-text-accent-hover': '#4DF5CBFF', + '--inverse-text-accent-active': '#0DE3ADFF', '--inverse-text-accent-gradient-hover': '#FFFFFFFF', '--inverse-text-accent-gradient-active': '#CCCCCCFF', - '--inverse-text-accent-minor-hover': '#FFFFFFFF', - '--inverse-text-accent-minor-active': '#113B88FF', + '--inverse-text-accent-minor-hover': '#4ABFA2FF', + '--inverse-text-accent-minor-active': '#308872FF', '--inverse-text-positive-hover': '#1FC13DFF', '--inverse-text-positive-active': '#147B27FF', '--inverse-text-warning-hover': '#FB782DFF', @@ -175,9 +175,7 @@ export const plasma_giga__light = { '--inverse-text-negative-minor-active': '#7A101AFF', '--inverse-text-info-minor-hover': '#FFFFFFFF', '--inverse-text-info-minor-active': '#113B88FF', - '--inverse-text-accent': '#3F81FD', '--inverse-text-accent-gradient': 'linear-gradient(94deg, #5E94FF 6.49%, #43DBFA 93.51%)', - '--inverse-text-accent-minor': '#1549AB', '--inverse-text-positive': '#1A9E32', '--inverse-text-warning': '#FA5F05', '--inverse-text-negative': '#FF293E', @@ -186,6 +184,8 @@ export const plasma_giga__light = { '--inverse-text-warning-minor': '#85380C', '--inverse-text-negative-minor': '#9C1422', '--inverse-text-info-minor': '#1549AB', + '--inverse-text-accent': '#24F2BF', + '--inverse-text-accent-minor': '#3AA68B', '--surface-solid-primary-hover': '#F7F7F7FF', '--surface-solid-primary-active': '#EDEDEDFF', '--surface-solid-primary-brightness': '#FFFFFFFF', @@ -196,8 +196,8 @@ export const plasma_giga__light = { '--surface-solid-card-hover': '#FFFFFFFF', '--surface-solid-card-active': '#FFFFFFFF', '--surface-solid-card-brightness': '#FFFFFFFF', - '--surface-solid-default-hover': '#262626FF', - '--surface-solid-default-active': '#030303FF', + '--surface-solid-default-hover': '#3D2E4DFF', + '--surface-solid-default-active': '#291F33FF', '--surface-transparent-primary-hover': '#08080803', '--surface-transparent-primary-active': '#08080817', '--surface-transparent-secondary-hover': '#08080805', @@ -211,14 +211,14 @@ export const plasma_giga__light = { '--surface-transparent-card-brightness': '#FFFFFFFF', '--surface-clear-hover': '#FFFFFFFF', '--surface-clear-active': '#FFFFFFFF', - '--surface-accent-hover': '#528DFAFF', - '--surface-accent-active': '#1665F8FF', + '--surface-accent-hover': '#2ADFB2FF', + '--surface-accent-active': '#1CBA93FF', '--surface-accent-gradient-hover': '#FFFFFFFF', '--surface-accent-gradient-active': '#FFFFFFFF', - '--surface-accent-minor-hover': '#F5F8FFFF', - '--surface-accent-minor-active': '#D6E4FFFF', - '--surface-transparent-accent-hover': '#2A72F80A', - '--surface-transparent-accent-active': '#2A72F829', + '--surface-accent-minor-hover': '#F5FFFCFF', + '--surface-accent-minor-active': '#D6FFF5FF', + '--surface-transparent-accent-hover': '#1ECCA133', + '--surface-transparent-accent-active': '#1ECCA152', '--surface-positive-hover': '#1EB83AFF', '--surface-positive-active': '#178C2CFF', '--surface-warning-hover': '#FB782DFF', @@ -250,17 +250,13 @@ export const plasma_giga__light = { '--surface-solid-primary': '#F2F2F2', '--surface-solid-secondary': '#E7E7E7', '--surface-solid-tertiary': '#DADADA', - '--surface-solid-default': '#080808', '--surface-transparent-card': '#FFFFFF', '--surface-transparent-primary': 'rgba(8,8,8,0.05)', '--surface-transparent-secondary': 'rgba(8,8,8,0.10)', '--surface-transparent-tertiary': 'rgba(8,8,8,0.15)', '--surface-transparent-deep': 'rgba(8,8,8,0.64)', '--surface-clear': '#FFFFFF00', - '--surface-accent': '#2A72F8', '--surface-accent-gradient': 'linear-gradient(90deg, #3E79F0 0%, #27C6E5 100%)', - '--surface-accent-minor': '#DEE9FF', - '--surface-transparent-accent': 'rgba(42,114,248,0.12)', '--surface-positive': '#1A9E32', '--surface-warning': '#FA5F05', '--surface-negative': '#FF293E', @@ -270,6 +266,10 @@ export const plasma_giga__light = { '--surface-negative-minor': '#FFE0E3', '--surface-info-minor': '#DEE9FF', '--surface-transparent-info': 'rgba(42,114,248,0.12)', + '--surface-solid-default': '#332640', + '--surface-accent': '#1FCCA0', + '--surface-accent-minor': '#DEFFF7', + '--surface-transparent-accent': 'rgba(31,204,160,0.28)', '--on-dark-surface-solid-primary-hover': '#2B2B2BFF', '--on-dark-surface-solid-primary-active': '#030303FF', '--on-dark-surface-solid-primary-brightness': '#1C1C1CFF', @@ -293,14 +293,14 @@ export const plasma_giga__light = { '--on-dark-surface-transparent-card-hover': '#FFFFFF0A', '--on-dark-surface-transparent-card-active': '#FFFFFF29', '--on-dark-surface-transparent-card-brightness': '#FFFFFF1F', - '--on-dark-surface-accent-hover': '#689CFDFF', - '--on-dark-surface-accent-active': '#2B74FDFF', + '--on-dark-surface-accent-hover': '#43F4C8FF', + '--on-dark-surface-accent-active': '#13F1BAFF', '--on-dark-surface-accent-gradient-hover': '#FFFFFFFF', '--on-dark-surface-accent-gradient-active': '#FFFFFFFF', - '--on-dark-surface-accent-minor-hover': '#0A2A67FF', - '--on-dark-surface-accent-minor-active': '#061B41FF', - '--on-dark-surface-transparent-accent-hover': '#3F82FD1F', - '--on-dark-surface-transparent-accent-active': '#3F82FD3D', + '--on-dark-surface-accent-minor-hover': '#116E57FF', + '--on-dark-surface-accent-minor-active': '#0A4234FF', + '--on-dark-surface-transparent-accent-hover': '#26F2BF33', + '--on-dark-surface-transparent-accent-active': '#26F2BF52', '--on-dark-surface-positive-hover': '#1EB83AFF', '--on-dark-surface-positive-active': '#178C2CFF', '--on-dark-surface-warning-hover': '#FB782DFF', @@ -338,10 +338,7 @@ export const plasma_giga__light = { '--on-dark-surface-transparent-secondary': 'rgba(255,255,255,0.10)', '--on-dark-surface-transparent-tertiary': 'rgba(255,255,255,0.15)', '--on-dark-surface-transparent-deep': 'rgba(255,255,255,0.64)', - '--on-dark-surface-accent': '#3F81FD', '--on-dark-surface-accent-gradient': 'linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)', - '--on-dark-surface-accent-minor': '#082254', - '--on-dark-surface-transparent-accent': 'rgba(63,129,253,0.20)', '--on-dark-surface-positive': '#1A9E32', '--on-dark-surface-warning': '#FA5F05', '--on-dark-surface-negative': '#FF293E', @@ -351,6 +348,9 @@ export const plasma_giga__light = { '--on-dark-surface-negative-minor': '#4A0D13', '--on-dark-surface-info-minor': '#082254', '--on-dark-surface-transparent-info': 'rgba(63,129,253,0.20)', + '--on-dark-surface-accent': '#24F2BF', + '--on-dark-surface-accent-minor': '#0D5442', + '--on-dark-surface-transparent-accent': 'rgba(36,242,191,0.28)', '--on-light-surface-solid-primary-hover': '#F7F7F7FF', '--on-light-surface-solid-primary-active': '#EDEDEDFF', '--on-light-surface-solid-primary-brightness': '#FFFFFFFF', @@ -361,8 +361,8 @@ export const plasma_giga__light = { '--on-light-surface-solid-card-hover': '#FFFFFFFF', '--on-light-surface-solid-card-active': '#FFFFFFFF', '--on-light-surface-solid-card-brightness': '#FFFFFFFF', - '--on-light-surface-solid-default-hover': '#262626FF', - '--on-light-surface-solid-default-active': '#030303FF', + '--on-light-surface-solid-default-hover': '#3D2E4DFF', + '--on-light-surface-solid-default-active': '#291F33FF', '--on-light-surface-transparent-primary-hover': '#08080803', '--on-light-surface-transparent-primary-active': '#08080817', '--on-light-surface-transparent-secondary-hover': '#08080805', @@ -374,14 +374,14 @@ export const plasma_giga__light = { '--on-light-surface-transparent-card-hover': '#FFFFFFFF', '--on-light-surface-transparent-card-active': '#FFFFFFFF', '--on-light-surface-transparent-card-brightness': '#FFFFFFFF', - '--on-light-surface-accent-hover': '#528DFAFF', - '--on-light-surface-accent-active': '#1665F8FF', + '--on-light-surface-accent-hover': '#2ADFB2FF', + '--on-light-surface-accent-active': '#1CBA93FF', '--on-light-surface-accent-gradient-hover': '#FFFFFFFF', '--on-light-surface-accent-gradient-active': '#FFFFFFFF', - '--on-light-surface-accent-minor-hover': '#F5F8FFFF', - '--on-light-surface-accent-minor-active': '#D6E4FFFF', - '--on-light-surface-transparent-accent-hover': '#2A72F80A', - '--on-light-surface-transparent-accent-active': '#2A72F829', + '--on-light-surface-accent-minor-hover': '#F5FFFCFF', + '--on-light-surface-accent-minor-active': '#D6FFF5FF', + '--on-light-surface-transparent-accent-hover': '#1ECCA133', + '--on-light-surface-transparent-accent-active': '#1ECCA152', '--on-light-surface-positive-hover': '#1EB83AFF', '--on-light-surface-positive-active': '#178C2CFF', '--on-light-surface-warning-hover': '#FB782DFF', @@ -413,16 +413,12 @@ export const plasma_giga__light = { '--on-light-surface-solid-primary': '#F2F2F2', '--on-light-surface-solid-secondary': '#E7E7E7', '--on-light-surface-solid-tertiary': '#DADADA', - '--on-light-surface-solid-default': '#080808', '--on-light-surface-transparent-card': '#FFFFFF', '--on-light-surface-transparent-primary': 'rgba(8,8,8,0.05)', '--on-light-surface-transparent-secondary': 'rgba(8,8,8,0.10)', '--on-light-surface-transparent-tertiary': 'rgba(8,8,8,0.15)', '--on-light-surface-transparent-deep': 'rgba(8,8,8,0.64)', - '--on-light-surface-accent': '#2A72F8', '--on-light-surface-accent-gradient': 'linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)', - '--on-light-surface-accent-minor': '#DEE9FF', - '--on-light-surface-transparent-accent': 'rgba(42,114,248,0.12)', '--on-light-surface-positive': '#1A9E32', '--on-light-surface-warning': '#FA5F05', '--on-light-surface-negative': '#FF293E', @@ -432,6 +428,10 @@ export const plasma_giga__light = { '--on-light-surface-negative-minor': '#FFE0E3', '--on-light-surface-info-minor': '#DEE9FF', '--on-light-surface-transparent-info': 'rgba(42,114,248,0.12)', + '--on-light-surface-solid-default': '#332640', + '--on-light-surface-accent': '#1FCCA0', + '--on-light-surface-accent-minor': '#DEFFF7', + '--on-light-surface-transparent-accent': 'rgba(31,204,160,0.28)', '--inverse-surface-solid-primary-hover': '#2B2B2BFF', '--inverse-surface-solid-primary-active': '#030303FF', '--inverse-surface-solid-primary-brightness': '#1C1C1CFF', @@ -455,14 +455,14 @@ export const plasma_giga__light = { '--inverse-surface-transparent-card-hover': '#FFFFFF0A', '--inverse-surface-transparent-card-active': '#FFFFFF29', '--inverse-surface-transparent-card-brightness': '#FFFFFF1F', - '--inverse-surface-accent-hover': '#689CFDFF', - '--inverse-surface-accent-active': '#2B74FDFF', + '--inverse-surface-accent-hover': '#43F4C8FF', + '--inverse-surface-accent-active': '#13F1BAFF', '--inverse-surface-accent-gradient-hover': '#FFFFFFFF', '--inverse-surface-accent-gradient-active': '#FFFFFFFF', - '--inverse-surface-accent-minor-hover': '#0A2A67FF', - '--inverse-surface-accent-minor-active': '#061B41FF', - '--inverse-surface-transparent-accent-hover': '#3F82FD1F', - '--inverse-surface-transparent-accent-active': '#3F82FD3D', + '--inverse-surface-accent-minor-hover': '#116E57FF', + '--inverse-surface-accent-minor-active': '#0A4234FF', + '--inverse-surface-transparent-accent-hover': '#26F2BF33', + '--inverse-surface-transparent-accent-active': '#26F2BF52', '--inverse-surface-positive-hover': '#1EB83AFF', '--inverse-surface-positive-active': '#178C2CFF', '--inverse-surface-warning-hover': '#FB782DFF', @@ -500,10 +500,7 @@ export const plasma_giga__light = { '--inverse-surface-transparent-secondary': 'rgba(255,255,255,0.10)', '--inverse-surface-transparent-tertiary': 'rgba(255,255,255,0.15)', '--inverse-surface-transparent-deep': 'rgba(255,255,255,0.64)', - '--inverse-surface-accent': '#3F81FD', '--inverse-surface-accent-gradient': 'linear-gradient(94deg,#3E79F06.49%,#27C6E593.51%)', - '--inverse-surface-accent-minor': '#082254', - '--inverse-surface-transparent-accent': 'rgba(63,129,253,0.20)', '--inverse-surface-positive': '#1A9E32', '--inverse-surface-warning': '#FA5F05', '--inverse-surface-negative': '#FF293E', @@ -513,10 +510,13 @@ export const plasma_giga__light = { '--inverse-surface-negative-minor': '#4A0D13', '--inverse-surface-info-minor': '#082254', '--inverse-surface-transparent-info': 'rgba(63,129,253,0.20)', - '--background-primary': '#F9F9F9', - '--dark-background-primary': '#080808', - '--light-background-primary': '#F9F9F9', - '--inverse-background-primary': '#080808', + '--inverse-surface-accent': '#24F2BF', + '--inverse-surface-accent-minor': '#0D5442', + '--inverse-surface-transparent-accent': 'rgba(36,242,191,0.28)', + '--background-primary': '#EFF0F2', + '--dark-background-primary': '#242326', + '--light-background-primary': '#EFF0F2', + '--inverse-background-primary': '#242326', '--overlay-soft': '#F9F9F98F', '--overlay-hard': '#F9F9F9F5', '--overlay-blur': '#F9F9F947', @@ -545,12 +545,12 @@ export const plasma_giga__light = { '--outline-default-outline-transparent-tertiary-active': '#080808AB', '--outline-default-outline-clear-hover': '#FFFFFFFF', '--outline-default-outline-clear-active': '#FFFFFFFF', - '--outline-default-outline-accent-hover': '#528DFAFF', - '--outline-default-outline-accent-active': '#075AF2FF', - '--outline-default-outline-accent-minor-hover': '#B4CEFDFF', - '--outline-default-outline-accent-minor-active': '#6599FBFF', - '--outline-default-outline-transparent-accent-hover': '#2A72F8FF', - '--outline-default-outline-transparent-accent-active': '#2A72F83D', + '--outline-default-outline-accent-hover': '#33E1B5FF', + '--outline-default-outline-accent-active': '#19A985FF', + '--outline-default-outline-accent-minor-hover': '#93EBD7FF', + '--outline-default-outline-accent-minor-active': '#4EDFBDFF', + '--outline-default-outline-transparent-accent-hover': '#1ECCA1FF', + '--outline-default-outline-transparent-accent-active': '#1ECCA156', '--outline-default-outline-positive-hover': '#1FC13DFF', '--outline-default-outline-positive-active': '#147B27FF', '--outline-default-outline-warning-hover': '#FB782DFF', @@ -587,9 +587,6 @@ export const plasma_giga__light = { '--outline-default-outline-transparent-secondary': 'rgba(8,8,8,0.20)', '--outline-default-outline-transparent-tertiary': 'rgba(8,8,8,0.56)', '--outline-default-outline-clear': '#FFFFFF00', - '--outline-default-outline-accent': '#2A72F8', - '--outline-default-outline-accent-minor': '#8BB2FC', - '--outline-default-outline-transparent-accent': 'rgba(42,114,248,0.20)', '--outline-default-outline-positive': '#1A9E32', '--outline-default-outline-warning': '#FA5F05', '--outline-default-outline-info': '#2A72F8', @@ -598,6 +595,9 @@ export const plasma_giga__light = { '--outline-default-outline-transparent-warning': 'rgba(250,95,5,0.20)', '--outline-default-outline-transparent-negative': 'rgba(243,27,49,0.20)', '--outline-default-outline-transparent-info': 'rgba(42,114,248,0.20)', + '--outline-default-outline-accent': '#1FCCA0', + '--outline-default-outline-accent-minor': '#73E5CA', + '--outline-default-outline-transparent-accent': 'rgba(31,204,160,0.28)', '--outline-on-dark-outline-solid-primary-hover': '#6E6E6EFF', '--outline-on-dark-outline-solid-primary-active': '#454545FF', '--outline-on-dark-outline-solid-secondary-hover': '#8A8A8AFF', @@ -612,12 +612,12 @@ export const plasma_giga__light = { '--outline-on-dark-outline-transparent-secondary-active': '#FFFFFF3D', '--outline-on-dark-outline-transparent-tertiary-hover': '#FFFFFFFF', '--outline-on-dark-outline-transparent-tertiary-active': '#FFFFFF7A', - '--outline-on-dark-outline-accent-hover': '#689CFDFF', - '--outline-on-dark-outline-accent-active': '#1767FDFF', - '--outline-on-dark-outline-accent-minor-hover': '#FFFFFFFF', - '--outline-on-dark-outline-accent-minor-active': '#113B88FF', - '--outline-on-dark-outline-transparent-accent-hover': '#3F82FDFF', - '--outline-on-dark-outline-transparent-accent-active': '#3F82FD56', + '--outline-on-dark-outline-accent-hover': '#4DF5CBFF', + '--outline-on-dark-outline-accent-active': '#0DE3ADFF', + '--outline-on-dark-outline-accent-minor-hover': '#4ABFA2FF', + '--outline-on-dark-outline-accent-minor-active': '#308872FF', + '--outline-on-dark-outline-transparent-accent-hover': '#26F2BFFF', + '--outline-on-dark-outline-transparent-accent-active': '#26F2BF56', '--outline-on-dark-outline-positive': '#24B23E', '--outline-on-dark-outline-positive-hover': '#2BD44AFF', '--outline-on-dark-outline-positive-active': '#1D9032FF', @@ -658,12 +658,12 @@ export const plasma_giga__light = { '--outline-on-dark-outline-transparent-primary': 'rgba(255,255,255,0.05)', '--outline-on-dark-outline-transparent-secondary': 'rgba(255,255,255,0.20)', '--outline-on-dark-outline-transparent-tertiary': 'rgba(255,255,255,0.40)', - '--outline-on-dark-outline-accent': '#3F81FD', - '--outline-on-dark-outline-accent-minor': '#1549AB', - '--outline-on-dark-outline-transparent-accent': 'rgba(63,129,253,0.28)', '--outline-on-dark-outline-info': '#3F81FD', '--outline-on-dark-outline-info-minor': '#1549AB', '--outline-on-dark-outline-transparent-info': 'rgba(63,129,253,0.28)', + '--outline-on-dark-outline-accent': '#24F2BF', + '--outline-on-dark-outline-accent-minor': '#3AA68B', + '--outline-on-dark-outline-transparent-accent': 'rgba(36,242,191,0.28)', '--outline-on-light-outline-solid-primary-hover': '#FFFFFFFF', '--outline-on-light-outline-solid-primary-active': '#B3B3B3FF', '--outline-on-light-outline-solid-secondary-hover': '#FFFFFFFF', @@ -678,12 +678,12 @@ export const plasma_giga__light = { '--outline-on-light-outline-transparent-secondary-active': '#0808083D', '--outline-on-light-outline-transparent-tertiary-hover': '#080808FF', '--outline-on-light-outline-transparent-tertiary-active': '#080808AB', - '--outline-on-light-outline-accent-hover': '#528DFAFF', - '--outline-on-light-outline-accent-active': '#075AF2FF', - '--outline-on-light-outline-accent-minor-hover': '#B4CEFDFF', - '--outline-on-light-outline-accent-minor-active': '#6599FBFF', - '--outline-on-light-outline-transparent-accent-hover': '#2A72F8FF', - '--outline-on-light-outline-transparent-accent-active': '#2A72F83D', + '--outline-on-light-outline-accent-hover': '#33E1B5FF', + '--outline-on-light-outline-accent-active': '#19A985FF', + '--outline-on-light-outline-accent-minor-hover': '#93EBD7FF', + '--outline-on-light-outline-accent-minor-active': '#4EDFBDFF', + '--outline-on-light-outline-transparent-accent-hover': '#1ECCA1FF', + '--outline-on-light-outline-transparent-accent-active': '#1ECCA156', '--outline-on-light-outline-positive-hover': '#1FC13DFF', '--outline-on-light-outline-positive-active': '#147B27FF', '--outline-on-light-outline-warning-hover': '#FB782DFF', @@ -720,9 +720,6 @@ export const plasma_giga__light = { '--outline-on-light-outline-transparent-primary': 'rgba(8,8,8,0.05)', '--outline-on-light-outline-transparent-secondary': 'rgba(8,8,8,0.20)', '--outline-on-light-outline-transparent-tertiary': 'rgba(8,8,8,0.56)', - '--outline-on-light-outline-accent': '#2A72F8', - '--outline-on-light-outline-accent-minor': '#8BB2FC', - '--outline-on-light-outline-transparent-accent': 'rgba(42,114,248,0.20)', '--outline-on-light-outline-positive': '#1A9E32', '--outline-on-light-outline-warning': '#FA5F05', '--outline-on-light-outline-info': '#2A72F8', @@ -730,6 +727,9 @@ export const plasma_giga__light = { '--outline-on-light-outline-transparent-positive': 'rgba(26,158,50,0.20)', '--outline-on-light-outline-transparent-warning': 'rgba(250,95,5,0.20)', '--outline-on-light-outline-transparent-info': 'rgba(42,114,248,0.20)', + '--outline-on-light-outline-accent': '#1FCCA0', + '--outline-on-light-outline-accent-minor': '#73E5CA', + '--outline-on-light-outline-transparent-accent': 'rgba(31,204,160,0.28)', '--outline-inverse-outline-solid-primary-hover': '#6E6E6EFF', '--outline-inverse-outline-solid-primary-active': '#454545FF', '--outline-inverse-outline-solid-secondary-hover': '#8A8A8AFF', @@ -744,12 +744,12 @@ export const plasma_giga__light = { '--outline-inverse-outline-transparent-secondary-active': '#FFFFFF3D', '--outline-inverse-outline-transparent-tertiary-hover': '#FFFFFFFF', '--outline-inverse-outline-transparent-tertiary-active': '#FFFFFF7A', - '--outline-inverse-outline-accent-hover': '#689CFDFF', - '--outline-inverse-outline-accent-active': '#1767FDFF', - '--outline-inverse-outline-accent-minor-hover': '#FFFFFFFF', - '--outline-inverse-outline-accent-minor-active': '#113B88FF', - '--outline-inverse-outline-transparent-accent-hover': '#3F82FDFF', - '--outline-inverse-outline-transparent-accent-active': '#3F82FD56', + '--outline-inverse-outline-accent-hover': '#4DF5CBFF', + '--outline-inverse-outline-accent-active': '#0DE3ADFF', + '--outline-inverse-outline-accent-minor-hover': '#4ABFA2FF', + '--outline-inverse-outline-accent-minor-active': '#308872FF', + '--outline-inverse-outline-transparent-accent-hover': '#26F2BFFF', + '--outline-inverse-outline-transparent-accent-active': '#26F2BF56', '--outline-inverse-outline-positive': '#24B23E', '--outline-inverse-outline-positive-hover': '#2BD44AFF', '--outline-inverse-outline-positive-active': '#1D9032FF', @@ -790,12 +790,12 @@ export const plasma_giga__light = { '--outline-inverse-outline-transparent-primary': 'rgba(255,255,255,0.05)', '--outline-inverse-outline-transparent-secondary': 'rgba(255,255,255,0.20)', '--outline-inverse-outline-transparent-tertiary': 'rgba(255,255,255,0.40)', - '--outline-inverse-outline-accent': '#3F81FD', - '--outline-inverse-outline-accent-minor': '#1549AB', - '--outline-inverse-outline-transparent-accent': 'rgba(63,129,253,0.28)', '--outline-inverse-outline-info': '#528EFF', '--outline-inverse-outline-info-minor': '#1549AB', '--outline-inverse-outline-transparent-info': 'rgba(63,129,253,0.28)', + '--outline-inverse-outline-accent': '#24F2BF', + '--outline-inverse-outline-accent-minor': '#3AA68B', + '--outline-inverse-outline-transparent-accent': 'rgba(36,242,191,0.28)', '--skeleton-gradient': 'linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% )', '--skeleton-gradient-lighter':