wip

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
 ];

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",

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"
+}