From bc2259aef3f7392c9a88cf75db65a8d7306ad620 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Mon, 16 Dec 2024 10:52:06 +0100
Subject: [PATCH] ui: fix prismjs loading

---
 frontend/app/initialize.tsx                     | 2 +-
 frontend/app/styles/{global.scss => global.css} | 0
 frontend/tailwind.config.js                     | 5 +++++
 frontend/webpack.config.ts                      | 3 ++-
 4 files changed, 8 insertions(+), 2 deletions(-)
 rename frontend/app/styles/{global.scss => global.css} (100%)

diff --git a/frontend/app/initialize.tsx b/frontend/app/initialize.tsx
index eee5fba02..f56dc05c0 100644
--- a/frontend/app/initialize.tsx
+++ b/frontend/app/initialize.tsx
@@ -1,5 +1,5 @@
 import './styles/index.css';
-import './styles/global.scss'
+import './styles/global.css'
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import './init';
diff --git a/frontend/app/styles/global.scss b/frontend/app/styles/global.css
similarity index 100%
rename from frontend/app/styles/global.scss
rename to frontend/app/styles/global.css
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 50f471bb9..ac900cbd6 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -1,6 +1,11 @@
 const colors = require('./app/theme/colors');
 const defaultColors = require('tailwindcss/colors');
 
+const deprecatedDefaults = ['lightBlue', 'warmGray', 'trueGray', 'coolGray', 'blueGray']
+deprecatedDefaults.forEach(color => {
+  delete defaultColors[color]
+})
+
 module.exports = {
   content: [
     './app/**/*.tsx',
diff --git a/frontend/webpack.config.ts b/frontend/webpack.config.ts
index a3c2a1ddf..b54b11c7b 100644
--- a/frontend/webpack.config.ts
+++ b/frontend/webpack.config.ts
@@ -122,6 +122,7 @@ const config: Configuration = {
     },
   },
   plugins: [
+    new webpack.ProgressPlugin(),
     (isDevelopment ? false : new CompressionPlugin({
       test: /\.(js|css|html|svg)$/,
       algorithm: 'brotliCompress',
@@ -141,7 +142,7 @@ const config: Configuration = {
       ],
     }),
     new MiniCssExtractPlugin({ ignoreOrder: true }),
-  ],
+],
   devtool: isDevelopment ? "inline-source-map" : false,
   performance: {
     hints: false,