スタバっぽいScrapboxテーマ

スタバのホームページの色合いを使用したテーマ。

https://gyazo.com/c842f3c7ea2648c3e9170b2dc23e1110

https://gyazo.com/9fa1c667cd18bc4d7fb829d9ab91ede4

ちょっと眩しいかもしれないっす。気分転換に一時的に使ってみるぐらいでどーぞ。

uvoa.iconあれれ～、アープラじゃ動かないなぁ。。

あら、丸々コピーしたらいけた。importじゃダメなのか。

あ、解決した。importは先頭じゃないとダメだった。恥ずかしす。

code:style.css

body {

--body-bg: #fff;

--navbar-bg: rgba(0, 98, 65, 1);

--navbar-icon-color: #fff;

--navbar-icon-active-color: #fbbc05;

--navbar-icon-hovered-color: #fbbc05;

--search-form-bg: #fff;

--search-form-icon-color: #fff;

--search-form-icon-focus-color: #006241;

--card-title-color: #1E3932;

--card-title-bg: #1E3932;

--card-bg: #d4e9e2;

--card-hover-bg: rgba(0, 0, 0, 0.1);

--card-active-bg: rgba(229, 229, 229, 0.1);

--card-backside: #edebe9;

--card-description-color: rgba(0, 0, 0, .58);

--card-description-link-color: #00754A;

--card-description-code-color: rgba(0, 0, 0, .87);

--card-box-shadow-color: #edebe9;

--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);

--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);

--card-title-bg-pinned: #1E3932;

--relation-label-bg: #00a862;

--relation-label-text: #fff;

--relation-label-links-bg: #00a862;

--relation-label-links-text: #fff;

--relation-label-empty-bg: #dfc49d;

--relation-label-empty-text: #fff;

--tool-color: rgba(0, 0, 0, .87);

--tool-light-color: #edebe9;

--tool-badge-bg: #edebe9;

--tool-bg: #edebe9;

--tool-text-color: #1E3932;

--new-button-vertical-color: #00754A;

--new-button-horizontal-color: #00754A;

--new-button-bg: #fff;

--new-button-hover-bg: #d4e9e2;

--new-button-active-bg: #d4e9e2;

--telomere-border: #006241;

--telomere-unread: #00a862;

--page-text-color: rgba(0, 0, 0, .87);

--page-link-color: #00754A;

--page-link-hover-color: #00a862;

--page-link-color-cursor-line: rgba(0, 0, 0, .58);

--page-bg: #d4e9e2;

--empty-page-link-color: #d62b1f;

--empty-page-link-hover-color: #cba258;

--line-title-color: rgba(0, 0, 0, .87);

--line-permalink-color: rgba(0, 168, 98, 0.33);

--code-color: #000;

--code-bg: rgba(250, 246, 238, 0.3);

--quote-bg-color: rgba(250, 246, 238, 0.3);

--cursor-color: #000;

}

#UserCSS