2022-07-16 12:04:51 +02:00
|
|
|
:root {
|
2023-03-27 17:27:14 +02:00
|
|
|
/* custom colors */
|
|
|
|
|
--color-primary-light: hsl(11, 100%, 31%);
|
|
|
|
|
--color-primary-dark: hsl(11, 100%, 75%);
|
|
|
|
|
/* custom theme */
|
2023-12-08 11:07:59 +01:00
|
|
|
--vp-c-brand-1: var(--color-primary-light);
|
|
|
|
|
--vp-c-brand-2: var(--color-primary-light);
|
2023-04-02 11:21:50 +02:00
|
|
|
|
2023-12-08 11:07:59 +01:00
|
|
|
--vp-button-brand-bg: var(--color-primary-light);
|
2023-03-27 17:27:14 +02:00
|
|
|
--vp-button-brand-text: var(--vp-c-bg);
|
2023-04-02 11:21:50 +02:00
|
|
|
--vp-button-brand-hover-text: var(--color-primary-light);
|
|
|
|
|
--vp-button-brand-active-text: var(--color-primary-light);
|
2023-03-27 17:27:14 +02:00
|
|
|
--vp-button-brand-border: var(--color-primary-light);
|
2023-04-02 11:21:50 +02:00
|
|
|
--vp-button-brand-hover-bg: var(--vp-c-bg);
|
|
|
|
|
--vp-button-brand-active-bg: var(--vp-c-bg);
|
|
|
|
|
--vp-button-brand-hover-border: var(--color-primary-light);
|
|
|
|
|
--vp-button-brand-active-border: var(--color-primary-light);
|
|
|
|
|
|
2023-12-08 11:07:59 +01:00
|
|
|
/* --vp-custom-block-tip-bg: var(--vp-c-bg);
|
2023-03-27 17:27:14 +02:00
|
|
|
--vp-custom-block-danger-bg: var(--vp-c-bg);
|
|
|
|
|
--vp-custom-block-info-bg: var(--vp-c-bg);
|
|
|
|
|
--vp-custom-block-warning-bg: var(--vp-c-bg);
|
|
|
|
|
--vp-custom-block-tip-text: hsl(161, 96%, 20%);
|
|
|
|
|
--vp-custom-block-warning-text: hsl(26, 95%, 29%);
|
2023-12-08 11:07:59 +01:00
|
|
|
--vp-custom-block-danger-text: hsl(350, 75%, 38%); */
|
2023-03-27 17:27:14 +02:00
|
|
|
|
2022-07-16 12:04:51 +02:00
|
|
|
--vp-code-font-size: 0.9375rem;
|
|
|
|
|
}
|
2023-03-27 17:27:14 +02:00
|
|
|
.dark {
|
2023-12-08 11:07:59 +01:00
|
|
|
--vp-c-brand-1: var(--color-primary-dark);
|
|
|
|
|
--vp-c-brand-2: var(--color-primary-dark);
|
|
|
|
|
|
|
|
|
|
--vp-button-brand-bg: var(--color-primary-dark);
|
2023-04-02 11:21:50 +02:00
|
|
|
--vp-button-brand-hover-text: var(--vp-c-dark);
|
|
|
|
|
--vp-button-brand-active-text: var(--vp-c-dark);
|
2023-03-27 17:27:14 +02:00
|
|
|
--vp-button-brand-border: var(--color-primary-dark);
|
2023-04-02 11:21:50 +02:00
|
|
|
--vp-button-brand-hover-border: var(--color-primary-dark);
|
|
|
|
|
--vp-button-brand-active-border: var(--color-primary-dark);
|
|
|
|
|
|
2023-12-08 11:07:59 +01:00
|
|
|
/* --vp-custom-block-tip-bg: var(--vp-c-bg);
|
2023-03-27 17:27:14 +02:00
|
|
|
--vp-custom-block-danger-bg: var(--vp-c-bg);
|
|
|
|
|
--vp-custom-block-info-bg: var(--vp-c-bg);
|
|
|
|
|
--vp-custom-block-warning-bg: var(--vp-c-bg);
|
|
|
|
|
--vp-custom-block-tip-text: hsl(161, 78%, 43%);
|
|
|
|
|
--vp-custom-block-warning-text: hsl(32, 95%, 44%);
|
2023-12-08 11:07:59 +01:00
|
|
|
--vp-custom-block-danger-text: hsl(0, 100%, 76%); */
|
2023-03-27 17:27:14 +02:00
|
|
|
}
|
2022-07-17 11:05:02 +02:00
|
|
|
|
|
|
|
|
:where(details summary) {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a:hover {
|
2023-12-08 11:07:59 +01:00
|
|
|
text-decoration: none;
|
2022-07-17 11:05:02 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.prev-next a:hover {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
2022-07-29 17:21:46 +02:00
|
|
|
|
|
|
|
|
.VPPage {
|
|
|
|
|
max-inline-size: 70ch;
|
|
|
|
|
margin-inline: auto;
|
|
|
|
|
}
|
