From ee09aefa7039c8ed3d24730b2e4376ddab0fdbce Mon Sep 17 00:00:00 2001
From: Andrii V <andrii@rhodecode.com>
Date: Tue, 9 Dec 2025 22:23:40 +0100
Subject: [PATCH] Fixed shared styles for new Lit components

---
 rhodecode/public/js/src/components/index.js        |  1 +
 .../public/js/src/components/shared-styles.js      | 14 ++++++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 rhodecode/public/js/src/components/shared-styles.js

diff --git a/rhodecode/public/js/src/components/index.js b/rhodecode/public/js/src/components/index.js
index 9dd0d217..92d573e3 100644
--- a/rhodecode/public/js/src/components/index.js
+++ b/rhodecode/public/js/src/components/index.js
@@ -1,4 +1,5 @@
 import 'regenerator-runtime/runtime.js';
+import './shared-styles.js';
 import './channelstream-connection/channelstream-connection.js';
 import './rhodecode-toast/rhodecode-toast.js';
 import './rhodecode-unsafe-html/rhodecode-unsafe-html.js';
diff --git a/rhodecode/public/js/src/components/shared-styles.js b/rhodecode/public/js/src/components/shared-styles.js
new file mode 100644
index 00000000..c310bf17
--- /dev/null
+++ b/rhodecode/public/js/src/components/shared-styles.js
@@ -0,0 +1,14 @@
+const styleElement = document.createElement('dom-module');
+// this is a workaround to make shared styles work for Lit components.
+// Needs proper refactoring to make sure styling follows Lit patterns
+import sharedCSS from './style-lit.css';
+
+styleElement.setAttribute('id', 'shared-styles');
+styleElement.innerHTML =
+    `<template>
+   <style>
+   ${sharedCSS}
+</style>
+ </template>`;
+
+document.head.appendChild(styleElement);