UserCSS:向日葵モード
style.css@import "/api/code/suto3/UserCSS:痛モード/style.css"; /* ita */
:root {
--main-color: var(--navbar-bg, white); /* 主調色 */
--assort-color: var(--card-bg, skyblue); /* 従属色 */
/*--assort-color: lightblue; /* 従属色 */
/* --base-color: var(--body-bg, WhiteSmoke); /* 背景色 */
/* --base-color: skyblue; /* 背景色 */
--base-color: #f8fffc; /* 背景色 */
/* --accent-color: yellow; /* 強調色 */
--accent-color: orange; /* 強調色 */
--text-color: var(--page-text-color, black); /* 文字色 */
/* 1 ナビバーのアイコン（グローバルメニュー） */
--navi-icon: url('/api/pages/suto3/sunflower-1/icon#.png');
--navi-icon-B: url('/api/pages/suto3/sunflower-5/icon#.png');
--navi-icon-C: url('/api/pages/suto3/sunflower-5/icon#.png');
/* 2 ブロジェクトホームのアイコン */
--project-home-icon: url('/api/pages/suto3/sunflower-2/icon#.png'); /* */
--project-home-icon-B: url('/api/pages/suto3/sunflower-3/icon#.png'); /* */
/* 3 背景画像 */
--project-bg-image: url('/api/pages/suto3/sunflower-1/icon#.png'); /* */
/* 4 ページの背景画像 */
--page-bg-image: url('/api/pages/suto3/sunflower-3/icon#.png'); /* */
/* 5 ページのヘッダー画像 */
--page-header-image: url('/api/pages/suto3/sunflower-5/icon#.png'); /* */
/* 6 ページのフッター画像 */
--page-footer-image: url('/api/pages/suto3/sunflower-5/icon#.png'); /* */
/* 7 ページタイトルのアイキャッチ */
--eye-chacher: url('/api/pages/suto3/sunflower-4/icon#.png'); /* */
}
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);
}向日葵
向日葵
向日葵
向日葵
