diff --git a/src/client/app/theme.ts b/src/client/app/theme.ts index 1147ff300..555f8411f 100644 --- a/src/client/app/theme.ts +++ b/src/client/app/theme.ts @@ -91,10 +91,12 @@ function genValue(c: tinycolor.Instance): string { export const lightTheme = require('../theme/light.json'); export const darkTheme = require('../theme/dark.json'); +export const pinkTheme = require('../theme/pink.json'); export const halloweenTheme = require('../theme/halloween.json'); export const builtinThemes = [ lightTheme, darkTheme, + pinkTheme, halloweenTheme ]; diff --git a/src/client/theme/light.json b/src/client/theme/light.json index b853aa9a2..0d50dc5ca 100644 --- a/src/client/theme/light.json +++ b/src/client/theme/light.json @@ -39,16 +39,16 @@ "renoteText": "#9dbb00", "quoteBorder": "#c0dac6", "noteText": "#717171", - "noteHeaderName": "#627079", + "noteHeaderName": ":darken<2<$text", "noteHeaderBadgeFg": "#aaa", "noteHeaderBadgeBg": "rgba(0, 0, 0, 0.05)", "noteHeaderAdminFg": "#f15f71", "noteHeaderAdminBg": "#ffdfdf", - "noteHeaderAcct": "#ccc", - "noteHeaderInfo": "#c0c0c0", + "noteHeaderAcct": ":alpha<0.7<@noteHeaderName", + "noteHeaderInfo": ":alpha<0.7<@noteHeaderName", - "noteActions": "#ddd", - "noteActionsHover": "#444", + "noteActions": ":alpha<0.3<$text", + "noteActionsHover": ":alpha<0.9<$text", "noteActionsReplyHover": "#0af", "noteActionsRenoteHover": "#8d0", "noteActionsReactionHover": "#fa0", diff --git a/src/client/theme/pink.json b/src/client/theme/pink.json new file mode 100644 index 000000000..ddb56b46e --- /dev/null +++ b/src/client/theme/pink.json @@ -0,0 +1,17 @@ +{ + "meta": { + "id": "e9c8c01d-9c15-48d0-9b5c-3d00843b5b36", + "name": "Pink", + "author": "syuilo", + "base": "light", + "vars": { + "primary": "rgb(251, 78, 112)", + "secondary": "rgb(255, 218, 240)", + "text": "rgb(113, 91, 102)" + } + }, + + "renoteGradient": "#ffb1c9", + "renoteText": "#ff588d", + "quoteBorder": "#ff6c9b" +}