fix(instagram): assorted fixes

catppuccin · Mar 24, 2024 · 0476614 · 0476614
1 parent 051354a
commit 0476614
Showing 1 changed file with 34 additions and 12 deletions.
diff --git a/styles/instagram/catppuccin.user.css b/styles/instagram/catppuccin.user.css
@@ -69,14 +69,14 @@
       --always-white: #rgbify(@light_color) [];
       --overlay-alpha-80: fadeout(@dark_color, 50);
       --always-dark-overlay: fadeout(@surface0, 50);
-
+      --grey-9: #rgbify(@text) [];
       --ig-primary-background: #rgbify(@base) [];
       --ig-secondary-background: #rgbify(@surface0) [];
       --ig-banner-background: #rgbify(@crust) [];
       --ig-highlight-background: #rgbify(@surface0) [];
       --ig-elevated-background: #rgbify(@crust) [];
       --ig-elevated-highlight-background: #rgbify(@surface0) [];
-      --ig-hover-overlay: fadeout(@surface0, 50);
+      --ig-hover-overlay: #rgbify(@text) [], 0.1;
       --hover-overlay: fadeout(@surface0, 80);
 
       --ig-text-on-color: #rgbify(@crust) [];
@@ -95,10 +95,10 @@
       --ig-tertiary-text: #rgbify(@subtext0) [];
       --wbloks-primary-text: @text;
       --ig-text-on-media: #rgbify(@text) [];
-
-      --ig-separator: #rgbify(@overlay0) [];
+      --ig-separator: #rgbify(@surface0) [];
+      --chat-admin-text-color: #rgbify (@subtext0) [];
+      --ig-elevated-separator: #rgbify(@surface0) [];
       --post-separator: #rgbify(@overlay0) [];
-      --ig-elevated-separator: #rgbify(@overlay0) [];
       --ig-stroke: #rgbify(@overlay0) [];
       --grey-2: #rgbify(@overlay0) [];
 
@@ -143,7 +143,10 @@
       box-shadow: 0 3px 5px -1px fadeout(@dark_color, 20);
       box-sizing: border-box;
     }
-
+    // testing 13
+    ._ac3p {
+      background-color: @accent-color !important;
+    }
     ._aatc ._aasi,
     ._ae1i,
     ._aggc textarea.xvbhtw8 {
@@ -180,9 +183,9 @@
       }
     }
     .x3nfvp2 {
-      color: @text;
+      color: @text !important;
       &:hover {
-        color: @mantle;
+        color: @crust;
       }
     }
 
@@ -504,6 +507,16 @@
       @mauve 60%,
       @blue 90%
     );
+    img[src="/images/instagram/xig/web/illo-confirm-refresh-light.png"] {
+      @svg: escape(
+        '<svg width="96" height="95.986" viewBox="0 0 25.4 25.397" xmlns="http://www.w3.org/2000/svg" fill="@{accent-color}"><path d="M12.591.001c-1.934.008-2.265.045-3.353.374-.664.201-1.703.612-2.308.914s-1.582.931-2.172 1.396c-.589.466-1.436 1.287-1.883 1.825-.468.564-1.127 1.604-1.554 2.455C.913 7.777.45 8.923.292 9.514c-.234.872-.288 1.461-.292 3.152-.004 1.575.053 2.291.231 2.951.13.479.353 1.192.497 1.582.143.391.389.964.546 1.274s.581.994.943 1.519a14.4 14.4 0 0 0 1.558 1.82c.496.476 1.263 1.109 1.706 1.408s1.112.698 1.487.887 1.069.477 1.543.638c.473.161 1.282.371 1.799.466s1.513.178 2.214.184 1.667-.05 2.146-.125 1.355-.293 1.945-.485 1.375-.501 1.744-.687a17 17 0 0 0 1.475-.88c.443-.298 1.21-.932 1.706-1.408s1.197-1.295 1.559-1.82.81-1.257.995-1.626.494-1.154.685-1.744.41-1.465.485-1.945.136-1.385.136-2.012-.061-1.533-.136-2.012-.293-1.355-.485-1.945-.5-1.375-.685-1.744-.633-1.1-.994-1.626a14.4 14.4 0 0 0-1.559-1.82c-.496-.476-1.286-1.125-1.757-1.443-.471-.317-1.289-.778-1.82-1.023S16.49.466 15.868.297c-.969-.261-1.437-.304-3.277-.296m-.515.555.001.003h-.004q.002 0 .003-.003m.65.254c1.324.011 2.002.084 2.817.303.59.158 1.58.531 2.2.827s1.435.763 1.811 1.036.972.764 1.324 1.09.938.995 1.302 1.486.906 1.402 1.203 2.025c.297.622.671 1.614.831 2.205.23.851.29 1.448.29 2.884 0 1.426-.061 2.039-.287 2.884-.158.59-.586 1.677-.95 2.414s-1 1.748-1.412 2.245-1.155 1.241-1.652 1.652c-.497.412-1.507 1.047-2.245 1.412s-1.824.787-2.414.937c-.599.153-1.696.299-2.482.331-.874.035-1.772-.013-2.369-.127a17 17 0 0 1-1.677-.418 16 16 0 0 1-1.656-.7c-.517-.256-1.271-.709-1.677-1.006s-.999-.789-1.317-1.092c-.319-.303-.875-.948-1.235-1.432s-.899-1.39-1.197-2.012c-.297-.622-.667-1.615-.821-2.205s-.312-1.707-.35-2.482c-.055-1.1-.011-1.693.2-2.71.148-.716.474-1.772.723-2.348s.692-1.408.984-1.849.919-1.214 1.392-1.716S5.417 3.202 6.022 2.8s1.515-.903 2.024-1.112a18 18 0 0 1 1.931-.637c.76-.194 1.432-.253 2.75-.242m3.229.115v.002l.006.004-.012-.003zm3.312 6.912c-.129 0-2.197 1.962-4.596 4.36l-4.363 4.361-2.077-2.08c-1.456-1.459-2.167-2.08-2.38-2.08-.225 0-.304.078-.304.3 0 .21.679.98 2.245 2.549 1.413 1.415 2.345 2.248 2.514 2.248.174 0 1.838-1.568 4.73-4.459 3.7-3.699 4.461-4.523 4.461-4.829 0-.262-.068-.369-.234-.369m5.624 2.252.004.015q-.003-.004-.008-.007zm-.303.013.006.003-.004.005zM7.614 23.749l.019.009-.004.016q-.006-.013-.014-.024m8.544.584-.001.003-.004-.002zm.004.306.003.001-.005.001z"/></svg>'
+      );
+      height: 0 !important;
+      width: 0 !important;
+      padding-left: 96px !important;
+      padding-top: 96px !important;
+      background: url("data:image/svg+xml,@{svg}") no-repeat !important;
+    }
 
     [style*='background-image: url("https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png")']
     {
@@ -538,10 +551,15 @@
     ._acas:not(._acao) {
       &,
       svg {
-        color: @base;
-        fill: @base;
+        color: @crust !important;
+        fill: @mantle;
       }
-    } // Secondary buttons
+    }
+    ._acas:not(._acao):hover {
+      background-color: @surface0 !important;
+      color: @accent-color !important;
+    }
+    // Secondary buttons
     .x1gjpkn9,
     ._acat,
     ._acap {
@@ -694,7 +712,11 @@
     .xvbhtw8 {
       background-color: @mantle;
     }
-
+    .x186z157,
+    .xk50ysn,
+    .xi81zsa {
+      color: @subtext0 !important;
+    }
     ._aa5c,
     ._aa4j,
     ._abyk {