Theme for Misskey or Firefish based on Nord theme color.

Find a file

KazukyAkayashi dbe6e53109 Update README.md Change header opacity 0.50 to 0.75 and add custom css for Stylus or Misskey css editor.		2021-08-31 09:02:33 +02:00
LICENSE	Initial commit	2020-05-14 11:42:18 +02:00
misskey-nord-theme.png	Add files via upload	2020-05-14 17:14:13 +02:00
nord-light.png	Update Light theme	2021-02-23 22:12:56 +01:00
README.md	Update README.md	2021-08-31 09:02:33 +02:00

README.md

Misskey Nord Theme

Theme for misskey based on Nord theme color.

Use

Copy this code on misskey theme editor.

Dark

{
	id: '5de572f1-608f-4e8b-9e48-62a519f0c7aa',

	name: 'Nord',
	author: '@kazukyakayashi@meow.zarchbox.fr',
	desc: 'Theme based on Nord theme color',

	base: 'dark',

props: {
	accent: '#8fbcbb',
	bg: '#2e3440',
	fg: '#eceff4',
	fgHighlighted: '@accent',
	panel: '#3b4252',
	navBg: '#3b4252',
	navFg: '@fg',
	navHoverFg: '@accent',
	navActive: '@accent',
	navIndicator: '#bf616a',
	indicator: '#bf616a',
	header: 'rgba(46, 52, 64, 0.75)',
	link: '#b48ead',
	mention: '#bf616a',
	hashtag: '#a3be8c',
	renote: '#d08770',
	cwFg: '#eceff4',
	pageBg: '@bg',
	badge: '#a3be8c',
	divider: 'rgba(46, 52, 64, 0.5)',
	driveFolderBg: '@panel',
	infoWarnBg: '#ebcb8b',
	infoWarnFg: '#2e3440',
	},
}

Light

{
	id: 'a99c9ac9-e23d-4770-934f-16419dfdd6c1',

	name: 'Light Nord',
	author: '@kazukyakayashi@meow.zarchbox.fr',
	desc: 'Theme based on Nord theme color',

	base: 'light',

	props: {
	accent: '#5e81ac',
	bg: '#d8dee9',
	fg: '#2e3440',
	fgHighlighted: '@accent',
	panel: '#e5e9f0',
	navBg: '#e5e9f0',
	navFg: '#2e3440',
	navHoverFg: '@accent',
	navActive: '@accent',
	navIndicator: '@accent',
	header: 'rgba(229, 233, 240, 0.75)',
	link: '#b48ead',
	mention: '#bf616a',
	hashtag: '#5e81ac',
	renote: '#d08770',
	pageBg: '@bg',
	badge: '#d08770',
	divider: 'rgba(216, 222, 233, 0.7)',
	driveFolderBg: '@panel',
	infoWarnBg: '#ebcb8b',
	infoWarnFg: '#2e3440',
	},
}

In Stylus or Misskey CSS editor

/* bg for link preview */
.mk-url-preview > a > article {
    background-color: #343a4a;
}

Screenshot

Dark theme

Light theme