Skip to content

Commit e58d89f

Browse files
licitdevrijkvanzanten
licitdev
and
rijkvanzanten
authored
docs: add dark mode colors (#22)
Co-authored-by: Rijk van Zanten <[email protected]>
1 parent b389238 commit e58d89f

File tree

11 files changed

+42
-42
lines changed

11 files changed

+42
-42
lines changed

‎docs/components/example/ExampleBasic.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
55
<template>
66
<SplitPanel class="w-full">
77
<template #start>
8-
<div class="h-16 bg-orange-50 flex items-center justify-center">Panel A</div>
8+
<div class="h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center">Panel A</div>
99
</template>
1010

1111
<template #end>
12-
<div class="h-16 bg-blue-50 flex items-center justify-center">Panel B</div>
12+
<div class="h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center">Panel B</div>
1313
</template>
1414
</SplitPanel>
1515
</template>

‎docs/components/example/ExampleCollapsible.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
1313
:collapse-threshold="50"
1414
>
1515
<template #start>
16-
<div class="h-16 bg-orange-50 flex items-center justify-center">Panel A</div>
16+
<div class="h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center">Panel A</div>
1717
</template>
1818

1919
<template #end>
20-
<div class="h-16 bg-blue-50 flex items-center justify-center">Panel B</div>
20+
<div class="h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center">Panel B</div>
2121
</template>
2222
</SplitPanel>
2323
</template>

‎docs/components/example/ExampleDivider.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,15 +12,15 @@ import { SplitPanel } from '@directus/vue-split-panel';
1212
:max-size="500"
1313
>
1414
<template #start>
15-
<div class="h-16 bg-orange-50 flex items-center justify-center">Panel A</div>
15+
<div class="h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center">Panel A</div>
1616
</template>
1717

1818
<template #divider>
1919
<div class="h-full bg-muted hover:bg-primary w-4" />
2020
</template>
2121

2222
<template #end>
23-
<div class="h-16 bg-blue-50 flex items-center justify-center">Panel B</div>
23+
<div class="h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center">Panel B</div>
2424
</template>
2525
</SplitPanel>
2626
</template>

‎docs/components/example/ExampleNested.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,17 +5,17 @@ import { SplitPanel } from '@directus/vue-split-panel';
55
<template>
66
<SplitPanel primary="start" class="h-128 w-full">
77
<template #start>
8-
<div class="w-full h-full bg-orange-50 flex items-center justify-center">Panel A</div>
8+
<div class="w-full h-full bg-orange-100 dark:bg-orange-900 flex items-center justify-center">Panel A</div>
99
</template>
1010

1111
<template #end>
1212
<SplitPanel orientation="vertical" class="h-full">
1313
<template #start>
14-
<div class="w-full h-full bg-red-50 flex items-center justify-center">Panel B</div>
14+
<div class="w-full h-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center">Panel B</div>
1515
</template>
1616

1717
<template #end>
18-
<div class="w-full h-full bg-green-50 flex items-center justify-center">Panel C</div>
18+
<div class="w-full h-full bg-green-100 dark:bg-green-900 flex items-center justify-center">Panel C</div>
1919
</template>
2020
</SplitPanel>
2121
</template>

‎docs/components/example/ExamplePercentage.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
1111
:max-size="40"
1212
>
1313
<template #start>
14-
<div class="h-16 bg-orange-50 flex items-center justify-center">Panel A</div>
14+
<div class="h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center">Panel A</div>
1515
</template>
1616

1717
<template #end>
18-
<div class="h-16 bg-blue-50 flex items-center justify-center">Panel B</div>
18+
<div class="h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center">Panel B</div>
1919
</template>
2020
</SplitPanel>
2121
</template>

‎docs/components/example/ExamplePrimary.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
55
<template>
66
<SplitPanel class="w-full" primary="start" :size="350" size-unit="px">
77
<template #start>
8-
<div class="w-full h-16 bg-orange-50 flex items-center justify-center">Panel A</div>
8+
<div class="w-full h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center">Panel A</div>
99
</template>
1010

1111
<template #end>
12-
<div class="w-full h-16 bg-blue-50 flex items-center justify-center">Panel B</div>
12+
<div class="w-full h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center">Panel B</div>
1313
</template>
1414
</SplitPanel>
1515
</template>

‎docs/components/example/ExamplePx.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
1111
:max-size="500"
1212
>
1313
<template #start>
14-
<div class="h-16 bg-orange-50 flex items-center justify-center">Panel A</div>
14+
<div class="h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center">Panel A</div>
1515
</template>
1616

1717
<template #end>
18-
<div class="h-16 bg-blue-50 flex items-center justify-center">Panel B</div>
18+
<div class="h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center">Panel B</div>
1919
</template>
2020
</SplitPanel>
2121
</template>

‎docs/components/example/ExampleSnap.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
55
<template>
66
<SplitPanel class="w-full" :snap-points="[25, 50]">
77
<template #start>
8-
<div class="h-16 bg-orange-50 flex items-center justify-center">Panel A</div>
8+
<div class="h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center">Panel A</div>
99
</template>
1010

1111
<template #end>
12-
<div class="h-16 bg-blue-50 flex items-center justify-center">Panel B</div>
12+
<div class="h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center">Panel B</div>
1313
</template>
1414
</SplitPanel>
1515
</template>

‎docs/components/example/ExampleTransitions.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
1414
transition-duration="150ms"
1515
>
1616
<template #start>
17-
<div class="h-16 bg-orange-50 flex items-center justify-center">Panel A</div>
17+
<div class="h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center">Panel A</div>
1818
</template>
1919

2020
<template #end>
21-
<div class="h-16 bg-blue-50 flex items-center justify-center">Panel B</div>
21+
<div class="h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center">Panel B</div>
2222
</template>
2323
</SplitPanel>
2424
</template>

‎docs/components/example/ExampleVertical.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
88
class="h-128 w-full"
99
>
1010
<template #start>
11-
<div class="w-full h-full bg-orange-50 flex items-center justify-center">Panel A</div>
11+
<div class="w-full h-full bg-orange-100 dark:bg-orange-900 flex items-center justify-center">Panel A</div>
1212
</template>
1313

1414
<template #end>
15-
<div class="w-full h-full bg-blue-50 flex items-center justify-center">Panel B</div>
15+
<div class="w-full h-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center">Panel B</div>
1616
</template>
1717
</SplitPanel>
1818
</template>

0 commit comments

Comments
 (0)