misskey/src/client/theme/dark.json

{
	"meta": {
		"id": "9978f7f9-5616-44fd-a704-cc5985efdd63",
		"name": "Dark",
		"author": "syuilo",
		"vars": {
			"primary": "#fb4e4e",
			"secondary": "#282C37",
			"text": "#d6dae0"
		}
	},

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

	"scrollbarTrack": ":darken<5<$secondary",
	"scrollbarHandle": ":lighten<5<$secondary",
	"scrollbarHandleHover": ":lighten<10<$secondary",

	"face": "$secondary",
	"faceText": "#fff",
	"faceHeader": ":lighten<5<$secondary",
	"faceHeaderText": "#e3e5e8",
	"faceDivider": "rgba(0, 0, 0, 0.3)",
	"faceTextButton": "#9baec8",
	"faceTextButtonHover": "#b2c1d5",
	"faceTextButtonActive": "#b2c1d5",
	"faceClearButtonHover": "rgba(0, 0, 0, 0.1)",
	"faceClearButtonActive": "rgba(0, 0, 0, 0.2)",
	"popupBg": ":lighten<5<$secondary",
	"popupFg": "#d6dce2",

	"subNoteBg": "rgba(0, 0, 0, 0.18)",
	"subNoteText": ":alpha<0.7<$text",
	"renoteGradient": "#314027",
	"renoteText": "#9dbb00",
	"quoteBorder": "#4e945e",
	"noteText": "#fff",
	"noteHeaderName": "#fff",
	"noteHeaderBadgeFg": "#758188",
	"noteHeaderBadgeBg": "rgba(0, 0, 0, 0.25)",
	"noteHeaderAdminFg": "#f15f71",
	"noteHeaderAdminBg": "#5d282e",
	"noteHeaderAcct": "#606984",
	"noteHeaderInfo": "#606984",

	"noteActions": "#606984",
	"noteActionsHover": "#a1a8bf",
	"noteActionsReplyHover": "#0af",
	"noteActionsRenoteHover": "#8d0",
	"noteActionsReactionHover": "#fa0",
	"noteActionsHighlighted": "#707b97",

	"noteAttachedFile": "rgba(255, 255, 255, 0.1)",

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

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

	"switchTrack": "rgba(255, 255, 255, 0.15)",
	"radioBorder": "rgba(255, 255, 255, 0.6)",
	"inputBorder": "rgba(255, 255, 255, 0.7)",
	"inputLabel": "rgba(255, 255, 255, 0.7)",
	"inputText": "#fff",

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

	"cwButtonBg": "#687390",
	"cwButtonFg": "#393f4f",
	"cwButtonHoverBg": "#707b97",

	"reactionPickerButtonHoverBg": "rgba(255, 255, 255, 0.18)",

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

	"pollEditorInputBg": "rgba(0, 0, 0, 0.25)",

	"pollChoiceText": "#fff",
	"pollChoiceBorder": "rgba(255, 255, 255, 0.1)",

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

	"calendarWeek": "#43d5dc",
	"calendarSaturdayOrSunday": "#ff6679",
	"calendarDay": "#c5ced6",

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

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

	"announcementsBg": "#253a50",
	"announcementsTitle": "#539eff",
	"announcementsText": "#fff",

	"donationBg": "#5d5242",
	"donationFg": "#e4dbce",

	"googleSearchBg": "rgba(0, 0, 0, 0.2)",
	"googleSearchFg": "#dee4e8",
	"googleSearchBorder": "rgba(255, 255, 255, 0.2)",
	"googleSearchHoverBorder": "rgba(255, 255, 255, 0.3)",
	"googleSearchHoverButton": "rgba(255, 255, 255, 0.1)",

	"mfmTitleBg": "rgba(0, 0, 0, 0.2)",
	"mfmQuote": ":alpha<0.7<$text",
	"mfmQuoteLine": ":alpha<0.6<$text",

	"suspendedInfoBg": "#611d1d",
	"suspendedInfoFg": "#ffb4b4",
	"remoteInfoBg": "#42321c",
	"remoteInfoFg": "#ffbd3e",

	"messagingRoomBg": "@bg",
	"messagingRoomInfo": "#fff",
	"messagingRoomDateDividerLine": "rgba(255, 255, 255, 0.1)",
	"messagingRoomDateDividerText": "rgba(255, 255, 255, 0.3)",
	"messagingRoomMessageInfo": "rgba(255, 255, 255, 0.4)",
	"messagingRoomMessageBg": "$secondary",
	"messagingRoomMessageFg": "#fff",

	"formButtonBorder": "rgba(255, 255, 255, 0.1)",
	"formButtonHoverBg": ":alpha<0.2<$primary",
	"formButtonHoverBorder": ":alpha<0.5<$primary",
	"formButtonActiveBg": ":alpha<0.12<$primary",

	"desktopHeaderBg": ":lighten<5<$secondary",
	"desktopHeaderFg": "$text",
	"desktopHeaderHoverFg": "#fff",
	"desktopHeaderIcon": "url('/assets/desktop/header-icon.dark.svg')",
	"desktopHeaderSearchBg": "rgba(0, 0, 0, 0.1)",
	"desktopHeaderSearchHoverBg": "rgba(255, 255, 255, 0.04)",
	"desktopHeaderSearchFg": "#fff",
	"desktopNotificationBg": ":alpha<0.9<$secondary",
	"desktopNotificationFg": ":alpha<0.7<$text",
	"desktopNotificationShadow": "rgba(0, 0, 0, 0.4)",
	"desktopPostFormBg": "@face",
	"desktopPostFormTextareaBg": "rgba(0, 0, 0, 0.25)",
	"desktopPostFormTextareaFg": "#fff",
	"desktopPostFormTransparentButtonFg": "$primary",
	"desktopPostFormTransparentButtonActiveGradientStart": ":darken<8<$secondary",
	"desktopPostFormTransparentButtonActiveGradientEnd": ":darken<3<$secondary",
	"desktopRenoteFormFooter": ":lighten<5<$secondary",
	"desktopTimelineHeaderShadow": "rgba(0, 0, 0, 0.15)",
	"desktopTimelineSrc": "@faceTextButton",
	"desktopTimelineSrcHover": "@faceTextButtonHover",
	"desktopWindowTitle": "@faceHeaderText",
	"desktopWindowShadow": "rgba(0, 0, 0, 0.5)",
	"desktopDriveBg": "@bg",
	"desktopDriveFolderBg": ":alpha<0.2<$primary",
	"desktopDriveFolderHoverBg": ":alpha<0.3<$primary",
	"desktopDriveFolderActiveBg": ":alpha<0.3<:darken<10<$primary",
	"desktopDriveFolderFg": "#fff",
	"desktopSettingsNavItem": ":alpha<0.8<$text",
	"desktopSettingsNavItemHover": ":lighten<10<$text",

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

	"mobileHeaderBg": ":lighten<5<$secondary",
	"mobileHeaderFg": "$text",
	"mobileNavBackdrop": "rgba(0, 0, 0, 0.7)",
	"mobilePostFormDivider": "rgba(0, 0, 0, 0.2)",
	"mobilePostFormTextareaBg": "rgba(0, 0, 0, 0.3)",
	"mobileDriveNavBg": ":alpha<0.75<$secondary",
	"mobileHomeTlItemHover": "rgba(255, 255, 255, 0.1)",
	"mobileUserPageName": "#fff",
	"mobileUserPageAcct": "$text",
	"mobileUserPageDescription": "$text",
	"mobileUserPageFollowedBg": "rgba(0, 0, 0, 0.3)",
	"mobileUserPageFollowedFg": "$text",
	"mobileUserPageStatusHighlight": "#fff",
	"mobileUserPageHeaderShadow": "rgba(0, 0, 0, 0.3)",
	"mobileAnnouncement": "rgba(30, 129, 216, 0.2)",
	"mobileAnnouncementFg": "#fff",
	"mobileSignedInAsBg": "#273c34",
	"mobileSignedInAsFg": "#49ab63",
	"mobileSignoutBg": "#652222",
	"mobileSignoutFg": "#ff5f56",

	"reversiBannerGradientStart": "#45730e",
	"reversiBannerGradientEnd": "#464300",
	"reversiDescBg": "rgba(255, 255, 255, 0.1)",
	"reversiListItemShadow": "rgba(0, 0, 0, 0.7)",
	"reversiMapSelectBorder": "rgba(255, 255, 255, 0.1)",
	"reversiMapSelectHoverBorder": "rgba(255, 255, 255, 0.2)",
	"reversiRoomFormShadow": "rgba(0, 0, 0, 0.7)",
	"reversiRoomFooterBg": ":alpha<0.9<$secondary",
	"reversiGameHeaderLine": ":alpha<0.5<$secondary",
	"reversiGameEmptyCell": ":lighten<2<$secondary",
	"reversiGameEmptyCellMyTurn": ":lighten<5<$secondary",
	"reversiGameEmptyCellCanPut": ":lighten<4<$secondary"
}