Finish styling global variables

electrikmilk · Jan 21, 2024 · 1ce106f · 1ce106f
1 parent 14c5aeb
commit 1ce106f
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/src/style.css b/src/style.css
@@ -49,7 +49,10 @@
     }
 
     .sp-container .sp-variable-value,
-    .sp-container .sp-variable-icon.layers_fill {
+    .sp-container .sp-variable-icon.layers_fill,
+    .sp-container .sp-variable-icon.desktopcomputer,
+    .sp-container .sp-variable-icon.calendar,
+    .sp-container .sp-variable-icon.doc_on_clipboard {
         background: #1d222b !important;
         color: #007aff !important;
     }
@@ -254,7 +257,10 @@
     background: #8e8e93
 }
 
-.sp-container .sp-variable-icon.layers_fill {
+.sp-container .sp-variable-icon.layers_fill,
+.sp-container .sp-variable-icon.desktopcomputer,
+.sp-container .sp-variable-icon.calendar,
+.sp-container .sp-variable-icon.doc_on_clipboard {
     background: #e2f0ff;
     color: #067aff;
 }

diff --git a/src/value.ts b/src/value.ts
@@ -106,6 +106,10 @@ function variableIcon(valueType: string) {
             return 'wand_stars';
         case'ExtensionInput':
             return 'layers_fill';
+        case 'Clipboard':
+            return 'doc_on_clipboard';
+        case 'CurrentDate':
+            return 'calendar';
         default:
             return icon;
     }
@@ -115,6 +119,13 @@ function renderInlineVariable(varName: string, char?: string) {
     switch (varName) {
         case 'ShortcutInput':
             varName = 'Shortcut Input';
+            break;
+        case 'DeviceDetails':
+            varName = 'Device Details';
+            break;
+        case 'CurrentDate':
+            varName = 'Current Date';
+            break;
     }
 
     const variable = document.createElement('div');