UserCSS:紫陽花モード
紫陽花の花をモチーフにした。
hydrangea-1
hydrangea-2
code:style.css
@import "/api/code/suto3/UserCSS:痛モード/style.css"; /* ita */
:root {
--main-color: var(--navbar-bg, skyblue); /* 主調色 */
--assort-color: var(--card-bg, White); /* 従属色 */
--base-color: var(--body-bg, WhiteSmoke); /* 背景色 */
--accent-color: var(--cursor-color, lime); /* 強調色 */
--text-color: var(--page-text-color, black); /* 文字色 */
/* 1 ナビバーのアイコン（グローバルメニュー） */
--navi-icon: url(https://i.gyazo.com/f0c9fcff4f9085a99a352b152270db41.png);
--navi-icon-B: url('/api/pages/suto3/hydrangea-2/icon#.png');
--navi-icon-C: url('/api/pages/suto3/hydrangea-1/icon#.png');
/* 2 ブロジェクトホームのアイコン */
--project-home-icon: url(/api/pages/suto3/hydrangea-1/icon#.png); /* */
--project-home-icon-B: url(https://i.gyazo.com/f0c9fcff4f9085a99a352b152270db41.png); /* */
/* 3 背景画像 */
--project-bg-image: url(https://i.gyazo.com/f0c9fcff4f9085a99a352b152270db41.png); /* */
/* 4 ページの背景画像 */
--page-bg-image: url(https://i.gyazo.com/acd0132f1d9d3cfec7d5a25bb269eb6d.png); /* */
/* 5 ページのヘッダー画像 */
--page-header-image: url(https://i.gyazo.com/f0c9fcff4f9085a99a352b152270db41.png); /* */
/* 6 ページのフッター画像 */
--page-footer-image: url(https://i.gyazo.com/f0c9fcff4f9085a99a352b152270db41.png); /* */
/* 7 ページタイトルのアイキャッチ */
--eye-chacher: url(/api/pages/suto3/hydrangea-2/icon#.png); /* */
}
code:style.css
body {
--li-color-1: hsla(210,100%,60%,0.4);
--li-color-2: hsla(240,100%,60%,0.4);
--li-color-3: hsla(270,100%,60%,0.4);
--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, skyblue);
--card-title-bg: var(--main-color, skyblue);
--new-button-horizontal-color: var(--main-color, skyblue);
--new-button-vertical-color: var(--main-color, skyblue);
}
紫陽花
紫陽花
紫陽花
紫陽花
https://i.gyazo.com/f0c9fcff4f9085a99a352b152270db41.png
UserCSS.icon