Skip to content

Commit

Permalink
* docs: make example block compatible with dark mode.
Browse files Browse the repository at this point in the history
  • Loading branch information
@catouse
catouse committed Dec 14, 2023
1 parent 650c656 commit ef0fb00
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions docs/_/.vitepress/theme/components/example.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,17 +31,17 @@ const classList = computed(() => {
const style = computed(() => {
if (props.background === 'light-grid') {
return {
'background-image': 'repeating-linear-gradient(135deg, rgba(189,189,189,0.1) 0px, rgba(189,189,189,0.1) 2px,transparent 2px, transparent 4px),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255))'
'background-image': 'repeating-linear-gradient(135deg, rgba(189,189,189,0.1) 0px, rgba(189,189,189,0.1) 2px,transparent 2px, transparent 4px),linear-gradient(90deg, rgb(var(--color-canvas-rgb)),rgb(var(--color-canvas-rgb)))'
};
}
if (props.background === 'blue-circle') {
return {
'background-image': 'radial-gradient(circle at 31% 83%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 8%,transparent 8%, transparent 92%),radial-gradient(circle at 54% 21%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 8%,transparent 8%, transparent 92%),radial-gradient(circle at 68% 13%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 30% 64%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 51% 96%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 40% 16%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 75% 47%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 44% 44%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 4%,transparent 4%, transparent 96%),radial-gradient(circle at 10% 17%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 4%,transparent 4%, transparent 96%),radial-gradient(circle at 90% 72%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 4%,transparent 4%, transparent 96%),radial-gradient(circle at 0% 45%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 4%,transparent 4%, transparent 96%),linear-gradient(90deg, rgb(18, 30, 254),rgb(34, 191, 228))'
'background-image': 'radial-gradient(circle at 31% 83%, rgba(var(--color-canvas-rgb),0.03) 0%, rgba(var(--color-canvas-rgb),0.03) 8%,transparent 8%, transparent 92%),radial-gradient(circle at 54% 21%, rgba(var(--color-canvas-rgb),0.03) 0%, rgba(var(--color-canvas-rgb),0.03) 8%,transparent 8%, transparent 92%),radial-gradient(circle at 68% 13%, rgba(var(--color-canvas-rgb),0.03) 0%, rgba(var(--color-canvas-rgb),0.03) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 30% 64%, rgba(var(--color-canvas-rgb),0.03) 0%, rgba(var(--color-canvas-rgb),0.03) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 51% 96%, rgba(var(--color-canvas-rgb),0.03) 0%, rgba(var(--color-canvas-rgb),0.03) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 40% 16%, rgba(var(--color-canvas-rgb),0.03) 0%, rgba(var(--color-canvas-rgb),0.03) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 75% 47%, rgba(var(--color-canvas-rgb),0.03) 0%, rgba(var(--color-canvas-rgb),0.03) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 44% 44%, rgba(var(--color-canvas-rgb),0.03) 0%, rgba(var(--color-canvas-rgb),0.03) 4%,transparent 4%, transparent 96%),radial-gradient(circle at 10% 17%, rgba(var(--color-canvas-rgb),0.03) 0%, rgba(var(--color-canvas-rgb),0.03) 4%,transparent 4%, transparent 96%),radial-gradient(circle at 90% 72%, rgba(var(--color-canvas-rgb),0.03) 0%, rgba(var(--color-canvas-rgb),0.03) 4%,transparent 4%, transparent 96%),radial-gradient(circle at 0% 45%, rgba(var(--color-canvas-rgb),0.03) 0%, rgba(var(--color-canvas-rgb),0.03) 4%,transparent 4%, transparent 96%),linear-gradient(90deg, rgb(18, 30, 254),rgb(34, 191, 228))'
};
}
if (props.background === 'light-circle') {
return {
'background-image': 'radial-gradient(circle at 13% 47%, rgba(140, 140, 140,0.03) 0%, rgba(140, 140, 140,0.03) 25%,transparent 25%, transparent 100%),radial-gradient(circle at 28% 63%, rgba(143, 143, 143,0.03) 0%, rgba(143, 143, 143,0.03) 16%,transparent 16%, transparent 100%),radial-gradient(circle at 81% 56%, rgba(65, 65, 65,0.03) 0%, rgba(65, 65, 65,0.03) 12%,transparent 12%, transparent 100%),radial-gradient(circle at 26% 48%, rgba(60, 60, 60,0.03) 0%, rgba(60, 60, 60,0.03) 6%,transparent 6%, transparent 100%),radial-gradient(circle at 97% 17%, rgba(150, 150, 150,0.03) 0%, rgba(150, 150, 150,0.03) 56%,transparent 56%, transparent 100%),radial-gradient(circle at 50% 100%, rgba(25, 25, 25,0.03) 0%, rgba(25, 25, 25,0.03) 36%,transparent 36%, transparent 100%),radial-gradient(circle at 55% 52%, rgba(69, 69, 69,0.03) 0%, rgba(69, 69, 69,0.03) 6%,transparent 6%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255))'
'background-image': 'radial-gradient(circle at 13% 47%, rgba(140, 140, 140,0.03) 0%, rgba(140, 140, 140,0.03) 25%,transparent 25%, transparent 100%),radial-gradient(circle at 28% 63%, rgba(143, 143, 143,0.03) 0%, rgba(143, 143, 143,0.03) 16%,transparent 16%, transparent 100%),radial-gradient(circle at 81% 56%, rgba(65, 65, 65,0.03) 0%, rgba(65, 65, 65,0.03) 12%,transparent 12%, transparent 100%),radial-gradient(circle at 26% 48%, rgba(60, 60, 60,0.03) 0%, rgba(60, 60, 60,0.03) 6%,transparent 6%, transparent 100%),radial-gradient(circle at 97% 17%, rgba(150, 150, 150,0.03) 0%, rgba(150, 150, 150,0.03) 56%,transparent 56%, transparent 100%),radial-gradient(circle at 50% 100%, rgba(25, 25, 25,0.03) 0%, rgba(25, 25, 25,0.03) 36%,transparent 36%, transparent 100%),radial-gradient(circle at 55% 52%, rgba(69, 69, 69,0.03) 0%, rgba(69, 69, 69,0.03) 6%,transparent 6%, transparent 100%),linear-gradient(90deg, rgb(var(--color-canvas-rgb)),rgb(var(--color-canvas-rgb)))'
}
}
});
Expand Down

0 comments on commit ef0fb00

Please sign in to comment.