redo paper background so that it tiles better (#1790)

redo paper background so that it tiles better

src/css/dark-theme.css

@@ -8,7 +8,6 @@
     --boxBackground: #3a3a3a;
     --alternativeBackground: #4e4e4e;
     --sideBackground: #404040;
-    --paper: url(../../images/paper-dark.jpg);
     --ledAccent: #6e6e6e;
     --ledBackground: #424242;
     --gimbalBackground: var(--subtleAccent);
@@ -16,6 +15,10 @@
     --switcherysecond: #858585;
 }
 
+.background_paper {
+    background-image: url(../images/paper-dark.png);
+}
+
 body {
     color: white;
 }

src/css/main.css

@@ -10,7 +10,6 @@
     --boxBackground: #ffffff;
     --alternativeBackground: #f9f9f9;
     --sideBackground: #ffffff;
-    --paper: url(../../images/paper.jpg);
     --ledAccent: #adadad;
     --ledBackground: #e9e9e9;
     --gimbalBackground: #eee;
@@ -56,6 +55,12 @@ a.disabled {
     color: #999;
 }
 
+.background_paper {
+    background-size: 100%;
+    background-image: url(../images/paper.png);
+    background-position: center;
+}
+
 /* Help-Icon  */
 .helpicon {
     float: right;

src/css/tabs/pid_tuning.css

@@ -47,9 +47,7 @@
 .tab-pid_tuning .throttle_curve {
     float: right;
     width: 100%;
-    background-image: var(--paper);
     background-size: 200%;
-    background-position: center;
     height: 164px;
 }
 
@@ -62,9 +60,7 @@
     height: 100%;
     min-height: 234px;
     min-width: 200px;
-    background-image: var(--paper);
     background-size: 200%;
-    background-position: center;
 }
 
 .tab-pid_tuning input[type="number"]::-webkit-inner-spin-button {
@@ -625,9 +621,7 @@
     left: 0;
     right: 0;
     bottom: 0;
-    background-image: var(--paper);
     background-size: 100%;
-    background-position: center;
 }
 
 .tab-pid_tuning .pidTuning td {

src/css/tabs/receiver.css

@@ -474,9 +474,6 @@
     left: 0;
     right: 0;
     bottom: 0;
-    background-image: var(--paper);
-    background-size: 100%;
-    background-position: center;
     margin-top: -1px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;

src/css/tabs/setup.css

@@ -61,15 +61,12 @@
     background-color: #dedcdc;
 }
 
-#canvas_wrapper {
+.tab-setup #canvas_wrapper {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
-    background-image: var(--paper);
-    background-size: 100%;
-    background-position: center;
     border-radius: 5px;
 }
 

src/tabs/pid_tuning.html

@@ -687,7 +687,7 @@
                                 <tbody>
                                     <tr>
                                         <td colspan="2">
-                                            <div class="rate_curve" style="position:relative;" >
+                                            <div class="rate_curve background_paper" style="position:relative;" >
                                                 <canvas id="rate_curve_layer0" height="120px" style="position:absolute; top: 0; left: 0; z-index: 0; height:100%; width:100%;"></canvas>
                                                 <canvas id="rate_curve_layer1" height="120px" style="position:absolute; top: 0; left: 0; z-index: 1; height:100%; width:100%;"></canvas>
                                             </div>
@@ -778,7 +778,7 @@
                             </thead>
                             <tr>
                                 <td colspan="2" class="throttleCurvePreview">
-                                    <div class="throttle_curve">
+                                    <div class="throttle_curve background_paper">
                                         <canvas height="164px" style="width: 100%; height: 100%"></canvas>
                                     </div>
                                 </td>
@@ -798,7 +798,7 @@
                             <tbody>
                                 <tr>
                                     <td class="rates_preview_cell">
-                                        <div class="rates_preview">
+                                        <div class="rates_preview background_paper">
                                             <canvas id="canvas"></canvas>
                                         </div>
                                     </td>

src/tabs/receiver.html

@@ -277,7 +277,7 @@
                     <tbody>
                         <tr>
                             <td class="model_preview_cell">
-                                <div class="model_preview">
+                                <div class="model_preview background_paper">
                                     <canvas id="canvas"></canvas>
                                 </div>
                             </td>

src/tabs/setup.html

@@ -74,7 +74,7 @@
             <div class="spacer_right">
                 <div class="model-and-info">
                     <div id="interactive_block">
-                        <div id="canvas_wrapper">
+                        <div id="canvas_wrapper" class="background_paper">
                             <canvas id="canvas"></canvas>
                             <div class="attitude_info">
                                 <dl>