UserCSS:向日葵モード

code: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; /* 背景色 */

/* --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'); /* */

}

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://scrapbox.io/api/pages/suto3/sunflower-1/icon#.png

UserCSS.icon