How to be a DD

Apr 27, 2019

见习魔法师

---feature:roselia-dom--- DD 是 誰も大好き 的简写,在Roselia-Blog的强相关上下文BanG-Dream中,DD指的是喜欢5个乐队。

在日式应援中,对应援色的选择是十分考究的,体现在本博客对配色的选择上;当然现在就呼之欲出了,如何成为一名出色的DD?

那便是利用换肤功能!

How to be a DD?

r{{ btn(icon('save'), saveCurrentTheme, 'primary v-btn--floating v-btn--small') }} r{{ btn(icon('refresh'), () => { resetTheme() toast('You should save changes.') }, 'secondary primary v-btn--floating v-btn--small') }} r{{ def('cT', (name, theme, text) => btn(name, () => { changeThemeOnce(theme) toast(text || (name + "!"), theme.primary) }, null, {style: {background: theme.primary} })) }}

r{{ cT("Roselia", { primary: '#6670ed', secondary: '#890f87', accent: '#bbbbbb', error: '#dd0087', warning: '#dd2200', info: '#00aabc', }, "你们,有为Roselia赌上一切的觉悟吗?") }}

r{{ cT("Poppin'Party", { primary: '#FFA5DB', secondary: '#D4B1ED', accent: '#FBB0DD', info: '#75C4FB', warning: '#FCD50C', error: '#F18785' }, "Popipa! Pipopa! Popipapapipopa!") }}

r{{ cT("Pastel*Palettes", { primary: '#39C5BB', secondary: '#FBAED3', accent: '#EFCDFB', info: '#84E7E9', warning: '#FBF096', success: '#92E8C6' }, "应援就拜托大家了!") }}

r{{ cT("Afterglow", { primary: '#E76C80', secondary: '#AC687B', accent: '#FBC4BB', info: '#76C6C5', warning: '#AC687B', error: '#FF0000' }, "传达像平常那样的我们的歌曲") }}

r{{ cT("Hello, Happy World!", { primary: '#F9E637', secondary: '#DD8ECE', accent: '#BA7FC8', info: '#AFD5FA', warning: '#EAAE61' }, "Happy! Lucky! Smile! Yeah!!") }}

r{{ cT("RAISE A SUILEN", { primary: '#9370db', secondary: '#FF99CC', accent: '#CD0A10', info: '#33CCFF', warning: '#E1BA39', success: '#BCFF64' }, "RAISE A SUILEN、5人で1つ") }}

r{{ cT("Morfonica", { primary: '#33AAFF', secondary: '#6677CC', accent: '#EE6666', warning: '#EE7744', error: '#EE7788', success: '#669988', info: '#DDFFFF' }, "世界が輝いて、青空に星が見えた……") }}


Roselia{{ cT("Revue Starlight", { primary: '#FB5458', secondary: '#6292E9', accent: '#E08696', error: '#FB5458', warning: '#FE9952', info: '#95CAEE', success: '#61BF99' }, "Position Zero") }}

调色盘演示 :

Roselia{{ ['primary', 'secondary', 'accent', 'error', 'warning', 'info', 'success'].map(v => btn(v, null, v).template).join('') }}

In this post, I defined a funtion:

cT(name: string, theme: RoseliaTheme, text: string): RoseliaRenderResult
interface RoseliaTheme {
    primary: string,
    secondary: string,
    accent: string,
    info: string,
    warning: string,
    success: string
}

r{{ def('def', def) }}