From 430cfa1a384d3d188050ad30e39225ac5e59d205 Mon Sep 17 00:00:00 2001
From: Andreas Nedbal <git@pixelde.su>
Date: Thu, 12 Jan 2023 18:30:29 +0100
Subject: [PATCH] Add RGB variables for some theme colors

---
 app/assets/stylesheets/_variables.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/app/assets/stylesheets/_variables.scss b/app/assets/stylesheets/_variables.scss
index 2844c14a..54e661ab 100644
--- a/app/assets/stylesheets/_variables.scss
+++ b/app/assets/stylesheets/_variables.scss
@@ -1,3 +1,5 @@
+@use "sass:color";
+
 // Font settings
 $lexend-font-path: ".";
 $lexend-weights: 500, 600;
@@ -82,6 +84,16 @@ $spacers: map-merge($rs-spacers, $spacers);
   --raised-bg: #ffffff;
   --raised-accent: #f7f7f7;
 
+  /**
+   *-rgb values are some of the background colors
+   available as triplets because they are required
+   for background opacity styles
+   */
+
+  --primary-rgb: #{color.red($primary)}, #{color.green($primary)}, #{color.blue($primary)};
+  --raised-bg-rgb: #{color.red(#ffffff)}, #{color.green(#ffffff)}, #{color.blue(#ffffff)};
+  --raised-accent-rgb: #{color.red(#f7f7f7)}, #{color.green(#f7f7f7)}, #{color.blue(#f7f7f7)};
+
   /**
    NOTE for all *-text variables
    ----------------------------------------------