色設定CSS - caki

色設定CSS

code:style.css

html body {

おちつき ver.

アクセントカラーの配色はHuemint - AI color palette generatorを使って決めた

code:style.css

--white-mycol: #fcfbff;

--red-mycol: #a8506d;

--blue-mycol: #5090a8;

--glay-mycol: #d3e3e9;

--black-mycol: #1d1b4d;

--main-mycol: #b5e0f0;

--main-mycol-light: #d7e6ed;

--main-mycol-dark: #6ac0e0;

--sub-mycol: #1d1b4d;

--accent-mycol: #e370a9;

--accent-mycol-light: #ea94bf;

--accent-mycol-dark: #aa547f;

code:style.css

--body-bg: var(--main-mycol-light);

--navbar-bg: rgba(172, 225, 248, 0.7);

--navbar-bg: var(--main-mycol);

--navbar-title-color: var(--white-mycol);

--navbar-icon-color: var(--white-mycol);

--tool-text-color: var(--white-mycol);

--tool-light-color: var(--main-mycol-light);

--tool-bg: var(--sub-mycol);

--tool-color: var(--white-mycol);

--new-button-bg: var(--accent-mycol);

--page-text-color: var(--black-mycol);

--line-title-color: var(--black-mycol);

--sub-color: var(--sub-mycol);

--card-title-bg: none;

--card-title-color: var(--sub-mycol);

--relation-label-links-bg:var(--blue-mycol);

--relation-label-bg:var(--glay-mycol);

--relation-label-empty-bg:var(--red-mycol);

--search-form-bg: var(--main-mycol-light);

--search-form-icon-color: var(--accent-mycol);

--search-form-icon-focus-color: var(--accent-mycol);

--telomere-updated: var(--accent-mycol);

}

code:style.css!

.stream-btn a {color: var(--accent-mycol);}