@sp-days-framework/slidev-theme-sykehuspartner 1.0.0

package/layouts/three-cols.vue

@@ -0,0 +1,77 @@
+<template>
+  <div class="slidev-layout three-cols">
+    <div v-if="showLogo" class="logo-container">
+      <div class="logo-image logo"></div>
+    </div>
+    <div class="cols-container">
+      <div class="col left">
+        <slot />
+      </div>
+      <div class="col middle">
+        <slot name="middle" />
+      </div>
+      <div class="col right">
+        <slot name="right" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const props = defineProps({
+  logo: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const showLogo = computed(() => {
+  if ($slidev?.configs?.frontmatter?.logo !== undefined) {
+    return $slidev.configs.frontmatter.logo
+  }
+  return props.logo
+})
+</script>
+
+<style scoped>
+.three-cols {
+  display: flex;
+  flex-direction: column;
+}
+
+.cols-container {
+  display: flex;
+  flex-grow: 1;
+  column-gap: 2rem;
+}
+
+.col {
+  display: flex;
+  flex-direction: column;
+  width: 33.33%;
+}
+
+.left {
+  padding-right: 0.5rem;
+}
+
+.middle {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.right {
+  padding-left: 0.5rem;
+}
+
+.logo-container {
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+  z-index: 10;
+}
+
+/* Logo styling moved to global layout.css */
+</style>

package/layouts/two-cols-header.vue

@@ -0,0 +1,95 @@
+<template>
+  <div class="slidev-layout two-cols-header">
+    <div v-if="showLogo" class="logo-container">
+      <div class="logo-image logo"></div>
+    </div>
+    <div class="header">
+      <slot />
+    </div>
+    <div class="cols-container">
+      <div class="col left">
+        <slot name="left" />
+      </div>
+      <div class="col right">
+        <slot name="right" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const props = defineProps({
+  logo: {
+    type: Boolean,
+    default: true
+  },
+  textAlignment: {
+    type: String,
+    default: 'center',
+    validator: (value) => ['top', 'center', 'bottom'].includes(value)
+  }
+})
+
+const showLogo = computed(() => {
+  if ($slidev?.configs?.frontmatter?.logo !== undefined) {
+    return $slidev.configs.frontmatter.logo
+  }
+  return props.logo
+})
+
+// Compute content alignment style based on textAlignment prop
+const contentAlignmentStyle = computed(() => {
+  switch (props.textAlignment) {
+    case 'top':
+      return 'flex-start'
+    case 'bottom':
+      return 'flex-end'
+    case 'center':
+    default:
+      return 'center'
+  }
+})
+</script>
+
+<style scoped>
+.two-cols-header {
+  display: flex;
+  flex-direction: column;
+}
+
+.header {
+  margin-bottom: 1rem;
+}
+
+.cols-container {
+  display: flex;
+  flex-grow: 1;
+  column-gap: 2rem;
+}
+
+.col {
+  display: flex;
+  flex-direction: column;
+  width: 50%;
+  justify-content: v-bind(contentAlignmentStyle);
+}
+
+.left {
+  padding-right: 1rem;
+}
+
+.right {
+  padding-left: 1rem;
+}
+
+.logo-container {
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+  z-index: 10;
+}
+
+/* Logo styling moved to global layout.css */
+</style>

package/layouts/two-cols.vue

@@ -0,0 +1,69 @@
+<template>
+  <div class="slidev-layout two-cols">
+    <div v-if="showLogo" class="logo-container">
+      <div class="logo-image logo"></div>
+    </div>
+    <div class="cols-container">
+      <div class="col left">
+        <slot />
+      </div>
+      <div class="col right">
+        <slot name="right" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const props = defineProps({
+  logo: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const showLogo = computed(() => {
+  if ($slidev?.configs?.frontmatter?.logo !== undefined) {
+    return $slidev.configs.frontmatter.logo
+  }
+  return props.logo
+})
+</script>
+
+<style scoped>
+.two-cols {
+  display: flex;
+  flex-direction: column;
+}
+
+.cols-container {
+  display: flex;
+  flex-grow: 1;
+  column-gap: 2rem;
+}
+
+.col {
+  display: flex;
+  flex-direction: column;
+  width: 50%;
+}
+
+.left {
+  padding-right: 1rem;
+}
+
+.right {
+  padding-left: 1rem;
+}
+
+.logo-container {
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+  z-index: 10;
+}
+
+/* Logo styling moved to global layout.css */
+</style>

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@sp-days-framework/slidev-theme-sykehuspartner",
+  "version": "1.0.0",
+  "description": "A Slidev theme for Sykehuspartner presentations.",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/helse-sorost/sp-days-framework",
+    "directory": "slidev-theme-sykehuspartner"
+  },
+  "keywords": [
+    "slidev-theme",
+    "slidev"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "slidev": "slidev",
+    "build": "slidev build example.md",
+    "dev": "slidev example.md --no-open",
+    "export": "slidev export example.md",
+    "screenshot": "slidev export example.md --format png"
+  },
+  "dependencies": {
+    "@iconify-json/vscode-icons": "^1.2.32",
+    "@slidev/types": "^52.6.0",
+    "@slidev/cli": "^52.6.0",
+    "glob": "^11.0.3"
+  },
+  "devDependencies": {
+    "@iconify-json/vscode-icons": "^1.2.32",
+    "@slidev/cli": "^52.6.0",
+    "@slidev/types": "^52.2.5",
+    "glob": "^11.0.3"
+  },
+  "files": [
+    "layouts/",
+    "public/",
+    "setup/",
+    "styles/",
+    "utils/",
+    "LICENSE",
+    "README.md",
+    "uno.config.ts"
+  ],
+  "slidev": {
+    "colorSchema": "both",
+    "defaults": {
+      "fonts": {
+        "sans": "Nunito Sans",
+        "mono": "Fira Code"
+      }
+    }
+  }
+}

package/public/sp-banner-dark.svg

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 314.2 58">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #ffffffff;
+      }
+
+      .cls-1, .cls-2 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: #6cace4;
+      }
+    </style>
+  </defs>
+  <path class="cls-2" d="M36.2,7.2c0,4-3.2,7.2-7.2,7.2s-7.2-3.2-7.2-7.2S25,0,29,0s7.2,3.2,7.2,7.2Z"/>
+  <path class="cls-2" d="M36.2,29c0,3.9-3.2,7.2-7.2,7.2s-7.2-3.2-7.2-7.2,3.2-7.2,7.2-7.2,7.2,3.2,7.2,7.2Z"/>
+  <path class="cls-2" d="M14.3,29c0,3.9-3.2,7.2-7.2,7.2s-7.2-3.2-7.2-7.2,3.2-7.2,7.2-7.2,7.2,3.2,7.2,7.2Z"/>
+  <path class="cls-1" d="M58,29c0,3.9-3.2,7.2-7.2,7.2s-7.2-3.2-7.2-7.2,3.2-7.2,7.2-7.2,7.2,3.2,7.2,7.2Z"/>
+  <path class="cls-1" d="M36.2,50.8c0,3.9-3.2,7.2-7.2,7.2s-7.2-3.2-7.2-7.2,3.2-7.2,7.2-7.2,7.2,3.2,7.2,7.2Z"/>
+  <path class="cls-1" d="M83.7,21.4c-2.1-.9-3.7-1.4-5-1.4s-2.8.7-2.8,1.8.5,1.3,1.8,2.1c3,1.6,4.9,2.8,5.8,3.7.8.8,1.3,2.1,1.3,3.5,0,3.5-2.5,5.5-6.8,5.5s-1.2,0-1.7-.1c-1.4-.2-2-.4-4-1.3l-1.3-.6,1.6-3.4c1.4.8,2,1.1,2.8,1.3,1,.4,2,.6,2.8.6,1.7,0,2.8-.8,2.8-1.9s-.4-1.4-1.7-2.1l-3-1.7c-3.4-2-4.5-3.3-4.5-5.4s.3-2,.8-2.7c.3-.5.8-1,1.4-1.4,1.4-1,2.6-1.3,4.9-1.3s2.4.1,3.6.5c.9.3,1.5.5,2.8,1.1l-1.5,3.3Z"/>
+  <path class="cls-1" d="M95.7,27.8v8.3h-3.7v-8.3l-5.9-11.1h4l3.9,7.6,4.1-7.6h4l-6.5,11.1Z"/>
+  <path class="cls-1" d="M114.8,36.1l-6.5-9.2v9.2h-3.7v-19.4h3.7v9l6.1-9h4.3l-6.7,9.4,7,9.9h-4.2Z"/>
+  <path class="cls-1" d="M121.6,36.1v-19.4h11.8v3.1h-8.1v4.8h6.6v3.1h-6.6v5.2h8.5v3.1h-12.2Z"/>
+  <path class="cls-1" d="M151,36.1v-8.3h-9.9v8.3h-3.7v-19.4h3.7v7.7h9.9v-7.7h3.7v19.4h-3.7Z"/>
+  <path class="cls-1" d="M173.1,35.1c-1.4,1-3.1,1.4-5.5,1.4s-4-.4-5.5-1.4c-2-1.4-2.6-3-2.6-6.5v-11.8h3.7v12c0,2.9,1.5,4.3,4.6,4.3s4.3-1.5,4.3-4.3v-12h3.7v11.8c0,3.6-.6,5.1-2.7,6.5Z"/>
+  <path class="cls-1" d="M191.3,21.4c-2.1-.9-3.7-1.4-5-1.4s-2.8.7-2.8,1.8.5,1.3,1.8,2.1c3,1.6,4.9,2.8,5.8,3.7.8.8,1.3,2.1,1.3,3.5,0,3.5-2.5,5.5-6.8,5.5s-1.2,0-1.7-.1c-1.4-.2-2-.4-4-1.3l-1.3-.6,1.6-3.4c1.4.8,2,1.1,2.8,1.3,1,.4,2,.6,2.8.6,1.7,0,2.8-.8,2.8-1.9s-.4-1.4-1.7-2.1l-3-1.7c-3.4-2-4.5-3.3-4.5-5.4s.3-2,.8-2.7c.3-.5.8-1,1.4-1.4,1.4-1,2.6-1.3,4.9-1.3s2.4.1,3.6.5c.9.3,1.5.5,2.8,1.1l-1.5,3.3Z"/>
+  <path class="cls-1" d="M202.5,19.9h-2.6v6.5h.9c.4,0,.7,0,.8,0,2.9,0,4.1-1.1,4.1-3.4s-1-3.1-3.3-3.1ZM207.4,27.9c-1.4,1.2-3.1,1.7-5.7,1.7s-1.1,0-1.8,0v6.6h-3.7v-19.4h6.6c2.5,0,3.9.4,5.1,1.6,1.1,1.1,1.6,2.6,1.6,4.3s-.8,4-2.2,5.2Z"/>
+  <path class="cls-1" d="M218.3,21.2l-2.2,7h4.5l-2.3-7ZM223.1,36.1l-1.5-4.8h-6.5l-1.6,4.8h-3.9l7-19.4h3.3l7,19.4h-3.9Z"/>
+  <path class="cls-1" d="M235.8,19.9h-2.4v5.3h2.4c2.3,0,3.4-.8,3.4-2.8s-1-2.6-3.4-2.6ZM239.7,36.1l-4.4-7.7h-1.8v7.7h-3.7v-19.4h6.5c2.8,0,4.1.4,5.3,1.4,1.1,1,1.6,2.4,1.6,4.2s-.4,2.7-1.1,3.6c-.7.9-1.4,1.3-3,1.8l4.8,8.3h-4Z"/>
+  <path class="cls-1" d="M253.3,19.9v16.2h-3.7v-16.2h-5.8v-3.1h15.3v3.1h-5.8Z"/>
+  <path class="cls-1" d="M275,36.3l-8.3-12.5-.6-1.2c-.1-.2-.2-.4-.3-.7v14.2h-3.5v-19.4h4.3l7.8,12.3c.6.9.8,1.5,1,2.1v-14.4h3.5v19.5h-3.9Z"/>
+  <path class="cls-1" d="M284.3,36.1v-19.4h11.8v3.1h-8.1v4.8h6.6v3.1h-6.6v5.2h8.5v3.1h-12.2Z"/>
+  <path class="cls-1" d="M306.2,19.9h-2.4v5.3h2.4c2.3,0,3.4-.8,3.4-2.8s-1-2.6-3.4-2.6ZM310.1,36.1l-4.4-7.7h-1.8v7.7h-3.7v-19.4h6.5c2.8,0,4.1.4,5.3,1.4,1.1,1,1.6,2.4,1.6,4.2s-.4,2.7-1.1,3.6c-.7.9-1.4,1.3-3,1.8l4.8,8.3h-4Z"/>
+</svg>

package/public/sp-banner-light.svg

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 314.2 58">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #003087;
+      }
+
+      .cls-1, .cls-2 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: #6cace4;
+      }
+    </style>
+  </defs>
+  <path class="cls-2" d="M36.2,7.2c0,4-3.2,7.2-7.2,7.2s-7.2-3.2-7.2-7.2S25,0,29,0s7.2,3.2,7.2,7.2Z"/>
+  <path class="cls-2" d="M36.2,29c0,3.9-3.2,7.2-7.2,7.2s-7.2-3.2-7.2-7.2,3.2-7.2,7.2-7.2,7.2,3.2,7.2,7.2Z"/>
+  <path class="cls-2" d="M14.3,29c0,3.9-3.2,7.2-7.2,7.2s-7.2-3.2-7.2-7.2,3.2-7.2,7.2-7.2,7.2,3.2,7.2,7.2Z"/>
+  <path class="cls-1" d="M58,29c0,3.9-3.2,7.2-7.2,7.2s-7.2-3.2-7.2-7.2,3.2-7.2,7.2-7.2,7.2,3.2,7.2,7.2Z"/>
+  <path class="cls-1" d="M36.2,50.8c0,3.9-3.2,7.2-7.2,7.2s-7.2-3.2-7.2-7.2,3.2-7.2,7.2-7.2,7.2,3.2,7.2,7.2Z"/>
+  <path class="cls-1" d="M83.7,21.4c-2.1-.9-3.7-1.4-5-1.4s-2.8.7-2.8,1.8.5,1.3,1.8,2.1c3,1.6,4.9,2.8,5.8,3.7.8.8,1.3,2.1,1.3,3.5,0,3.5-2.5,5.5-6.8,5.5s-1.2,0-1.7-.1c-1.4-.2-2-.4-4-1.3l-1.3-.6,1.6-3.4c1.4.8,2,1.1,2.8,1.3,1,.4,2,.6,2.8.6,1.7,0,2.8-.8,2.8-1.9s-.4-1.4-1.7-2.1l-3-1.7c-3.4-2-4.5-3.3-4.5-5.4s.3-2,.8-2.7c.3-.5.8-1,1.4-1.4,1.4-1,2.6-1.3,4.9-1.3s2.4.1,3.6.5c.9.3,1.5.5,2.8,1.1l-1.5,3.3Z"/>
+  <path class="cls-1" d="M95.7,27.8v8.3h-3.7v-8.3l-5.9-11.1h4l3.9,7.6,4.1-7.6h4l-6.5,11.1Z"/>
+  <path class="cls-1" d="M114.8,36.1l-6.5-9.2v9.2h-3.7v-19.4h3.7v9l6.1-9h4.3l-6.7,9.4,7,9.9h-4.2Z"/>
+  <path class="cls-1" d="M121.6,36.1v-19.4h11.8v3.1h-8.1v4.8h6.6v3.1h-6.6v5.2h8.5v3.1h-12.2Z"/>
+  <path class="cls-1" d="M151,36.1v-8.3h-9.9v8.3h-3.7v-19.4h3.7v7.7h9.9v-7.7h3.7v19.4h-3.7Z"/>
+  <path class="cls-1" d="M173.1,35.1c-1.4,1-3.1,1.4-5.5,1.4s-4-.4-5.5-1.4c-2-1.4-2.6-3-2.6-6.5v-11.8h3.7v12c0,2.9,1.5,4.3,4.6,4.3s4.3-1.5,4.3-4.3v-12h3.7v11.8c0,3.6-.6,5.1-2.7,6.5Z"/>
+  <path class="cls-1" d="M191.3,21.4c-2.1-.9-3.7-1.4-5-1.4s-2.8.7-2.8,1.8.5,1.3,1.8,2.1c3,1.6,4.9,2.8,5.8,3.7.8.8,1.3,2.1,1.3,3.5,0,3.5-2.5,5.5-6.8,5.5s-1.2,0-1.7-.1c-1.4-.2-2-.4-4-1.3l-1.3-.6,1.6-3.4c1.4.8,2,1.1,2.8,1.3,1,.4,2,.6,2.8.6,1.7,0,2.8-.8,2.8-1.9s-.4-1.4-1.7-2.1l-3-1.7c-3.4-2-4.5-3.3-4.5-5.4s.3-2,.8-2.7c.3-.5.8-1,1.4-1.4,1.4-1,2.6-1.3,4.9-1.3s2.4.1,3.6.5c.9.3,1.5.5,2.8,1.1l-1.5,3.3Z"/>
+  <path class="cls-1" d="M202.5,19.9h-2.6v6.5h.9c.4,0,.7,0,.8,0,2.9,0,4.1-1.1,4.1-3.4s-1-3.1-3.3-3.1ZM207.4,27.9c-1.4,1.2-3.1,1.7-5.7,1.7s-1.1,0-1.8,0v6.6h-3.7v-19.4h6.6c2.5,0,3.9.4,5.1,1.6,1.1,1.1,1.6,2.6,1.6,4.3s-.8,4-2.2,5.2Z"/>
+  <path class="cls-1" d="M218.3,21.2l-2.2,7h4.5l-2.3-7ZM223.1,36.1l-1.5-4.8h-6.5l-1.6,4.8h-3.9l7-19.4h3.3l7,19.4h-3.9Z"/>
+  <path class="cls-1" d="M235.8,19.9h-2.4v5.3h2.4c2.3,0,3.4-.8,3.4-2.8s-1-2.6-3.4-2.6ZM239.7,36.1l-4.4-7.7h-1.8v7.7h-3.7v-19.4h6.5c2.8,0,4.1.4,5.3,1.4,1.1,1,1.6,2.4,1.6,4.2s-.4,2.7-1.1,3.6c-.7.9-1.4,1.3-3,1.8l4.8,8.3h-4Z"/>
+  <path class="cls-1" d="M253.3,19.9v16.2h-3.7v-16.2h-5.8v-3.1h15.3v3.1h-5.8Z"/>
+  <path class="cls-1" d="M275,36.3l-8.3-12.5-.6-1.2c-.1-.2-.2-.4-.3-.7v14.2h-3.5v-19.4h4.3l7.8,12.3c.6.9.8,1.5,1,2.1v-14.4h3.5v19.5h-3.9Z"/>
+  <path class="cls-1" d="M284.3,36.1v-19.4h11.8v3.1h-8.1v4.8h6.6v3.1h-6.6v5.2h8.5v3.1h-12.2Z"/>
+  <path class="cls-1" d="M306.2,19.9h-2.4v5.3h2.4c2.3,0,3.4-.8,3.4-2.8s-1-2.6-3.4-2.6ZM310.1,36.1l-4.4-7.7h-1.8v7.7h-3.7v-19.4h6.5c2.8,0,4.1.4,5.3,1.4,1.1,1,1.6,2.4,1.6,4.2s-.4,2.7-1.1,3.6c-.7.9-1.4,1.3-3,1.8l4.8,8.3h-4Z"/>
+</svg>

package/public/sp-logo-dark.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 73.5 73.5" style="enable-background:new 0 0 73.5 73.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#6AB1E2;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g transform="translate(34.37 48.337)">
+	<path class="st0" d="M11.5-39.3c0,5-4.1,9.1-9.1,9.1s-9.1-4.1-9.1-9.1c0-5,4.1-9.1,9.1-9.1S11.5-44.3,11.5-39.3"/>
+</g>
+<g transform="translate(34.37 27.588)">
+	<path class="st0" d="M11.5,9.1c0,5-4.1,9.1-9.1,9.1s-9.1-4.1-9.1-9.1c0-5,4.1-9.1,9.1-9.1S11.5,4.1,11.5,9.1"/>
+</g>
+<g transform="translate(13.602 27.588)">
+	<path class="st0" d="M4.5,9.1c0,5-4.1,9.1-9.1,9.1c-5,0-9.1-4.1-9.1-9.1c0-5,4.1-9.1,9.1-9.1C0.5,0.1,4.5,4.1,4.5,9.1"/>
+</g>
+<g transform="translate(55.147 27.588)">
+	<path class="st1" d="M18.4,9.1c0,5-4.1,9.1-9.1,9.1s-9.1-4.1-9.1-9.1c0-5,4.1-9.1,9.1-9.1S18.4,4.1,18.4,9.1"/>
+</g>
+<g transform="translate(34.37 6.8015)">
+	<path class="st1" d="M11.5,57.6c0,5-4.1,9.1-9.1,9.1s-9.1-4.1-9.1-9.1c0-5,4.1-9.1,9.1-9.1S11.5,52.6,11.5,57.6"/>
+</g>
+</svg>

package/public/sp-logo-light.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 73.5 73.5" style="enable-background:new 0 0 73.5 73.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#6CACE4;}
+	.st1{fill:#003087;}
+</style>
+<g transform="translate(34.37 48.337)">
+	<path class="st0" d="M11.5-39.3c0,5-4.1,9.1-9.1,9.1s-9.1-4.1-9.1-9.1c0-5,4.1-9.1,9.1-9.1S11.5-44.3,11.5-39.3"/>
+</g>
+<g transform="translate(34.37 27.588)">
+	<path class="st0" d="M11.5,9.1c0,5-4.1,9.1-9.1,9.1s-9.1-4.1-9.1-9.1c0-5,4.1-9.1,9.1-9.1S11.5,4.1,11.5,9.1"/>
+</g>
+<g transform="translate(13.602 27.588)">
+	<path class="st0" d="M4.5,9.1c0,5-4.1,9.1-9.1,9.1c-5,0-9.1-4.1-9.1-9.1c0-5,4.1-9.1,9.1-9.1C0.5,0.1,4.5,4.1,4.5,9.1"/>
+</g>
+<g transform="translate(55.147 27.588)">
+	<path class="st1" d="M18.4,9.1c0,5-4.1,9.1-9.1,9.1s-9.1-4.1-9.1-9.1c0-5,4.1-9.1,9.1-9.1S18.4,4.1,18.4,9.1"/>
+</g>
+<g transform="translate(34.37 6.8015)">
+	<path class="st1" d="M11.5,57.6c0,5-4.1,9.1-9.1,9.1s-9.1-4.1-9.1-9.1c0-5,4.1-9.1,9.1-9.1S11.5,52.6,11.5,57.6"/>
+</g>
+</svg>

package/setup/index.ts

@@ -0,0 +1,38 @@
+// setup/index.ts
+import { resolve } from 'path'
+import { defineShikiSetup } from '@slidev/types'
+import { fileURLToPath } from 'url'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+export default {
+  name: 'sykehuspartner',
+  
+  // Allow the theme to be extended
+  extends: {
+    theme: '@slidev/theme-seriph',
+  },
+
+  // Define the default configurations for the theme
+  defaults: {
+    fonts: {
+      sans: 'Nunito Sans',
+      mono: 'Fira Code',
+    },
+    colorSchema: 'both',
+  },
+
+  // Define any transformers for the slides here
+  transformers: [],
+  
+  // Add Katex support by default
+  katex: true,
+
+  // Add highlighter configurations
+  highlighter: {
+    themes: {
+      light: 'one-light',
+      dark: 'one-dark-pro',
+    },
+  },
+}

package/setup/shiki.ts

@@ -0,0 +1,56 @@
+import type { ShikiSetupReturn } from "@slidev/types";
+import { defineShikiSetup } from "@slidev/types";
+
+export default defineShikiSetup((): ShikiSetupReturn => {
+  return {
+    themes: {
+      dark: "one-dark-pro",
+      light: "one-light",
+    },
+    langs: [
+      "csharp",
+      "codeowners",
+      "css",
+      "csv",
+      "docker",
+      "dotenv",
+      "git-commit",
+      "git-rebase",
+      "go",
+      "graphql",
+      "html",
+      "hcl",
+      "ini",
+      "java",
+      "javascript",
+      "json",
+      "jsonc",
+      "jsx",
+      "latex",
+      "log",
+      "lua",
+      "markdown",
+      "mdx",
+      "nginx",
+      "php",
+      "python",
+      "ruby",
+      "rust",
+      "scss",
+      "shellscript",
+      "sql",
+      "toml",
+      "tsx",
+      "typescript",
+      "terraform",
+      "yaml",
+      "vue",
+      "xml",
+      "powershell",
+      "sass",
+      "shellscript",
+      "terraform",
+      "toml",
+    ],
+  };
+});

package/styles/code.css

@@ -0,0 +1,30 @@
+/* Code block styling */
+
+/* Target Shiki code blocks and apply our custom background */
+.slidev-code,
+.slidev-code-wrapper,
+pre[class*='language-'] {
+  background-color: var(--sp-code-background) !important;
+}
+
+/* Ensure code spans inside code blocks inherit the proper background */
+.slidev-code code,
+.slidev-code-wrapper code,
+pre[class*='language-'] code {
+  background-color: transparent !important;
+}
+
+/* Make sure the pre element has the right background color too */
+pre.slidev-code {
+  background-color: var(--sp-code-background) !important;
+}
+
+/* Code block wrapper styling */
+.slidev-code-wrapper {
+  margin: 0.5rem 0;
+}
+
+/* Adjust padding if needed */
+pre[class*='language-'] {
+  padding: 1rem;
+}

package/styles/index.ts

@@ -0,0 +1,4 @@
+// inherit from base layouts, remove it to get full customizations
+import '@slidev/client/styles/layouts-base.css'
+import './layout.css'
+import './code.css'