doc: some initial experiments with colors
Signed-off-by: Brian McGee <brian@bmcgee.ie>
This commit is contained in:
parent
a5f347c0e5
commit
5175d34837
@ -44,15 +44,30 @@
|
|||||||
* -------------------------------------------------------------------------- */
|
* -------------------------------------------------------------------------- */
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--vp-c-default-1: var(--vp-c-gray-1);
|
--vp-c-treefmt-orange-1: #f79433;
|
||||||
--vp-c-default-2: var(--vp-c-gray-2);
|
--vp-c-treefmt-orange-2: #f6861a;
|
||||||
--vp-c-default-3: var(--vp-c-gray-3);
|
--vp-c-treefmt-orange-3: #dd6d00;
|
||||||
--vp-c-default-soft: var(--vp-c-gray-soft);
|
--vp-c-treefmt-orange-soft: rgba(245, 121, 0, 0.14);
|
||||||
|
|
||||||
--vp-c-brand-1: var(--vp-c-indigo-1);
|
--vp-c-treefmt-green-1: #9de05c;
|
||||||
--vp-c-brand-2: var(--vp-c-indigo-2);
|
--vp-c-treefmt-green-2: #8fdb45;
|
||||||
--vp-c-brand-3: var(--vp-c-indigo-3);
|
--vp-c-treefmt-green-3: #73d216;
|
||||||
--vp-c-brand-soft: var(--vp-c-indigo-soft);
|
--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-1: var(--vp-c-brand-1);
|
||||||
--vp-c-tip-2: var(--vp-c-brand-2);
|
--vp-c-tip-2: var(--vp-c-brand-2);
|
||||||
@ -91,17 +106,10 @@
|
|||||||
* -------------------------------------------------------------------------- */
|
* -------------------------------------------------------------------------- */
|
||||||
|
|
||||||
:root {
|
: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(
|
--vp-home-hero-image-background-image: linear-gradient(
|
||||||
-45deg,
|
-45deg,
|
||||||
#bd34fe 50%,
|
var(--vp-c-treefmt-orange-3) 50%,
|
||||||
#47caff 50%
|
var(--vp-c-treefmt-green-1) 50%
|
||||||
);
|
);
|
||||||
--vp-home-hero-image-filter: blur(44px);
|
--vp-home-hero-image-filter: blur(44px);
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user