Fix colors for tailwind

app/assets/stylesheets/shared_styles/constants/colors.scss

@@ -124,3 +124,11 @@ $color-dd-hover: #f5f5f5;
 .sn-background--sn-light-grey {
   background-color: var(--sn-light-grey);
 }
+
+.sn-background--sn-sleepy-grey {
+  background-color: var(--sn-sleepy-grey);
+}
+
+.sn-background--sn-white {
+  background-color: var(--sn-white);
+}

app/javascript/vue/components/action_toolbar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="actions.length" class="sn-action-toolbar p-4 bg-sn-sleepy-grey w-full fixed bottom-0 rounded-t-md shadow-[0_-12px_24px_-12px_rgba(35,31,32,0.2)]" :style="`width: ${width}px`">
+  <div v-if="actions.length" class="sn-action-toolbar p-4 sn-background--sn-sleepy-grey w-full fixed bottom-0 rounded-t-md shadow-[0_-12px_24px_-12px_rgba(35,31,32,0.2)]" :style="`width: ${width}px`">
     <div class="sn-action-toolbar__actions flex">
       <div v-for="action in actions" :key="action.name" class="sn-action-toolbar__action">
         <a :class="`btn btn-light ${action.button_class}`"

app/javascript/vue/navigation/navigator.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-72 h-full border rounded bg-white flex flex-col right-0 absolute navigator-container">
+  <div class="w-72 h-full border rounded sn-background--sn-white flex flex-col right-0 absolute navigator-container">
     <div class="p-3 flex items-center">
       <i class="fas fa-bars p-2 cursor-pointer"></i>
       <div class="font-bold text-base">

config/environments/production.rb

@@ -58,7 +58,7 @@ Rails.application.configure do
 
   # Compress JavaScripts and CSS.
   # config.assets.js_compressor = Uglifier.new(harmony: true)
-  config.assets.css_compressor = nil
+  # config.assets.css_compressor = :sass
 
   # Do not fallback to assets pipeline if a precompiled asset is missed.
   config.assets.compile = false