From 6d3c3f19ec37114401ca7c7c781512ad06c9324e Mon Sep 17 00:00:00 2001
From: Florian Pichler <fp@ylk.gd>
Date: Fri, 9 May 2025 10:43:51 +0200
Subject: [PATCH] Move vendor CSS into layers for easier overrides

---
 src/main.css | 4 ++++
 src/main.js  | 3 +--
 2 files changed, 5 insertions(+), 2 deletions(-)
 create mode 100644 src/main.css

diff --git a/src/main.css b/src/main.css
new file mode 100644
index 0000000..84a8c25
--- /dev/null
+++ b/src/main.css
@@ -0,0 +1,4 @@
+@layer default, config, reveal, theme, presentation;
+
+@import "reveal.js/dist/reveal.css" layer(reveal);
+@import "@theme";
diff --git a/src/main.js b/src/main.js
index 156c080..3fd70a4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,9 +6,8 @@ import Notes from 'reveal.js/plugin/notes/notes.esm.js';
 import RevealSearch from 'reveal.js/plugin/search/search.esm.js';
 import Zoom from 'reveal.js/plugin/zoom/zoom.esm.js';
 
-import 'reveal.js/dist/reveal.css';
+import './main.css';
 
-import '@theme';
 import themeConfig from 'virtual:auto-reveal/config';
 
 const markdownFiles = import.meta.glob('slides/*.md', {