UserCSS:桜モード

別名、ダサピンク

code:style.css

@import "/api/code/suto3/UserCSS:痛モード/style.css"; /* ita */

:root {

/* --main-color: var(--navbar-bg, pink); /* 主調色 */

/* --assort-color: var(--card-bg, WhiteSmoke); /* 従属色 */

--assort-color: WhiteSmoke; /* 従属色 */

/* --base-color: var(--body-bg, lightpink); /* 背景色 */

/* --accent-color: var(--cursor-color, yellow); /* 強調色 */

--accent-color: yellow; /* 強調色 */

/* --text-color: var(--page-text-color, brown); /* 文字色 */

--text-color: brown; /* 文字色 */

/* 1 ナビバーのアイコン（グローバルメニュー） */

/* 2 ブロジェクトホームのアイコン */

/* 3 背景画像 */

/* 4 ページの背景画像 */

/* 5 ページのヘッダー画像 */

/* 6 ページのフッター画像 */

/* 7 ページタイトルのアイキャッチ */

}

code:style.css

body {

/*　--li-color-1: hsla(90,100%,50%,0.8); */

/*　--li-color-2: hsla(150,100%,50%,0.8); */

/*　--li-color-3: hsla(210,100%,50%,0.8); */

--li-color-1: hsla(210,100%,50%,0.8);

--li-color-2: hsla(180,100%,50%,0.8);

--li-color-3: hsla(90,100%,50%,0.8);

--navbar-link-color: var(--assort-color, white);

--new-button-bg: var(--assort-color, white);

--relation-label-bg: var(--assort-color, white);

--body-headings-color: var(--main-color, pink);

--card-title-bg: var(--main-color, pink);

--new-button-horizontal-color: var(--main-color, pink);

--new-button-vertical-color: var(--main-color, pink);

--page-link-color: skyblue; /* */

--empty-page-link-color: red; /* */

}

桜

桜

桜

UserCSS.icon

https://gyazo.com/a7a3fc8e0445e0716a0e3ecb8c1b10ef

[https://gyazo.com/c2ccb670d84aa4201ae1cb28d02ca22a]