色設定CSS_yellow - caki

色設定CSS_yellow

code:style.css

html body {

YELLOW ver.

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

もともと使っていたトロピカルテーマのカラーを一部引用

code:style.css

--white-mycol: #fefcfe;

--red-mycol: #eb6063;

--blue-mycol: #6063eb;

--glay-mycol: #efefeb;

--black-mycol: #211c1c;

--main-mycol: #f0d458;

--main-mycol-light: #f4df82;

--main-mycol-dark: #f0d458;

--sub-mycol: #f3add3;

--accent-mycol: #4fc0b2;

--accent-mycol-rgba: rgba(79, 192, 178, 0.7);

--accent-mycol-light: #7bd0c5;

--accent-mycol-dark: #3b9086;

code:style.css

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

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

--navbar-bg: var(--accent-mycol-rgba);

--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-dark);

--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(--black-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(--glay-mycol);

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

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

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

}