hotomoe/src/client/theme/light.json

{
	"meta": {
		"id": "light",
		"name": "Light",
		"author": "syuilo",
		"vars": {
			"primary": "#fb4e4e",
			"secondary": "#fff",
			"text": "#666"
		}
	},

	"primary": "$primary",
	"primaryForeground": "#fff",
	"secondary": "$secondary",
	"bg": ":darken<8<$secondary",
	"text": "$text",

	"scrollbarTrack": "#fff",
	"scrollbarHandle": "#00000033",
	"scrollbarHandleHover": "#00000066",

	"face": "$secondary",
	"faceText": "#444",
	"faceHeader": ":lighten<5<$secondary",
	"faceHeaderText": "#888",
	"faceDivider": "rgba(0, 0, 0, 0.082)",
	"faceTextButton": "#ccc",
	"faceTextButtonHover": "#aaa",
	"faceTextButtonActive": "#999",
	"faceClearButtonHover": "rgba(0, 0, 0, 0.025)",
	"faceClearButtonActive": "rgba(0, 0, 0, 0.05)",
	"popupBg": ":lighten<5<$secondary",
	"popupFg": "#586069",

	"subNoteBg": "rgba(0, 0, 0, 0.01)",
	"subNoteText": ":alpha<0.7<$text",
	"renoteGradient": "#edfde2",
	"renoteText": "#9dbb00",
	"quoteBorder": "#c0dac6",
	"noteText": "#717171",
	"noteHeaderName": ":darken<2<$text",
	"noteHeaderBadgeFg": "#aaa",
	"noteHeaderBadgeBg": "rgba(0, 0, 0, 0.05)",
	"noteHeaderAdminFg": "#f15f71",
	"noteHeaderAdminBg": "#ffdfdf",
	"noteHeaderAcct": ":alpha<0.7<@noteHeaderName",
	"noteHeaderInfo": ":alpha<0.7<@noteHeaderName",

	"noteActions": ":alpha<0.3<$text",
	"noteActionsHover": ":alpha<0.9<$text",
	"noteActionsReplyHover": "#0af",
	"noteActionsRenoteHover": "#8d0",
	"noteActionsReactionHover": "#fa0",
	"noteActionsHighlighted": "#888",

	"noteAttachedFile": "rgba(0, 0, 0, 0.05)",

	"modalBackdrop": "rgba(0, 0, 0, 0.1)",

	"dateDividerBg": ":darken<2<$secondary",
	"dateDividerFg": ":alpha<0.7<$text",

	"switchTrack": "rgba(0, 0, 0, 0.25)",
	"radioBorder": "rgba(0, 0, 0, 0.4)",
	"inputBorder": "rgba(0, 0, 0, 0.42)",
	"inputLabel": "rgba(0, 0, 0, 0.54)",
	"inputText": "#000",

	"buttonBg": "rgba(0, 0, 0, 0.05)",
	"buttonHoverBg": "rgba(0, 0, 0, 0.1)",
	"buttonActiveBg": "rgba(0, 0, 0, 0.15)",

	"autocompleteItemHoverBg": "rgba(0, 0, 0, 0.1)",
	"autocompleteItemText": "rgba(0, 0, 0, 0.8)",
	"autocompleteItemTextSub": "rgba(0, 0, 0, 0.3)",

	"cwButtonBg": "#b1b9c1",
	"cwButtonFg": "#fff",
	"cwButtonHoverBg": "#bbc4ce",

	"reactionPickerButtonHoverBg": "#eee",

	"reactionViewerBorder": "rgba(0, 0, 0, 0.1)",

	"pollEditorInputBg": "#fff",

	"pollChoiceText": "#000",
	"pollChoiceBorder": "rgba(0, 0, 0, 0.1)",

	"urlPreviewBorder": "rgba(0, 0, 0, 0.1)",
	"urlPreviewBorderHover": "rgba(0, 0, 0, 0.2)",
	"urlPreviewTitle": "$text",
	"urlPreviewText": ":alpha<0.7<$text",
	"urlPreviewInfo": ":alpha<0.8<$text",

	"calendarWeek": "#19a2a9",
	"calendarSaturdayOrSunday": "#ef95a0",
	"calendarDay": "#777",

	"materBg": "rgba(0, 0, 0, 0.1)",

	"chartCaption": ":alpha<0.6<$text",

	"announcementsBg": "#f3f9ff",
	"announcementsTitle": "#4078c0",
	"announcementsText": "#57616f",

	"donationBg": "#fbead4",
	"donationFg": "#777d71",

	"googleSearchBg": "#fff",
	"googleSearchFg": "#55595c",
	"googleSearchBorder": "rgba(0, 0, 0, 0.2)",
	"googleSearchHoverBorder": "rgba(0, 0, 0, 0.3)",
	"googleSearchHoverButton": "rgba(0, 0, 0, 0.05)",

	"mfmTitleBg": "rgba(0, 0, 0, 0.07)",
	"mfmQuote": ":alpha<0.6<$text",
	"mfmQuoteLine": ":alpha<0.5<$text",

	"suspendedInfoBg": "#ffdbdb",
	"suspendedInfoFg": "#570808",
	"remoteInfoBg": "#fff0db",
	"remoteInfoFg": "#573c08",

	"messagingRoomBg": "#fff",
	"messagingRoomInfo": "#000",
	"messagingRoomDateDividerLine": "rgba(0, 0, 0, 0.1)",
	"messagingRoomDateDividerText": "rgba(0, 0, 0, 0.3)",
	"messagingRoomMessageInfo": "rgba(0, 0, 0, 0.4)",
	"messagingRoomMessageBg": "#eee",
	"messagingRoomMessageFg": "#333",

	"formButtonBorder": "rgba(0, 0, 0, 0.1)",
	"formButtonHoverBg": ":alpha<0.12<$primary",
	"formButtonHoverBorder": ":alpha<0.3<$primary",
	"formButtonActiveBg": ":alpha<0.12<$primary",

	"desktopHeaderBg": ":lighten<5<$secondary",
	"desktopHeaderFg": "$text",
	"desktopHeaderHoverFg": "#7b8c88",
	"desktopHeaderSearchBg": "rgba(0, 0, 0, 0.05)",
	"desktopHeaderSearchHoverBg": "rgba(0, 0, 0, 0.08)",
	"desktopHeaderSearchFg": "#000",
	"desktopNotificationBg": ":alpha<0.9<$secondary",
	"desktopNotificationFg": ":alpha<0.7<$text",
	"desktopNotificationShadow": "rgba(0, 0, 0, 0.2)",
	"desktopPostFormBg": ":lighten<33<$primary",
	"desktopPostFormTextareaBg": "#fff",
	"desktopPostFormTextareaFg": "#333",
	"desktopPostFormTransparentButtonFg": ":alpha<0.5<$primary",
	"desktopPostFormTransparentButtonActiveGradientStart": ":lighten<30<$primary",
	"desktopPostFormTransparentButtonActiveGradientEnd": ":lighten<33<$primary",
	"desktopRenoteFormFooter": ":lighten<33<$primary",
	"desktopTimelineHeaderShadow": "rgba(0, 0, 0, 0.08)",
	"desktopTimelineSrc": "#6f7477",
	"desktopTimelineSrcHover": "#525a5f",
	"desktopWindowTitle": "#666",
	"desktopWindowShadow": "rgba(0, 0, 0, 0.2)",
	"desktopDriveBg": "#fff",
	"desktopDriveFolderBg": ":lighten<31<$primary",
	"desktopDriveFolderHoverBg": ":lighten<27<$primary",
	"desktopDriveFolderActiveBg": ":lighten<25<$primary",
	"desktopDriveFolderFg": ":darken<10<$primary",
	"desktopSettingsNavItem": ":alpha<0.8<$text",
	"desktopSettingsNavItemHover": ":darken<10<$text",

	"deckAcrylicColumnBg": "rgba(0, 0, 0, 0.1)",

	"mobileHeaderBg": ":lighten<5<$secondary",
	"mobileHeaderFg": "$text",
	"mobileNavBackdrop": "rgba(0, 0, 0, 0.2)",
	"mobilePostFormDivider": "rgba(0, 0, 0, 0.1)",
	"mobilePostFormTextareaBg": "#fff",
	"mobileDriveNavBg": ":alpha<0.75<$secondary",
	"mobileHomeTlItemHover": "rgba(0, 0, 0, 0.05)",
	"mobileUserPageName": "#757c82",
	"mobileUserPageAcct": "#969ea5",
	"mobileUserPageDescription": "#757c82",
	"mobileUserPageFollowedBg": "#a7bec7",
	"mobileUserPageFollowedFg": "#fff",
	"mobileUserPageStatusHighlight": "#787e86",
	"mobileUserPageHeaderShadow": "rgba(0, 0, 0, 0.07)",
	"mobileAnnouncement": "rgba(155, 196, 232, 0.2)",
	"mobileAnnouncementFg": "#3f4967",
	"mobileSignedInAsBg": "#fcfff5",
	"mobileSignedInAsFg": "#2c662d",
	"mobileSignoutBg": "#fff6f5",
	"mobileSignoutFg": "#cc2727",

	"reversiBannerGradientStart": "#8bca3e",
	"reversiBannerGradientEnd": "#d6cf31",
	"reversiDescBg": "rgba(0, 0, 0, 0.1)",
	"reversiListItemShadow": "rgba(0, 0, 0, 0.15)",
	"reversiMapSelectBorder": "rgba(0, 0, 0, 0.1)",
	"reversiMapSelectHoverBorder": "rgba(0, 0, 0, 0.2)",
	"reversiRoomFormShadow": "rgba(0, 0, 0, 0.1)",
	"reversiRoomFooterBg": ":alpha<0.9<$secondary",
	"reversiGameHeaderLine": "#c4cdd4",
	"reversiGameEmptyCell": "rgba(0, 0, 0, 0.06)",
	"reversiGameEmptyCellMyTurn": "rgba(0, 0, 0, 0.12)",
	"reversiGameEmptyCellCanPut": "rgba(0, 0, 0, 0.9)"
}