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); /* 従属色 */
--base-color: var(--body-bg, lightpink); /* 背景色 */
--accent-color: var(--cursor-color, yellow); /* 強調色 */
--text-color: var(--page-text-color, brown); /* 文字色 */
/* 1 ナビバーのアイコン(グローバルメニュー) */
--navi-icon: url('/api/pages/suto3/UserCSS:chaos-001/icon'); /* */
--navi-icon-B: url('/api/pages/suto3/UserCSS:chaos-001/icon'); /* */
--navi-icon-C: url('/api/pages/suto3/UserCSS:chaos-002/icon'); /* */
/* 2 ブロジェクトホームのアイコン */
--project-home-icon: url('/api/pages/suto3/UserCSS:chaos-001/icon'); /* */
--project-home-icon-B: url('/api/pages/suto3/UserCSS:chaos-001/icon'); /* */
/* 3 背景画像 */
--project-bg-image: url('/api/pages/suto3/UserCSS:chaos-001/icon'); /* */
/* 4 ページの背景画像 */
--page-bg-image: url('/api/pages/suto3/UserCSS:chaos-001/icon'); /* */
/* 5 ページのヘッダー画像 */
--page-header-image: url('/api/pages/suto3/UserCSS:chaos-001/icon'); /* */
/* 6 ページのフッター画像 */
--page-footer-image: url('/api/pages/suto3/UserCSS:chaos-001/icon'); /* */
/* 7 ページタイトルのアイキャッチ */
--eye-chacher: url('/api/pages/suto3/UserCSS:chaos-001/icon'); /* */
}
code:style.css
body {
--li-color-1: hsla(90,100%,60%,0.4);
--li-color-2: hsla(150,100%,60%,0.4);
--li-color-3: hsla(210,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, 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