[gnome-calculator] * - Fix button states and tone down entry green



commit 895c4c15da5f92113632f837892c4afe4d93ff35
Author: Lains <lainsce airmail cc>
Date:   Thu Apr 14 18:30:44 2022 -0300

    * - Fix button states and tone down entry green

 src/ui/buttons-advanced.ui    | 47 +++++++++++++++++++++++++++++++++++++++++
 src/ui/buttons-basic.ui       | 23 ++++++++++++++++++++
 src/ui/buttons-financial.ui   | 34 ++++++++++++++++++++++++++++++
 src/ui/buttons-programming.ui | 49 +++++++++++++++++++++++++++++++++++++++++++
 src/ui/style-dark.css         |  6 +++---
 src/ui/style.css              | 11 +++++-----
 6 files changed, 161 insertions(+), 9 deletions(-)
---
diff --git a/src/ui/buttons-advanced.ui b/src/ui/buttons-advanced.ui
index ad1d2ba6..37af4596 100644
--- a/src/ui/buttons-advanced.ui
+++ b/src/ui/buttons-advanced.ui
@@ -28,6 +28,7 @@
                 <property name="action_target">4</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="row">2</property>
@@ -43,6 +44,7 @@
                 <property name="action_target">7</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="row">1</property>
@@ -59,6 +61,7 @@
                 <property name="action_target">8</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -75,6 +78,7 @@
                 <property name="action_target">9</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -91,6 +95,7 @@
                 <property name="action_target">5</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -107,6 +112,7 @@
                 <property name="action_target">6</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -124,6 +130,7 @@
                 <property name="action_target">&apos; mod &apos;</property>
                 <style>
                   <class name="operator-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">3</property>
@@ -141,6 +148,7 @@
                 <property name="action_target">&apos;÷&apos;</property>
                 <style>
                   <class name="operator-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">3</property>
@@ -157,6 +165,7 @@
                 <property name="action_target">1</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="row">3</property>
@@ -173,6 +182,7 @@
                 <property name="action_target">2</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -189,6 +199,7 @@
                 <property name="action_target">0</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="row">4</property>
@@ -204,6 +215,7 @@
                 <property name="action_name">cal.insert-numeric-point</property>
                 <style>
                   <class name="numeric-point-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -220,6 +232,7 @@
                 <property name="action_target">3</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -237,6 +250,7 @@
                 <property name="action_target">&apos;×&apos;</property>
                 <style>
                   <class name="operator-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">3</property>
@@ -253,6 +267,7 @@
                 <property name="action_name">cal.subtract</property>
                 <style>
                   <class name="operator-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">3</property>
@@ -270,6 +285,7 @@
                 <property name="action_target">&apos;+&apos;</property>
                 <style>
                   <class name="operator-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">3</property>
@@ -292,6 +308,7 @@
                 </child>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">4</property>
@@ -309,6 +326,7 @@
                 <property name="action_target">&apos;√&apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">4</property>
@@ -329,6 +347,7 @@
                 </child>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">4</property>
@@ -345,6 +364,7 @@
                 <property name="icon_name">edit-clear-symbolic</property>
                 <style>
                   <class name="clear-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">0</property>
@@ -361,6 +381,7 @@
                 <property name="action_target">&apos;(&apos;</property>
                 <style>
                   <class name="parenthesis-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -378,6 +399,7 @@
                 <property name="action_target">&apos;)&apos;</property>
                 <style>
                   <class name="parenthesis-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -395,6 +417,7 @@
                 <property name="action_target">&apos;%&apos;</property>
                 <style>
                   <class name="procent-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -447,6 +470,7 @@
                 </child>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">0</property>
@@ -468,6 +492,7 @@
                 </child>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -484,6 +509,7 @@
                 <property name="action_name">cal.factorize</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">0</property>
@@ -505,6 +531,7 @@
                 </child>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -521,6 +548,7 @@
                 <property name="action_target">&apos;cos &apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -537,6 +565,7 @@
                 <property name="action_target">&apos;sin &apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">3</property>
@@ -553,6 +582,7 @@
                 <property name="action_target">&apos;tan &apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">4</property>
@@ -569,6 +599,7 @@
                 <property name="action_target">&apos;cosh &apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -585,6 +616,7 @@
                 <property name="action_target">&apos;sinh &apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">3</property>
@@ -601,6 +633,7 @@
                 <property name="action_target">&apos;tanh &apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">4</property>
@@ -622,6 +655,7 @@
                 </child>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">0</property>
@@ -644,6 +678,7 @@
                 </child>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -666,6 +701,7 @@
                 </child>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -683,6 +719,7 @@
                 <property name="action_target">&apos;ln &apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">3</property>
@@ -699,6 +736,7 @@
                 <property name="action_target">&apos;log &apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">4</property>
@@ -720,6 +758,7 @@
                 </child>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">0</property>
@@ -742,6 +781,7 @@
                 </child>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -763,6 +803,7 @@
                 </child>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -780,6 +821,7 @@
                 <property name="action_target">&apos;Re &apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">3</property>
@@ -797,6 +839,7 @@
                 <property name="action_target">&apos;Im &apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">4</property>
@@ -814,6 +857,7 @@
                 <property name="action_target">&apos;conj &apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">3</property>
@@ -831,6 +875,7 @@
                 <property name="action_target">&apos;Arg &apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">4</property>
@@ -845,6 +890,7 @@
                 <property name="label" translatable="1" comments="The label on the memory 
button">x</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">0</property>
@@ -860,6 +906,7 @@
                 <property name="label">f(x)</property>
                 <style>
                   <class name="fx-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
diff --git a/src/ui/buttons-basic.ui b/src/ui/buttons-basic.ui
index b9877b26..7afe5a7b 100644
--- a/src/ui/buttons-basic.ui
+++ b/src/ui/buttons-basic.ui
@@ -27,6 +27,7 @@
             <property name="action_target">4</property>
             <style>
               <class name="number-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="row">2</property>
@@ -43,6 +44,7 @@
             <property name="action_target">7</property>
             <style>
               <class name="number-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="row">1</property>
@@ -60,6 +62,7 @@
             <property name="action_target">8</property>
             <style>
               <class name="number-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">1</property>
@@ -77,6 +80,7 @@
             <property name="action_target">9</property>
             <style>
               <class name="number-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">2</property>
@@ -94,6 +98,7 @@
             <property name="action_target">5</property>
             <style>
               <class name="number-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">1</property>
@@ -111,6 +116,7 @@
             <property name="action_target">6</property>
             <style>
               <class name="number-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">2</property>
@@ -129,6 +135,7 @@
             <property name="action_target">&apos; mod &apos;</property>
             <style>
               <class name="operator-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">3</property>
@@ -147,6 +154,7 @@
             <property name="action_target">&apos;÷&apos;</property>
             <style>
               <class name="operator-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">3</property>
@@ -164,6 +172,7 @@
             <property name="action_target">1</property>
             <style>
               <class name="number-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="row">3</property>
@@ -181,6 +190,7 @@
             <property name="action_target">2</property>
             <style>
               <class name="number-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">1</property>
@@ -198,6 +208,7 @@
             <property name="action_target">0</property>
             <style>
               <class name="number-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="row">4</property>
@@ -214,6 +225,7 @@
             <property name="action_name">cal.insert-numeric-point</property>
             <style>
               <class name="numeric-point-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">1</property>
@@ -231,6 +243,7 @@
             <property name="action_target">3</property>
             <style>
               <class name="number-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">2</property>
@@ -249,6 +262,7 @@
             <property name="action_target">&apos;×&apos;</property>
             <style>
               <class name="operator-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">3</property>
@@ -266,6 +280,7 @@
             <property name="action_name">cal.subtract</property>
             <style>
               <class name="operator-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">3</property>
@@ -284,6 +299,7 @@
             <property name="action_target">&apos;+&apos;</property>
             <style>
               <class name="operator-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">3</property>
@@ -307,6 +323,7 @@
             </child>
             <style>
               <class name="function-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">4</property>
@@ -325,6 +342,7 @@
             <property name="action_target">&apos;√&apos;</property>
             <style>
               <class name="function-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">4</property>
@@ -346,6 +364,7 @@
             </child>
             <style>
               <class name="function-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">4</property>
@@ -363,6 +382,7 @@
             <property name="icon_name">edit-clear-symbolic</property>
             <style>
               <class name="clear-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">0</property>
@@ -380,6 +400,7 @@
             <property name="action_target">&apos;(&apos;</property>
             <style>
               <class name="parenthesis-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">1</property>
@@ -398,6 +419,7 @@
             <property name="action_target">&apos;)&apos;</property>
             <style>
               <class name="parenthesis-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">2</property>
@@ -416,6 +438,7 @@
             <property name="action_target">&apos;%&apos;</property>
             <style>
               <class name="procent-button"/>
+              <class name="opaque"/>
             </style>
             <layout>
               <property name="column">2</property>
diff --git a/src/ui/buttons-financial.ui b/src/ui/buttons-financial.ui
index 18833979..70b70f10 100644
--- a/src/ui/buttons-financial.ui
+++ b/src/ui/buttons-financial.ui
@@ -1196,6 +1196,7 @@
                 <property name="action_target">4</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="row">2</property>
@@ -1211,6 +1212,7 @@
                 <property name="action_target">7</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="row">1</property>
@@ -1227,6 +1229,7 @@
                 <property name="action_target">8</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -1243,6 +1246,7 @@
                 <property name="action_target">9</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -1259,6 +1263,7 @@
                 <property name="action_target">5</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -1275,6 +1280,7 @@
                 <property name="action_target">6</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -1292,6 +1298,7 @@
                 <property name="action_target">&apos; mod &apos;</property>
                 <style>
                   <class name="operator-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">3</property>
@@ -1309,6 +1316,7 @@
                 <property name="action_target">&apos;÷&apos;</property>
                 <style>
                   <class name="operator-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">3</property>
@@ -1325,6 +1333,7 @@
                 <property name="action_target">1</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="row">3</property>
@@ -1341,6 +1350,7 @@
                 <property name="action_target">2</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -1357,6 +1367,7 @@
                 <property name="action_target">0</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="row">4</property>
@@ -1372,6 +1383,7 @@
                 <property name="action_name">cal.insert-numeric-point</property>
                 <style>
                   <class name="numeric-point-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -1388,6 +1400,7 @@
                 <property name="action_target">3</property>
                 <style>
                   <class name="number-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -1405,6 +1418,7 @@
                 <property name="action_target">&apos;×&apos;</property>
                 <style>
                   <class name="operator-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">3</property>
@@ -1421,6 +1435,7 @@
                 <property name="action_name">cal.subtract</property>
                 <style>
                   <class name="operator-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">3</property>
@@ -1438,6 +1453,7 @@
                 <property name="action_target">&apos;+&apos;</property>
                 <style>
                   <class name="operator-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">3</property>
@@ -1455,6 +1471,7 @@
                 <property name="action_target">&apos;√&apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">4</property>
@@ -1471,6 +1488,7 @@
                 <property name="action_name">cal.clear</property>
                 <style>
                   <class name="clear-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">0</property>
@@ -1487,6 +1505,7 @@
                 <property name="action_target">&apos;(&apos;</property>
                 <style>
                   <class name="parenthesis-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -1504,6 +1523,7 @@
                 <property name="action_target">&apos;)&apos;</property>
                 <style>
                   <class name="parenthesis-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -1521,6 +1541,7 @@
                 <property name="action_target">&apos;%&apos;</property>
                 <style>
                   <class name="procent-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -1559,6 +1580,7 @@
                 </child>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">4</property>
@@ -1575,6 +1597,7 @@
                 <property name="action_target">&apos;log &apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">4</property>
@@ -1603,6 +1626,7 @@
                 <property name="label" translatable="1" comments="The label on the memory 
button">x</property>
                 <style>
                   <class name="memory-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">0</property>
@@ -1621,6 +1645,7 @@
                 <property name="action_target">&apos;ctrm_dialog&apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">0</property>
@@ -1637,6 +1662,7 @@
                 <property name="action_target">&apos;ddb_dialog&apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -1653,6 +1679,7 @@
                 <property name="action_target">&apos;fv_dialog&apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -1669,6 +1696,7 @@
                 <property name="action_target">&apos;term_dialog&apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -1686,6 +1714,7 @@
                 <property name="action_target">&apos;syd_dialog&apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -1703,6 +1732,7 @@
                 <property name="action_target">&apos;sln_dialog&apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -1720,6 +1750,7 @@
                 <property name="action_target">&apos;rate_dialog&apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">0</property>
@@ -1737,6 +1768,7 @@
                 <property name="action_target">&apos;pv_dialog&apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">2</property>
@@ -1754,6 +1786,7 @@
                 <property name="action_target">&apos;pmt_dialog&apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">1</property>
@@ -1771,6 +1804,7 @@
                 <property name="action_target">&apos;gpm_dialog&apos;</property>
                 <style>
                   <class name="function-button"/>
+                  <class name="opaque"/>
                 </style>
                 <layout>
                   <property name="column">0</property>
diff --git a/src/ui/buttons-programming.ui b/src/ui/buttons-programming.ui
index 5611187c..da17e96e 100644
--- a/src/ui/buttons-programming.ui
+++ b/src/ui/buttons-programming.ui
@@ -1233,6 +1233,7 @@
                     <property name="action_target">&apos;√&apos;</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">4</property>
@@ -1255,6 +1256,7 @@
                     </child>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">4</property>
@@ -1271,6 +1273,7 @@
                     <property name="action_target">&apos;÷&apos;</property>
                     <style>
                       <class name="operator-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">3</property>
@@ -1288,6 +1291,7 @@
                     <property name="action_target">&apos;×&apos;</property>
                     <style>
                       <class name="operator-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">3</property>
@@ -1304,6 +1308,7 @@
                     <property name="action_name">cal.subtract</property>
                     <style>
                       <class name="operator-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">3</property>
@@ -1321,6 +1326,7 @@
                     <property name="action_target">&apos;+&apos;</property>
                     <style>
                       <class name="operator-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">3</property>
@@ -1354,6 +1360,7 @@
                     <property name="icon_name">edit-clear-symbolic</property>
                     <style>
                       <class name="clear-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">0</property>
@@ -1375,6 +1382,7 @@
                         <property name="action_target">0</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">0</property>
@@ -1391,6 +1399,7 @@
                         <property name="action_target">1</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">1</property>
@@ -1407,6 +1416,7 @@
                         <property name="action_target">2</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">2</property>
@@ -1423,6 +1433,7 @@
                         <property name="action_target">3</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">3</property>
@@ -1439,6 +1450,7 @@
                         <property name="action_target">4</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">0</property>
@@ -1455,6 +1467,7 @@
                         <property name="action_target">5</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">1</property>
@@ -1471,6 +1484,7 @@
                         <property name="action_target">6</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">2</property>
@@ -1487,6 +1501,7 @@
                         <property name="action_target">7</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">3</property>
@@ -1503,6 +1518,7 @@
                         <property name="action_target">8</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">0</property>
@@ -1519,6 +1535,7 @@
                         <property name="action_target">9</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">1</property>
@@ -1535,6 +1552,7 @@
                         <property name="action_target">10</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">2</property>
@@ -1551,6 +1569,7 @@
                         <property name="action_target">11</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">3</property>
@@ -1567,6 +1586,7 @@
                         <property name="action_target">12</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">0</property>
@@ -1582,6 +1602,7 @@
                         <property name="action_target">13</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">1</property>
@@ -1597,6 +1618,7 @@
                         <property name="action_target">14</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">2</property>
@@ -1612,6 +1634,7 @@
                         <property name="action_target">15</property>
                         <style>
                           <class name="number-button"/>
+                          <class name="opaque"/>
                         </style>
                         <layout>
                           <property name="column">3</property>
@@ -1634,6 +1657,7 @@
                     <property name="action_name">cal.insert-numeric-point</property>
                     <style>
                       <class name="numeric-point-button"/>
+                          <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">4</property>
@@ -1651,6 +1675,7 @@
                     <property name="action_target">&apos; mod &apos;</property>
                     <style>
                       <class name="operator-button"/>
+                          <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">3</property>
@@ -1667,6 +1692,7 @@
                     <property name="action_target">&apos;(&apos;</property>
                     <style>
                       <class name="parenthesis-button"/>
+                          <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">1</property>
@@ -1683,6 +1709,7 @@
                     <property name="action_target">&apos;)&apos;</property>
                     <style>
                       <class name="parenthesis-button"/>
+                          <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">2</property>
@@ -1717,6 +1744,7 @@
                     </child>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">5</property>
@@ -1738,6 +1766,7 @@
                     </child>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">6</property>
@@ -1751,6 +1780,7 @@
                     <property name="tooltip_text" translatable="1">Shift Left</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">7</property>
@@ -1764,6 +1794,7 @@
                     <property name="tooltip_text" translatable="1">Shift Right</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">8</property>
@@ -1780,6 +1811,7 @@
                     <property name="action_target">&apos;⊻&apos;</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">9</property>
@@ -1796,6 +1828,7 @@
                     <property name="action_target">&apos;∨&apos;</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">9</property>
@@ -1813,6 +1846,7 @@
                     <property name="action_target">&apos;∧&apos;</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">8</property>
@@ -1830,6 +1864,7 @@
                     <property name="action_target">&apos;¬&apos;</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">7</property>
@@ -1847,6 +1882,7 @@
                     <property name="action_target">&apos;ones &apos;</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">5</property>
@@ -1864,6 +1900,7 @@
                     <property name="action_target">&apos;twos &apos;</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">6</property>
@@ -1885,6 +1922,7 @@
                     </child>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">5</property>
@@ -1907,6 +1945,7 @@
                     </child>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">6</property>
@@ -1923,6 +1962,7 @@
                     <property name="action_target">&apos;log &apos;</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">9</property>
@@ -1940,6 +1980,7 @@
                     <property name="action_target">&apos;log₂ &apos;</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">8</property>
@@ -1961,6 +2002,7 @@
                     </child>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">5</property>
@@ -1983,6 +2025,7 @@
                     </child>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">6</property>
@@ -2000,6 +2043,7 @@
                     <property name="action_target">&apos;int &apos;</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">7</property>
@@ -2017,6 +2061,7 @@
                     <property name="action_target">&apos;frac &apos;</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">7</property>
@@ -2033,6 +2078,7 @@
                     <property name="action_name">cal.factorize</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">7</property>
@@ -2048,6 +2094,7 @@
                     <property name="action_name">cal.insert-character</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">8</property>
@@ -2063,6 +2110,7 @@
                     <property name="tooltip_text" translatable="1">Memory</property>
                     <style>
                       <class name="memory-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">5</property>
@@ -2078,6 +2126,7 @@
                     <property name="tooltip_text" translatable="1">Change word size</property>
                     <style>
                       <class name="function-button"/>
+                      <class name="opaque"/>
                     </style>
                     <layout>
                       <property name="column">8</property>
diff --git a/src/ui/style-dark.css b/src/ui/style-dark.css
index 6477b6c2..7e07b07b 100644
--- a/src/ui/style-dark.css
+++ b/src/ui/style-dark.css
@@ -1,6 +1,6 @@
 /* Recoloring of the app comes below… */
 .suggested-action {
-  background: @orange_4;
+  background-color: @orange_4;
 }
 
 .function-button,
@@ -11,9 +11,9 @@
 .operator-button,
 .fx-button button,
 .memory-button button {
-  background: @dark_3;
+  background-color: @dark_3;
 }
 
 .number-button {
-  background: @dark_1;
+  background-color: @dark_1;
 }
diff --git a/src/ui/style.css b/src/ui/style.css
index 03e6ae74..61ff865c 100644
--- a/src/ui/style.css
+++ b/src/ui/style.css
@@ -178,15 +178,15 @@ mathdisplay textview text {
 
 /* Recoloring of the app comes below… */
 .history-view {
-  background: mix(@green_3, @view_bg_color, 0.87);
+  background-color: mix(@green_3, @view_bg_color, 0.97);
 }
 
 .math-display {
-  background: mix(@green_3, @view_bg_color, 0.8);
+  background-color: mix(@green_3, @view_bg_color, 0.93);
 }
 
 .suggested-action {
-  background: @orange_3;
+  background-color: @orange_3;
   color: @light_1;
 }
 
@@ -198,10 +198,9 @@ mathdisplay textview text {
 .operator-button,
 .fx-button button,
 .memory-button button {
-  background: @light_3;
+  background-color: @light_3;
 }
 
 .number-button {
-  background: @dark_1;
-  color: @light_1;
+  background-color: @light_4;
 }


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]