Some style improvements.

src/Squidex/app/theme/_vars.scss

@@ -12,8 +12,8 @@ $color-control: rgba(0, 0, 0, .15);
 $color-input: #dbe4eb;
 $color-disabled: #eef1f4;
 
-$color-extern-google: #d34836;
-$color-extern-google-icon: #b02c1b;
+$color-extern-google: #b02c1b;
+$color-extern-google-icon: #d34836;
 $color-extern-microsoft: #004185;
 $color-extern-microsoft-icon: #1b67b7;
 $color-extern-github: #191919;

src/Squidex/app/theme/icomoon/demo.html

@@ -21,8 +21,8 @@
                 <span class="mls"> icon-webhook</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e942" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe942;" class="unitRight size1of2 talign-right" />
+                <input type="text" readonly value="e93f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93f;" class="unitRight size1of2 talign-right" />
             </fieldset>
             <div class="fs0 bshadow0 clearfix hidden-true">
                 <span class="unit pvs fgc1">liga: </span>

src/Squidex/app/theme/icomoon/fonts/icomoon.svg

@@ -70,7 +70,7 @@
 <glyph unicode="&#xe93c;" glyph-name="info" d="M636.518 972.8c68.608 0 102.912-46.694 102.912-100.198 0-66.816-59.597-128.614-137.165-128.614-64.973 0-102.861 38.4-101.069 101.888 0 53.402 45.107 126.925 135.322 126.925zM425.421-51.2c-54.17 0-93.85 33.382-55.962 180.429l62.157 260.71c10.803 41.677 12.595 58.419 0 58.419-16.23 0-86.477-28.774-128.102-57.19l-27.034 45.056c131.686 111.923 283.187 177.51 348.211 177.51 54.118 0 63.13-65.178 36.096-165.376l-71.219-274.022c-12.595-48.384-7.219-65.075 5.427-65.075 16.23 0 69.478 20.070 121.805 61.798l30.72-41.677c-128.102-130.406-268.032-180.582-322.099-180.582z" />
 <glyph unicode="&#xe93d;" glyph-name="bug" horiz-adv-x="951" d="M932.571 402.286c0-20-16.571-36.571-36.571-36.571h-128c0-71.429-15.429-125.143-38.286-165.714l118.857-119.429c14.286-14.286 14.286-37.143 0-51.429-6.857-7.429-16.571-10.857-25.714-10.857s-18.857 3.429-25.714 10.857l-113.143 112.571s-74.857-68.571-172-68.571v512h-73.143v-512c-103.429 0-178.857 75.429-178.857 75.429l-104.571-118.286c-7.429-8-17.143-12-27.429-12-8.571 0-17.143 2.857-24.571 9.143-14.857 13.714-16 36.571-2.857 52l115.429 129.714c-20 39.429-33.143 90.286-33.143 156.571h-128c-20 0-36.571 16.571-36.571 36.571s16.571 36.571 36.571 36.571h128v168l-98.857 98.857c-14.286 14.286-14.286 37.143 0 51.429s37.143 14.286 51.429 0l98.857-98.857h482.286l98.857 98.857c14.286 14.286 37.143 14.286 51.429 0s14.286-37.143 0-51.429l-98.857-98.857v-168h128c20 0 36.571-16.571 36.571-36.571zM658.286 731.428h-365.714c0 101.143 81.714 182.857 182.857 182.857s182.857-81.714 182.857-182.857z" />
 <glyph unicode="&#xe93e;" glyph-name="download" d="M640 853.334q78 0 149.167-30.5t122.5-81.833 81.833-122.5 30.5-149.167q0-85-35-160.667t-96.667-129.167-140-77.5l21 20.667q18 18.333 28 42.667 9.333 22.667 9.333 49.333 0 6.667-0.333 9.333 59.333 41.333 93.833 105.833t34.5 139.5q0 60.667-23.667 116t-63.667 95.333-95.333 63.667-116 23.667q-55.333 0-106.5-19.833t-90-53.833-65-81.333-33.833-101h-88.667q-70.667 0-120.667-50t-50-120.667q0-38.667 15.167-71.667t39.833-54.167 54.833-33 60.833-11.833h50q11.667-29.333 30-48l37.667-37.333h-117.667q-69.667 0-128.5 34.333t-93.167 93.167-34.333 128.5 34.333 128.5 93.167 93.167 128.5 34.333h22q26.333 74.333 79.333 132.167t126.833 90.833 155.833 33zM554.667 512q17.667 0 30.167-12.5t12.5-30.167v-281l55 55.333q12.333 12.333 30.333 12.333 18.333 0 30.5-12.167t12.167-30.5q0-18-12.333-30.333l-128-128q-12.333-12.333-30.333-12.333t-30.333 12.333l-128 128q-12.333 13-12.333 30.333 0 17.667 12.5 30.167t30.167 12.5q18 0 30.333-12.333l55-55.333v281q0 17.667 12.5 30.167t30.167 12.5z" />
+<glyph unicode="&#xe93f;" glyph-name="webhook" d="M524.792 917.333c-133.751 0-243.208-108.454-243.208-241 0-72.755 34.012-137.024 85.833-181.292l-115.167-187.458c-3.016 0.305-5.946 0.875-9.042 0.875-49.392 0-89.625-39.845-89.625-88.792s40.233-88.792 89.625-88.792c49.392 0 89.583 39.845 89.583 88.792 0 17.952-5.505 34.638-14.792 48.625l152.208 247.708-32.458 19.833c-47.549 29.077-79.333 80.999-79.333 140.5 0 91.263 74.283 164.875 166.375 164.875s166.417-73.612 166.417-164.875c0-14.491-1.921-28.493-5.458-41.875l74.292-19.292c5.167 19.548 7.958 40.089 7.958 61.167 0 132.546-109.457 241-243.208 241zM524.792 765.125c-49.392 0-89.583-39.845-89.583-88.792s40.191-88.792 89.583-88.792c1.932 0 3.765 0.422 5.667 0.542l136.375-242.5 33.5 18.417c23.855 13.109 51.195 20.583 80.458 20.583 92.092 0 166.417-73.654 166.417-164.917s-74.324-164.875-166.417-164.875c-52.606 0-99.199 24.144-129.792 61.875l-59.917-47.708c44.569-54.969 113.29-90.292 189.708-90.292 133.751 0 243.208 108.454 243.208 241s-109.457 241-243.208 241c-28.895 0-55.96-6.577-81.792-15.833l-101.333 180.208c10.44 14.518 16.75 32.153 16.75 51.292 0 48.947-40.233 88.792-89.625 88.792zM182.333 453.042c-104.909-26.881-182.333-121.59-182.333-233.375 0-132.546 109.457-241 243.208-241 120.157 0 216.178 89.065 235.375 202.958h221.625c14.445-29.878 44.991-50.75 80.583-50.75 49.392 0 89.625 39.845 89.625 88.792s-40.233 88.792-89.625 88.792c-35.592 0-66.138-20.831-80.583-50.708h-290.625v-38.083c0-91.263-74.283-164.875-166.375-164.875s-166.417 73.612-166.417 164.875c0 76.963 53.266 141.381 124.792 159.708l-19.25 73.667z" />
 <glyph unicode="&#xe940;" glyph-name="microsoft" d="M0.35 448l-0.35 312.074 384 52.144v-364.218zM448 821.518l511.872 74.482v-448h-511.872zM959.998 384l-0.126-448-511.872 72.016v375.984zM384 16.164l-383.688 52.594-0.020 315.242h383.708z" />
 <glyph unicode="&#xe941;" glyph-name="github" d="M512 960c-282.88 0-512-229.248-512-512 0-226.24 146.688-418.112 350.080-485.76 25.6-4.8 35.008 11.008 35.008 24.64 0 12.16-0.448 44.352-0.64 87.040-142.464-30.912-172.48 68.672-172.48 68.672-23.296 59.136-56.96 74.88-56.96 74.88-46.4 31.744 3.584 31.104 3.584 31.104 51.392-3.584 78.4-52.736 78.4-52.736 45.696-78.272 119.872-55.68 149.12-42.56 4.608 33.088 17.792 55.68 32.448 68.48-113.728 12.8-233.216 56.832-233.216 252.992 0 55.872 19.84 101.568 52.672 137.408-5.76 12.928-23.040 64.96 4.48 135.488 0 0 42.88 13.76 140.8-52.48 40.96 11.392 84.48 17.024 128 17.28 43.52-0.256 87.040-5.888 128-17.28 97.28 66.24 140.16 52.48 140.16 52.48 27.52-70.528 10.24-122.56 5.12-135.488 32.64-35.84 52.48-81.536 52.48-137.408 0-196.672-119.68-240-233.6-252.608 17.92-15.36 34.56-46.72 34.56-94.72 0-68.48-0.64-123.52-0.64-140.16 0-13.44 8.96-29.44 35.2-24.32 204.864 67.136 351.424 259.136 351.424 485.056 0 282.752-229.248 512-512 512z" />
-<glyph unicode="&#xe942;" glyph-name="webhook" d="M533.333 853.333c-117.245 0-213.333-96.088-213.333-213.333 0-61.134 26.685-115.834 68.25-154.833l-94.167-154.625c-39.217-2.486-70.083-34.901-70.083-74.526 0-0.006 0-0.011 0-0.017 0-41.236 33.429-74.666 74.667-74.666s74.667 33.429 74.667 74.667c-0.036 10.883-2.395 21.206-6.607 30.511l135.732 222.197-36.083 22.25c-36.583 22.574-61.042 62.78-61.042 109.042 0 70.958 57.042 128 128 128s128-57.042 128-128c0-11.262-1.445-22.111-4.167-32.5l82.542-21.625c4.532 17.302 6.958 35.478 6.958 54.125 0 117.245-96.088 213.333-213.333 213.333zM533.333 714.667c-41.237 0-74.667-33.429-74.667-74.667 0.001-38.61 29.307-70.375 66.888-74.265l122.028-218.319 37.25 20.625c18.35 10.175 39.289 15.958 61.833 15.958 70.958 0 128-57.042 128-128s-57.042-128-128-128c-40.531 0-76.322 18.729-99.875 48.042l-66.5-53.458c39.082-48.64 99.386-79.917 166.375-79.917 117.245 0 213.333 96.088 213.333 213.333s-96.088 213.333-213.333 213.333c-22.149 0-43.176-4.328-63.375-10.667l-82.917 148.667c4.779 9.533 7.591 20.768 7.625 32.656 0 41.248-33.429 74.678-74.667 74.678zM245.292 462.583c-92.061-23.803-159.958-107.702-159.958-206.583 0-117.245 96.088-213.333 213.333-213.333 102.14 0 184.181 74.359 204.667 170.667h182.167c13.648-19.418 35.938-31.962 61.161-32 41.243 0 74.673 33.429 74.673 74.667s-33.429 74.667-74.667 74.667c-25.26-0.009-47.586-12.559-61.092-31.763l-258.908-0.237v-42.667c0-70.958-57.042-128-128-128s-128 57.042-128 128c0 59.839 41.032 109.746 96 123.958l-21.375 82.625z" />
 </font></defs></svg>

src/Squidex/app/theme/icomoon/selection.json

@@ -4,49 +4,27 @@
     {
       "icon": {
         "paths": [
-          "M533.333 106.667c-117.245 0-213.333 96.088-213.333 213.333 0 61.134 26.685 115.834 68.25 154.833l-94.167 154.625c-39.217 2.486-70.083 34.901-70.083 74.526 0 0.006 0 0.011 0 0.017-0 41.236 33.429 74.666 74.667 74.666s74.667-33.429 74.667-74.667c-0.036-10.883-2.395-21.206-6.607-30.511l135.732-222.197-36.083-22.25c-36.583-22.574-61.042-62.78-61.042-109.042 0-70.958 57.042-128 128-128s128 57.042 128 128c0 11.262-1.445 22.111-4.167 32.5l82.542 21.625c4.532-17.302 6.958-35.478 6.958-54.125 0-117.245-96.088-213.333-213.333-213.333zM533.333 245.333c-41.237 0-74.667 33.429-74.667 74.667 0.001 38.61 29.307 70.375 66.888 74.265l122.028 218.319 37.25-20.625c18.35-10.175 39.289-15.958 61.833-15.958 70.958 0 128 57.042 128 128s-57.042 128-128 128c-40.531 0-76.322-18.729-99.875-48.042l-66.5 53.458c39.082 48.64 99.386 79.917 166.375 79.917 117.245 0 213.333-96.088 213.333-213.333s-96.088-213.333-213.333-213.333c-22.149 0-43.176 4.328-63.375 10.667l-82.917-148.667c4.779-9.533 7.591-20.768 7.625-32.656 0-41.248-33.429-74.678-74.667-74.678zM245.292 497.417c-92.061 23.803-159.958 107.702-159.958 206.583 0 117.245 96.088 213.333 213.333 213.333 102.14 0 184.181-74.359 204.667-170.667h182.167c13.648 19.418 35.938 31.962 61.161 32 41.243 0 74.673-33.429 74.673-74.667s-33.429-74.667-74.667-74.667c-25.26 0.009-47.586 12.559-61.092 31.763l-258.908 0.237v42.667c0 70.958-57.042 128-128 128s-128-57.042-128-128c0-59.839 41.032-109.746 96-123.958l-21.375-82.625z"
+          "M524.792 42.667c-133.751 0-243.208 108.454-243.208 241 0 72.755 34.012 137.024 85.833 181.292l-115.167 187.458c-3.016-0.305-5.946-0.875-9.042-0.875-49.392 0-89.625 39.845-89.625 88.792s40.233 88.792 89.625 88.792c49.392 0 89.583-39.845 89.583-88.792 0-17.952-5.505-34.638-14.792-48.625l152.208-247.708-32.458-19.833c-47.549-29.077-79.333-80.999-79.333-140.5 0-91.263 74.283-164.875 166.375-164.875s166.417 73.612 166.417 164.875c0 14.491-1.921 28.493-5.458 41.875l74.292 19.292c5.167-19.548 7.958-40.089 7.958-61.167 0-132.546-109.457-241-243.208-241zM524.792 194.875c-49.392 0-89.583 39.845-89.583 88.792s40.191 88.792 89.583 88.792c1.932 0 3.765-0.422 5.667-0.542l136.375 242.5 33.5-18.417c23.855-13.109 51.195-20.583 80.458-20.583 92.092 0 166.417 73.654 166.417 164.917s-74.324 164.875-166.417 164.875c-52.606 0-99.199-24.144-129.792-61.875l-59.917 47.708c44.569 54.969 113.29 90.292 189.708 90.292 133.751 0 243.208-108.454 243.208-241s-109.457-241-243.208-241c-28.895 0-55.96 6.577-81.792 15.833l-101.333-180.208c10.44-14.518 16.75-32.153 16.75-51.292 0-48.947-40.233-88.792-89.625-88.792zM182.333 506.958c-104.909 26.881-182.333 121.59-182.333 233.375 0 132.546 109.457 241 243.208 241 120.157 0 216.178-89.065 235.375-202.958h221.625c14.445 29.878 44.991 50.75 80.583 50.75 49.392 0 89.625-39.845 89.625-88.792s-40.233-88.792-89.625-88.792c-35.592 0-66.138 20.831-80.583 50.708h-290.625v38.083c0 91.263-74.283 164.875-166.375 164.875s-166.417-73.612-166.417-164.875c0-76.963 53.266-141.381 124.792-159.708l-19.25-73.667z"
         ],
         "attrs": [
           {}
         ],
         "isMulticolor": false,
-        "isMulticolor2": true,
+        "isMulticolor2": false,
         "grid": 0,
         "tags": [
           "icons8-Webhook"
-        ],
-        "colorPermutations": {
-          "233309915571791": [
-            {
-              "f": 0
-            },
-            {
-              "s": 0
-            },
-            {
-              "s": 0
-            },
-            {
-              "f": 1
-            },
-            {
-              "f": 0
-            },
-            {
-              "s": 1
-            }
-          ]
-        }
-      },
-      "attrs": [
-        {}
-      ],
-      "properties": {
-        "order": 80,
+        ]
+      },
+      "attrs": [
+        {}
+      ],
+      "properties": {
+        "order": 82,
         "id": 0,
         "name": "webhook",
         "prevSize": 32,
-        "code": 59714
+        "code": 59711
       },
       "setIdx": 0,
       "setId": 2,
@@ -72,7 +50,7 @@
         {}
       ],
       "properties": {
-        "order": 1,
+        "order": 77,
         "id": 0,
         "name": "github",
         "prevSize": 32,
@@ -2016,6 +1994,7 @@
       "bgColor": 16777215,
       "classSelector": ".icon"
     },
-    "historySize": 100
+    "historySize": 100,
+    "gridSize": 16
   }
 }

src/Squidex/app/theme/icomoon/style.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'icomoon';
-  src:  url('fonts/icomoon.eot?xczofg');
-  src:  url('fonts/icomoon.eot?xczofg#iefix') format('embedded-opentype'),
-    url('fonts/icomoon.ttf?xczofg') format('truetype'),
-    url('fonts/icomoon.woff?xczofg') format('woff'),
-    url('fonts/icomoon.svg?xczofg#icomoon') format('svg');
+  src:  url('fonts/icomoon.eot?rfek6n');
+  src:  url('fonts/icomoon.eot?rfek6n#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?rfek6n') format('truetype'),
+    url('fonts/icomoon.woff?rfek6n') format('woff'),
+    url('fonts/icomoon.svg?rfek6n#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -25,7 +25,7 @@
 }
 
 .icon-webhook:before {
-  content: "\e942";
+  content: "\e93f";
 }
 .icon-github:before {
   content: "\e941";