UserCSS:薔薇モード
薔薇の花をモチーフにした。
code:style.css
@import "/api/code/suto3/UserCSS:痛モード/style.css"; /* ita */
:root {
/* --main-color: Crimson; /* 主調色 */
/* --main-color: pink; /* 主調色 */
--main-color: #FFF0FF; /* 主調色 */
--assort-color: WhiteSmoke; /* 従属色 */
/* --base-color: lightpink; /* 背景色 */
--base-color: #FFF8FF; /* 背景色 */
--accent-color: yellow; /* 強調色 */
--text-color: gray; /* 文字色 */
/* --main-color: var(--navbar-bg, Crimson); /* 主調色 */
/* --assort-color: var(--card-bg, WhiteSmoke); /* 従属色 */
/* --base-color: var(--body-bg, pink); /* 背景色 */
/* --accent-color: var(--cursor-color, yellow); /* 強調色 */
/* --text-color: var(--page-text-color, gray); /* 文字色 */
/* 1 ナビバーのアイコン（グローバルメニュー） */
--navi-icon: url('/api/pages/suto3/rose-pink/icon'); /* */
--navi-icon-B: url('/api/pages/suto3/バラ/icon'); /* */
--navi-icon-C: url('/api/pages/suto3/バラ/icon'); /* */
/* 2 ブロジェクトホームのアイコン */
/* --project-home-icon: url("https://openclipart.org/download/215948/flower_09a.svg"); /* */
/*--project-home-icon: url(https://scrapbox.io/files/5f2ccbcc7a2c67001ef77649.svg); /* */
/* --project-home-icon: url(https://i.gyazo.com/2831a96765bd60b3d974e4a3be265a57.png); /* */
--project-home-icon: url('/api/pages/suto3/rose-white/icon'); /* */
--project-home-icon-B: url(https://scrapbox.io/files/5f2ccbcc7a2c67001ef77649.svg); /* */
/* 3 背景画像 */
/* --project-bg-image: url("https://i.gyazo.com/5a9b6f8b965613bcc39d3b77afa59dc7.png"); /* ビーバー君 */
--project-bg-image: url('/api/pages/suto3/rose-white/icon'); /* */
/* 4 ページの背景画像 */
--page-bg-image: url('/api/pages/suto3/rose-red/icon'); /* */
/* 5 ページのヘッダー画像 */
/* --page-header-image: url(https://i.gyazo.com/5a9b6f8b965613bcc39d3b77afa59dc7.png); /* ビーバー君 */
/* --page-header-image: url(https://openclipart.org/download/177068/1365955249.svg);/**/
--page-header-image: url('/api/pages/suto3/バラ/icon'); /* */
/* 6 ページのフッター画像 */
/* --page-footer-image: url(https://i.gyazo.com/5a9b6f8b965613bcc39d3b77afa59dc7.png); /* ビーバー君 */
--page-footer-image: url('/api/pages/suto3/バラ/icon'); /* */
/* 7 ページタイトルのアイキャッチ */
/* --eye-chacher: url(https://i.gyazo.com/5a9b6f8b965613bcc39d3b77afa59dc7.png); /* ビーバー君 */
/*--eye-chacher: url(https://scrapbox.io/files/5f2ccbcc7a2c67001ef77649.svg); /* */
/* --eye-chacher: url(https://i.gyazo.com/6c9dd76ad4607143ea616014f8a7cfe8.jpg); /* */
/*--eye-chacher: url(https://i.gyazo.com/2831a96765bd60b3d974e4a3be265a57.png); /* */
--eye-chacher: url(https://i.gyazo.com/406111e9efae6ec8987207eac256e35b.png); /* */
--li-color-0: var(--text-color, #EEE);
--li-color-1: hsla(300,100%,60%,0.6);
--li-color-2: hsla(0,100%,60%,0.6);
--li-color-3: hsla(60,100%,60%,0.6);
}
code:style.css
body {
--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, Crimson);
--card-title-bg: var(--main-color, Crimson);
--new-button-horizontal-color: var(--main-color, Crimson);
--new-button-vertical-color: var(--main-color, Crimson);
/* --page-link-color: skyblue; /* */
/* --empty-page-link-color: green; /* */
}
薔薇
薔薇
薔薇
薔薇
UserCSS.icon