From d6bda901c101457eba51910968ff52c422cce270 Mon Sep 17 00:00:00 2001
From: antelle <dmitryvit@gmail.com>
Date: Wed, 26 Apr 2017 22:24:08 +0200
Subject: [PATCH] fix transparent color name

---
 app/styles/base/_buttons.scss                | 6 +++---
 app/styles/base/_theme-vars.scss             | 6 +++---
 plugins/examples/rainbow-theme/manifest.json | 2 +-
 plugins/examples/rainbow-theme/plugin.css    | 6 +++---
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/styles/base/_buttons.scss b/app/styles/base/_buttons.scss
index eacc58db..84d28c29 100644
--- a/app/styles/base/_buttons.scss
+++ b/app/styles/base/_buttons.scss
@@ -33,11 +33,11 @@
       background-color: th(action-background-color-focus);
       &.btn-error {
         border-color: th(error-background-color-focus);
-        background-color: th(error-background-color-focus-opaque);
+        background-color: th(error-background-color-focus-tr);
       }
       &.btn-silent {
         border-color: th(action-background-color-focus);
-        background-color: th(action-background-color-focus-opaque);
+        background-color: th(action-background-color-focus-tr);
       }
     }
 
@@ -50,7 +50,7 @@
       }
       &.btn-silent {
         border-color: th(action-background-color-active);
-        background-color: th(action-background-color-active-opaque);
+        background-color: th(action-background-color-active-tr);
       }
     }
 
diff --git a/app/styles/base/_theme-vars.scss b/app/styles/base/_theme-vars.scss
index b2fa77b5..14bc2912 100644
--- a/app/styles/base/_theme-vars.scss
+++ b/app/styles/base/_theme-vars.scss
@@ -35,11 +35,11 @@
     intermediate-pressed-background-color: mix(map-get($t, medium-color), map-get($t, background-color), 2.6%),
     disabled-background-color: shade(map-get($t, background-color), 5%),
     action-background-color-focus: shade(map-get($t, action-color), 20%),
-    action-background-color-focus-opaque: rgba(shade(map-get($t, action-color), 20%), .1),
+    action-background-color-focus-tr: rgba(shade(map-get($t, action-color), 20%), .1),
     error-background-color-focus: shade(map-get($t, error-color), 20%),
-    error-background-color-focus-opaque: rgba(shade(map-get($t, error-color), 20%), .1),
+    error-background-color-focus-tr: rgba(shade(map-get($t, error-color), 20%), .1),
     action-background-color-active: shade(map-get($t, action-color), 25%),
-    action-background-color-active-opaque: rgba(shade(map-get($t, action-color), 25%), .15),
+    action-background-color-active-tr: rgba(shade(map-get($t, action-color), 25%), .15),
     error-background-color-active: shade(map-get($t, error-color), 25%),
     error-background-color-active-opqaue: rgba(shade(map-get($t, error-color), 25%), .15),
     modal-background-color: rgba(map-get($t, background-color), map-get($t, modal-opacity)),
diff --git a/plugins/examples/rainbow-theme/manifest.json b/plugins/examples/rainbow-theme/manifest.json
index fd0b176f..f590d2cf 100644
--- a/plugins/examples/rainbow-theme/manifest.json
+++ b/plugins/examples/rainbow-theme/manifest.json
@@ -11,7 +11,7 @@
   "licence": "MIT",
   "url": "https://keeweb.info",
   "resources": {
-    "css": "AtTSKHoqrRhIC60G5ZHUAcaTrGvZrX0HHr5HL4rT2avzsFA7woADC1N3i+ICcvbKnwQWqPbAvzT0ZD5oIXQCeQ1yvPAOd/wBuKfDTV9JOEiIuRBDu++Be+2fU4Y+D1ROIh+vn3QW+x6fhYeozgeIp+FJyHg0B1e0GO79UCgmJpzkv3Gv2yDp7WxlO2u5tbdi+164UgOINlE88u30FwULM1z7b5fwOV50qM/7ckfJiqCLCRIdzHUITubMsU1hF07L9SOECy/ZXn6JifX/gIdgE/38MfAzj13OxsO0fmoULbwrSvS76QEPmdCoCluboGaNLXQ2MeeR9EP/iKJMOwtSLA=="
+    "css": "WWjJA0JXrSXxAv6LXaxGJ2lkrq7b9MhhQ4NZOJjH+emQT4eE9CTSoQyv6XyvhC06u+FtsbS/i2zLfZQb3WQ+mPJSE0A6SAVFwBt4QAwvkO4ZPRddtK1zk12YNJ2t99SAeQASlrwNbNFoJE+p2qjzTn554tRRiqlzyWDPm1VQuLNuQcoqpl89+teCyktBrsJNYzHZFIv7XOImNPpIxFkzk6iuwkMLQr2NpLqY9moXmHVjzltM+sb7pofi2GepXfcJJorpKOF5XJIcxlLV3XDqF9Bhy6eDSG44FVcbZhr/cmaR3GmA9nfa323K7KdQSJ+Hp1/1kapoCOyzKZuTGf8/FA=="
   },
   "publicKey": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA1QB+yQofkqIHbHFVAtWhjEFjaxvNekyQx/aK7nEpZzqM8ReoVWbJGVA+7z7MhymwZanbL8uAUrSpNTp5eFWltDksxqHqmXT4UcFU+4reLjYfgwjIaA3c9Q+2JA1Iowqbv3NDcDKm6Ug+dROr04VDCfYE4WRYgGdTYHDbJs5svxUgQ25uc0KKUWAvhYbSKsw43AwmbPbKkHdfZHiS5ZST99HVEJWxn3Kd2zLY9Kk70nu9MzypMLDqxUqjKgdeRCIyZeAYzB75miH3B5vMKhFcdmA8+D6WU2N+6gzKsY5BfqF729uFKSTo4JUKQ5fMU0lKSDHG4qGrkgnURfAUuj9YMQIDAQAB",
   "theme": {
diff --git a/plugins/examples/rainbow-theme/plugin.css b/plugins/examples/rainbow-theme/plugin.css
index 7fbdb3b0..537ca620 100644
--- a/plugins/examples/rainbow-theme/plugin.css
+++ b/plugins/examples/rainbow-theme/plugin.css
@@ -27,11 +27,11 @@
   --intermediate-pressed-background-color: #f4f4f4;
   --disabled-background-color: #eeeeee;
   --action-background-color-focus: #394cac;
-  --action-background-color-focus-opaque: rgba(57, 76, 172, 0.1);
+  --action-background-color-focus-tr: rgba(57, 76, 172, 0.1);
   --error-background-color-focus: #b9455e;
-  --error-background-color-focus-opaque: rgba(185, 69, 94, 0.1);
+  --error-background-color-focus-tr: rgba(185, 69, 94, 0.1);
   --action-background-color-active: #3547a1;
-  --action-background-color-active-opaque: rgba(53, 71, 161, 0.15);
+  --action-background-color-active-tr: rgba(53, 71, 161, 0.15);
   --error-background-color-active: #ad4158;
   --error-background-color-active-opqaue: rgba(173, 65, 88, 0.15);
   --modal-background-color: rgba(250, 250, 250, 0.9);