numtide/treefmt
Archived
8
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

doc: some initial experiments with colors

Browse Source 
Signed-off-by: Brian McGee <brian@bmcgee.ie>
This commit is contained in:
Brian McGee 2024-04-29 14:35:19 +01:00
parent 097b701792
commit 07989c7a04
Signed by: brianmcgee
GPG Key ID: D49016E76AD1E8C0
1 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
docs/.vitepress/theme/style.css
View File

@ -44,15 +44,30 @@
* -------------------------------------------------------------------------- */
:root {
--vp-c-default-1: var(--vp-c-gray-1);
--vp-c-default-2: var(--vp-c-gray-2);
--vp-c-default-3: var(--vp-c-gray-3);
--vp-c-default-soft: var(--vp-c-gray-soft);
--vp-c-treefmt-orange-1: #f79433;
--vp-c-treefmt-orange-2: #f6861a;
--vp-c-treefmt-orange-3: #dd6d00;
--vp-c-treefmt-orange-soft: rgba(245, 121, 0, 0.14);
--vp-c-brand-1: var(--vp-c-indigo-1);
--vp-c-brand-2: var(--vp-c-indigo-2);
--vp-c-brand-3: var(--vp-c-indigo-3);
--vp-c-brand-soft: var(--vp-c-indigo-soft);
--vp-c-treefmt-green-1: #9de05c;
--vp-c-treefmt-green-2: #8fdb45;
--vp-c-treefmt-green-3: #73d216;
--vp-c-treefmt-green-soft: rgba(115, 210, 22, 0.14);
--vp-c-treefmt-gray-1: #6d6e6a;
--vp-c-treefmt-gray-2: #888a85;
--vp-c-treefmt-gray-3: #a0a19d;
--vp-c-treefmt-gray-soft: rgba(136, 138, 133, 0.14);
--vp-c-default-1: var(--vp-c-treefmt-gray-1);
--vp-c-default-2: var(--vp-c-treefmt-gray-2);
--vp-c-default-3: var(--vp-c-treefmt-gray-3);
--vp-c-default-soft: var(--vp-c-treefmt-gray-soft);
--vp-c-brand-1: var(--vp-c-treefmt-orange-1);
--vp-c-brand-2: var(--vp-c-treefmt-orange-2);
--vp-c-brand-3: var(--vp-c-treefmt-orange-3);
--vp-c-brand-soft: var(--vp-c-treefmt-orange-soft);
--vp-c-tip-1: var(--vp-c-brand-1);
--vp-c-tip-2: var(--vp-c-brand-2);
@ -91,17 +106,10 @@
* -------------------------------------------------------------------------- */
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(
120deg,
#bd34fe 30%,
#41d1ff
);
--vp-home-hero-image-background-image: linear-gradient(
-45deg,
#bd34fe 50%,
#47caff 50%
var(--vp-c-treefmt-orange-3) 50%,
var(--vp-c-treefmt-green-1) 50%
);
--vp-home-hero-image-filter: blur(44px);
}