Misskey Material Design Theme (Dark)

material_dark.json

{
    "meta": {
        "id": "material dark",
        "name": "Material Dark",
        "author": "Xeltica",
        "vars": {
            "primary": "#42A5F5",
            "secondary": "#212121",
            "text": "#FAFAFA",
            "white": "#FAFAFA"
        }
    },
    "primary": "$primary",
    "primaryForeground": "$white",
    "secondary": "$secondary",
    "bg": ":darken<8<$secondary",
    "text": "$text",
    "scrollbarTrack": ":darken<5<$secondary",
    "scrollbarHandle": ":lighten<5<$secondary",
    "scrollbarHandleHover": ":lighten<10<$secondary",
    "face": "$secondary",
    "faceText": "$white",
    "faceHeader": ":lighten<5<$secondary",
    "faceHeaderText": "$white",
    "faceDivider": "rgba(0, 0, 0, 0.3)",
    "faceTextButton": "$white",
    "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": "#8BC34A",
    "quoteBorder": "#80CBC4",
    "noteText": "$white",
    "noteHeaderName": "$white",
    "noteHeaderBadgeFg": "#E1F5FE",
    "noteHeaderBadgeBg": "#03A9F4",
    "noteHeaderAdminFg": "#ffcdd2",
    "noteHeaderAdminBg": "#f44336",
    "noteHeaderAcct": "#607D8B",
    "noteHeaderInfo": "#607D8B",
    "noteActions": "#607D8B",
    "noteActionsHover": "#CFD8DC",
    "noteActionsReplyHover": "#03A9F4",
    "noteActionsRenoteHover": "#4CAF50",
    "noteActionsReactionHover": "#FF9800",
    "noteActionsHighlighted": "#CFD8DC",
    "noteAttachedFile": "rgba(255, 255, 255, 0.1)",
    "modalBackdrop": "rgba(0, 0, 0, 0.32)",
    "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": "$white",
    "buttonBg": "rgba(255, 255, 255, 0.05)",
    "buttonHoverBg": "rgba(255, 255, 255, 0.1)",
    "buttonActiveBg": "rgba(255, 255, 255, 0.15)",
    "autocompleteItemHoverBg": "rgba(255, 255, 255, 0.1)",
    "autocompleteItemText": "rgba(255, 255, 255, 0.8)",
    "autocompleteItemTextSub": "rgba(255, 255, 255, 0.3)",
    "cwButtonBg": "#607D8B",
    "cwButtonFg": "#B0BEC5",
    "cwButtonHoverBg": "#707b97",
    "reactionPickerButtonHoverBg": "rgba(255, 255, 255, 0.18)",
    "reactionViewerBorder": "rgba(255, 255, 255, 0.1)",
    "pollEditorInputBg": "rgba(0, 0, 0, 0.25)",
    "pollChoiceText": "$white",
    "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": "$text",
    "calendarSaturdayOrSunday": "#f44336",
    "calendarDay": "$text",
    "materBg": "rgba(0, 0, 0, 0.3)",
    "chartCaption": ":alpha<0.6<$text",
    "announcementsBg": "#1A237E",
    "announcementsTitle": "#5C6BC0",
    "announcementsText": "$white",
    "donationBg": "#3E2723",
    "donationFg": "#D7CCC8",
    "googleSearchBg": "rgba(0, 0, 0, 0.2)",
    "googleSearchFg": "#E3F2FD",
    "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": "#880E4F",
    "suspendedInfoFg": "#F8BBD0",
    "remoteInfoBg": "#3E2723",
    "remoteInfoFg": "#BCAAA4",
    "messagingRoomBg": "@bg",
    "messagingRoomInfo": "$white",
    "messagingRoomDateDividerLine": "rgba(255, 255, 255, 0.1)",
    "messagingRoomDateDividerText": "rgba(255, 255, 255, 0.3)",
    "messagingRoomMessageInfo": "rgba(255, 255, 255, 0.4)",
    "messagingRoomMessageBg": "$secondary",
    "messagingRoomMessageFg": "$white",
    "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": "$white",
    "desktopHeaderSearchBg": "rgba(0, 0, 0, 0.1)",
    "desktopHeaderSearchHoverBg": "rgba(255, 255, 255, 0.04)",
    "desktopHeaderSearchFg": "$white",
    "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": "$white",
    "desktopPostFormTransparentButtonFg": "$text",
    "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": "$white",
    "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": "$white",
    "mobileUserPageAcct": "$text",
    "mobileUserPageDescription": "$text",
    "mobileUserPageFollowedBg": "rgba(0, 0, 0, 0.3)",
    "mobileUserPageFollowedFg": "$text",
    "mobileUserPageStatusHighlight": "$white",
    "mobileUserPageHeaderShadow": "rgba(0, 0, 0, 0.3)",
    "mobileAnnouncement": "rgba(30, 129, 216, 0.2)",
    "mobileAnnouncementFg": "$white",
    "mobileSignedInAsBg": "#004D40",
    "mobileSignedInAsFg": "#FAFAFA",
    "mobileSignoutBg": "#f44336",
    "mobileSignoutFg": "#ffcdd2",
    "reversiBannerGradientStart": "#009688",
    "reversiBannerGradientEnd": "#009688",
    "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"
}