fixed portfolio navigator tiles flickering #277

Author: akyriako

src/components/PortfolioNavigator/styles.module.css

@@ -114,20 +114,22 @@ html[data-theme='dark'] .empty{
 /* tile */
 .tile{
   /* --accent: #e2e8f0; */
-  background:var(--panel);border:1px solid var(--line);border-radius:10px;
-  border: 1px solid var(--card-border, var(--ifm-color-emphasis-200));
+  background:var(--panel);
+  border: 1px solid var(--card-border, var(--ifm-color-emphasis-200));border-radius:10px;
   padding:8px;display:flex;flex-direction:column;box-shadow:var(--shadow);
   cursor:pointer;position:relative;transition:transform .15s ease, box-shadow .15s ease;
   box-shadow: var(--shadow), inset 0 2px 0 var(--accent);
 }
 
 html[data-theme='dark'] .tile{
   /* --accent: #e2e8f0; */
-  background:var(--ifm-background-surface-color);border:1px solid var(--ifm-color-emphasis-200);border-radius:10px;
+  background:var(--ifm-color-emphasis-100);
+  border:1px solid var(--ifm-color-emphasis-200);border-radius:10px;
   padding:8px;display:flex;flex-direction:column;box-shadow:var(--shadow);
   cursor:pointer;position:relative;transition:transform .15s ease, box-shadow .15s ease;
   box-shadow: var(--shadow), inset 0 2px 0 var(--accent);
 }
+
 .tile:hover {
   text-decoration: none;           
   box-shadow: