@sproutsocial/seeds-theme 0.1.0

package/dist/theme-dark.json

@@ -0,0 +1,712 @@
+{
+  "breakpoints": {
+    "0": "900px",
+    "1": "1200px",
+    "2": "1500px",
+    "3": "1800px",
+    "sm": "640px",
+    "md": "768px",
+    "lg": "1024px",
+    "xl": "1280px"
+  },
+  "colors": {
+    "container": {
+      "background": {
+        "positive_sentiment": "#3876e3",
+        "negative_sentiment": "#f76054",
+        "neutral_sentiment": "#c8cccc",
+        "ai_generated": "radial-gradient(circle at bottom left, color-mix(in srgb, #679eff, transparent 80%) 0%, color-mix(in srgb, #b984ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%), #273333",
+        "base": "#273333",
+        "success": "#006b40",
+        "warning": "#944c0c",
+        "error": "#992222",
+        "info": "#0c3f89",
+        "opportunity": "#483a9c",
+        "danger": "#992222",
+        "decorative": {
+          "green": "#006b40",
+          "blue": "#0c3f89",
+          "purple": "#483a9c",
+          "yellow": "#944c0c",
+          "orange": "#962c0b",
+          "red": "#992222",
+          "neutral": "#162020",
+          "magenta": "#6c2277",
+          "pink": "#931847",
+          "aqua": "#035e73",
+          "teal": "#026661"
+        },
+        "selected": "#ffffff"
+      },
+      "border": {
+        "success": "#59cb59",
+        "warning": "#ffbc00",
+        "error": "#ed4c42",
+        "danger": "#ed4c42",
+        "info": "#2b68d3",
+        "opportunity": "#9180f4",
+        "decorative": {
+          "green": "#59cb59",
+          "blue": "#2b68d3",
+          "purple": "#9180f4",
+          "yellow": "#ffbc00",
+          "orange": "#f57d33",
+          "red": "#ed4c42",
+          "neutral": "#6e797a",
+          "magenta": "#c44eb9",
+          "pink": "#e0447c",
+          "aqua": "#17b8ce",
+          "teal": "#08c4b2"
+        },
+        "ai_generated": "#6f5ed3",
+        "base": "#040404",
+        "selected": "#ffffff"
+      }
+    },
+    "gradient": {
+      "ai-stop-3": "#f282f5",
+      "ai": "radial-gradient(circle at bottom left, #679eff 0%, #b984ff 61%, #f282f5 100%)",
+      "ai-subtle": "radial-gradient(circle at bottom left, color-mix(in srgb, #679eff, transparent 80%) 0%, color-mix(in srgb, #b984ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%)",
+      "ai-stop-1": "#679eff",
+      "ai-stop-2": "#b984ff"
+    },
+    "button": {
+      "primary": {
+        "border": {
+          "base": "#00000000"
+        },
+        "background": {
+          "base": "#679eff",
+          "hover": "#a1c2f8",
+          "active": "#c7dbf9"
+        },
+        "text": {
+          "base": "#273333",
+          "hover": "#162020"
+        }
+      },
+      "secondary": {
+        "background": {
+          "base": "#00000000",
+          "hover": "#f3f4f4",
+          "active": "#ffffff"
+        },
+        "border": {
+          "base": "#ffffff"
+        },
+        "text": {
+          "base": "#ffffff",
+          "hover": "#364141"
+        }
+      },
+      "pill": {
+        "background": {
+          "base": "#00000000",
+          "hover": "#162020",
+          "active": "#273333"
+        },
+        "border": {
+          "base": "#00000000",
+          "hover": "#ffffff"
+        },
+        "text": {
+          "base": "#f3f4f4",
+          "hover": "#ffffff"
+        }
+      },
+      "destructive": {
+        "border": {
+          "base": "#00000000"
+        },
+        "background": {
+          "base": "#ff7f6e",
+          "hover": "#ff9c8f",
+          "active": "#ffb8b1"
+        },
+        "text": {
+          "base": "#273333",
+          "hover": "#162020"
+        }
+      },
+      "placeholder": {
+        "background": {
+          "base": "#00000000",
+          "hover": "#040404",
+          "active": "#040404"
+        },
+        "border": {
+          "base": "#929a9b"
+        },
+        "text": {
+          "base": "#679eff",
+          "hover": "#a1c2f8"
+        }
+      },
+      "unstyled": {
+        "background": {
+          "base": "#00000000"
+        },
+        "border": {
+          "base": "#00000000"
+        },
+        "text": {
+          "base": "#c8cccc",
+          "hover": "#dee1e1"
+        }
+      },
+      "ai-primary": {
+        "background": {
+          "base": "radial-gradient(circle at bottom left, #679eff 0%, #b984ff 61%, #f282f5 100%)"
+        },
+        "border": {
+          "base": "#00000000"
+        },
+        "text": {
+          "base": "#ffffff",
+          "hover": "#ffffff"
+        }
+      },
+      "ai-secondary": {
+        "background": {
+          "base": "radial-gradient(circle at bottom left, color-mix(in srgb, #679eff, transparent 80%) 0%, color-mix(in srgb, #b984ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%)"
+        },
+        "border": {
+          "base": "#00000000"
+        },
+        "text": {
+          "base": "#f3f4f4",
+          "hover": "#f3f4f4"
+        }
+      },
+      "ai-outline": {
+        "background": {
+          "base": "#00000000"
+        },
+        "border": {
+          "base": "radial-gradient(circle at bottom left, #679eff 0%, #b984ff 61%, #f282f5 100%)"
+        },
+        "text": {
+          "base": "#f3f4f4",
+          "hover": "#f3f4f4"
+        }
+      },
+      "overlay": {
+        "background": {
+          "base": "color-mix(in srgb, #ffffff, transparent 40%)",
+          "hover": "color-mix(in srgb, #ffffff, transparent 25%)"
+        },
+        "text": {
+          "base": "#162020"
+        }
+      }
+    },
+    "icon": {
+      "positive_sentiment": "#2b68d3",
+      "negative_sentiment": "#ed4c42",
+      "base": "#f3f4f4",
+      "inverse": "#273333",
+      "success": "#d7f4d7",
+      "warning": "#fdefcd",
+      "error": "#ffd5d2",
+      "danger": "#ffd5d2",
+      "info": "#deebfe",
+      "opportunity": "#eaeaf9",
+      "applied": "#679eff",
+      "neutral_sentiment": "#929a9b"
+    },
+    "form": {
+      "border": {
+        "error": "#ed4c42",
+        "warning": "#ffbc00",
+        "base": "#929a9b",
+        "selected": "#ffffff"
+      },
+      "background": {
+        "base": "#273333",
+        "selected": "#ffffff"
+      },
+      "placeholder": {
+        "base": "#929a9b"
+      }
+    },
+    "listItem": {
+      "background": {
+        "base": "#00000000",
+        "hover": "#364141",
+        "selected": "#ffffff",
+        "active": "#ffffff"
+      },
+      "border": {
+        "base": "#6e797a"
+      }
+    },
+    "nav": {
+      "navItem": {
+        "text": {
+          "base": "#ffffff"
+        },
+        "icon": {
+          "base": "#ffffff"
+        },
+        "indicator": {
+          "notification": {
+            "base": "#e0447c"
+          },
+          "userStatus": {
+            "online": "#59cb59",
+            "offline": "#ed4c42",
+            "unavailable": "#364141"
+          }
+        },
+        "background": {
+          "base": "#00000000",
+          "hover": "#364141",
+          "active": "#040404",
+          "selected": "#515e5f"
+        },
+        "border": {
+          "hover": "#515e5f",
+          "active": "#515e5f",
+          "selected": "#515e5f"
+        }
+      }
+    },
+    "overlay": {
+      "text": {
+        "base": "#ffffff"
+      },
+      "icon": {
+        "base": "#ffffff"
+      },
+      "background": {
+        "base": "color-mix(in srgb, #162020, transparent 28%)",
+        "inverse": "color-mix(in srgb, #040404, transparent 30%)"
+      }
+    },
+    "illustration": {
+      "fill": "#679eff",
+      "stroke": "#f3f4f4"
+    },
+    "dataviz": {
+      "map": {
+        "1": "#24e0c5",
+        "2": "#a193f2",
+        "3": "#ff76ae",
+        "4": "#ffcd1c",
+        "5": "#679eff",
+        "6": "#f282f5",
+        "7": "#75dd66",
+        "8": "#ff9c5d",
+        "9": "#db3e3e",
+        "10": "#0b968f",
+        "11": "#6f5ed3",
+        "12": "#ce3665",
+        "13": "#ba7506",
+        "14": "#205bc3",
+        "15": "#ac44a8",
+        "16": "#0ca750",
+        "17": "#ed7024",
+        "18": "#ff7f6e",
+        "19": "#c2f2bd",
+        "20": "#ffe99a"
+      },
+      "list": {
+        "0": "#24e0c5",
+        "1": "#a193f2",
+        "2": "#ff76ae",
+        "3": "#ffcd1c",
+        "4": "#679eff",
+        "5": "#f282f5",
+        "6": "#75dd66",
+        "7": "#ff9c5d",
+        "8": "#db3e3e",
+        "9": "#0b968f",
+        "10": "#6f5ed3",
+        "11": "#ce3665",
+        "12": "#ba7506",
+        "13": "#205bc3",
+        "14": "#ac44a8",
+        "15": "#0ca750",
+        "16": "#ed7024",
+        "17": "#ff7f6e",
+        "18": "#c2f2bd",
+        "19": "#ffe99a"
+      },
+      "placeholder": "#364141"
+    },
+    "DATAVIZ_COLORS_LIST": {
+      "0": "#24e0c5",
+      "1": "#a193f2",
+      "2": "#ff76ae",
+      "3": "#ffcd1c",
+      "4": "#679eff",
+      "5": "#f282f5",
+      "6": "#75dd66",
+      "7": "#ff9c5d",
+      "8": "#db3e3e",
+      "9": "#0b968f",
+      "10": "#6f5ed3",
+      "11": "#ce3665",
+      "12": "#ba7506",
+      "13": "#205bc3",
+      "14": "#ac44a8",
+      "15": "#0ca750",
+      "16": "#ed7024",
+      "17": "#ff7f6e",
+      "18": "#c2f2bd",
+      "19": "#ffe99a"
+    },
+    "DATAVIZ_COLORS_MAP": {
+      "1": "#24e0c5",
+      "2": "#a193f2",
+      "3": "#ff76ae",
+      "4": "#ffcd1c",
+      "5": "#679eff",
+      "6": "#f282f5",
+      "7": "#75dd66",
+      "8": "#ff9c5d",
+      "9": "#db3e3e",
+      "10": "#0b968f",
+      "11": "#6f5ed3",
+      "12": "#ce3665",
+      "13": "#ba7506",
+      "14": "#205bc3",
+      "15": "#ac44a8",
+      "16": "#0ca750",
+      "17": "#ed7024",
+      "18": "#ff7f6e",
+      "19": "#c2f2bd",
+      "20": "#ffe99a"
+    },
+    "ai": {
+      "feature": {
+        "decorative": {
+          "primary": "#067c7c",
+          "secondary": "#0c3f89"
+        },
+        "background": {
+          "primary": "#cdf7ef",
+          "secondary": "#c7dbf9",
+          "default": {
+            "primary": "#cdf7ef",
+            "secondary": "#c7dbf9"
+          },
+          "inverse": {
+            "primary": "#067c7c",
+            "secondary": "#0c3f89"
+          }
+        }
+      }
+    },
+    "navigation": {
+      "settings": {
+        "listItem": {
+          "background": {
+            "base": "#00000000",
+            "hover": "#040404",
+            "selected": "#364141"
+          }
+        }
+      },
+      "text": {
+        "base": "#ffffff",
+        "hover": "#ffffff"
+      },
+      "icon": {
+        "base": "#ffffff",
+        "hover": "#ffffff"
+      },
+      "listItem": {
+        "background": {
+          "selected": "#515e5f",
+          "base": "#162020",
+          "hover": "#040404"
+        }
+      },
+      "main": {
+        "background": {
+          "base": "#162020",
+          "overflowGradient": "#040404"
+        },
+        "border": {
+          "base": "#040404"
+        }
+      },
+      "secondary": {
+        "background": {
+          "base": "#273333"
+        },
+        "widget": {
+          "background": {
+            "base": "#364141"
+          }
+        },
+        "accordion": {
+          "background": {
+            "base": "rgb(from #162020 r g b / calc(163 / 255))"
+          }
+        }
+      }
+    },
+    "datePicker": {
+      "comparison": {
+        "background": {
+          "base": "#b0b6b7"
+        },
+        "text": {
+          "base": "#364141"
+        }
+      }
+    },
+    "listening": {
+      "chart": {
+        "indicator": {
+          "hover": {
+            "secondary": "#ffffff",
+            "primary": "#c8cccc"
+          },
+          "default": {
+            "primary": "#f3f4f4",
+            "secondary": "#273333"
+          }
+        },
+        "spike": {
+          "background": {
+            "base": "#08c4b2"
+          },
+          "icon": {
+            "base": "#ffffff"
+          }
+        }
+      },
+      "topicTypes": {
+        "brandHealth": "#ff7f6e",
+        "industryInsights": "#75dd66",
+        "competitiveAnalysis": "#ffd943",
+        "campaignAnalysis": "#f282f5",
+        "eventMonitoring": "#33d6e2",
+        "featuredTopic": "#75dd66",
+        "customTopic": "#24e0c5"
+      },
+      "worldMap": {
+        "empty": "#dee1e1",
+        "q0": "#d8d7f9",
+        "q1": "#c1c1f7",
+        "q2": "#a193f2",
+        "q3": "#9180f4",
+        "q4": "#816fea",
+        "q5": "#6f5ed3",
+        "q6": "#5e4eba",
+        "q7": "#483a9c"
+      }
+    },
+    "growth": {
+      "carousel": {
+        "indicator": {
+          "active": "#2b68d3",
+          "inactive": "#c8cccc"
+        }
+      },
+      "education": {
+        "decorative": {
+          "aqua": "#0797ae",
+          "teal": "#08c4b2"
+        }
+      },
+      "opportunity": {
+        "background": {
+          "base": "#6f5ed3",
+          "secondary": "#515e5f",
+          "hover": "#9180f4"
+        },
+        "decorative": {
+          "green": "#0ca750",
+          "lightAqua": "#0797ae",
+          "darkAqua": "#002838",
+          "purple": "#6f5ed3"
+        },
+        "button": {
+          "primary": {
+            "base": "#a193f2",
+            "hover": "#c1c1f7"
+          }
+        },
+        "badge": {
+          "background": {
+            "base": "#6f5ed3",
+            "active": "#eaeaf9"
+          },
+          "icon": {
+            "base": "#d8d7f9",
+            "active": "#5e4eba"
+          },
+          "text": {
+            "base": "#d8d7f9"
+          }
+        }
+      },
+      "darkModal": {
+        "background": {
+          "base": "#002838"
+        },
+        "text": {
+          "base": "#ffffff"
+        },
+        "cards": {
+          "background": {
+            "base": "#ffffff",
+            "hover": "#eaeaf9"
+          },
+          "text": {
+            "base": "#364141",
+            "hover": "#273333"
+          },
+          "border": {
+            "base": "#ffffff",
+            "hover": "#6f5ed3"
+          }
+        }
+      },
+      "user": {
+        "status": {
+          "online": "#0ca750"
+        }
+      },
+      "featuredDemo": {
+        "background": {
+          "primary": {
+            "base": "#679eff",
+            "hover": "#deebfe"
+          },
+          "secondary": {
+            "base": "#9180f4",
+            "hover": "#eaeaf9"
+          }
+        }
+      }
+    },
+    "app": {
+      "background": {
+        "base": "#162020"
+      }
+    },
+    "link": {
+      "base": "#679eff",
+      "hover": "#a1c2f8"
+    },
+    "text": {
+      "headline": "#ffffff",
+      "subtext": "#dee1e1",
+      "body": "#f3f4f4",
+      "inverse": "#273333",
+      "error": "#ffd5d2",
+      "background": {
+        "highlight": "#944c0c",
+        "selection": "#1150aa"
+      },
+      "decorative": {
+        "green": "#d7f4d7",
+        "blue": "#deebfe",
+        "purple": "#eaeaf9",
+        "yellow": "#fdefcd",
+        "orange": "#fcdccc",
+        "red": "#ffd5d2",
+        "neutral": "#f3f4f4",
+        "magenta": "#f9e3fc",
+        "pink": "#fcdbeb",
+        "aqua": "#c5f9f9",
+        "teal": "#cdf7ef"
+      },
+      "ai_generated": "#ffffff"
+    },
+    "menuItem": {
+      "background": {
+        "active": "#515e5f"
+      }
+    },
+    "elevation": {
+      "base": "rgb(from #040404 r g b / calc(255 / 255))"
+    },
+    "userStatus": {
+      "online": "#59cb59",
+      "offline": "#f76054",
+      "unavailable": "#929a9b"
+    },
+    "analytics": {
+      "trend": {
+        "positive": "#08c4b2",
+        "neutral": "#f3f4f4",
+        "negative": "#f3f4f4"
+      },
+      "overlay": {
+        "background": {
+          "base": "color-mix(in srgb, #273333, transparent 20%)"
+        }
+      }
+    },
+    "cardControl": {
+      "background": {
+        "base": "#273333",
+        "selected": "#515e5f",
+        "hover": "#364141"
+      },
+      "text": {
+        "selected": "#f3f4f4"
+      }
+    },
+    "tags": {
+      "collections": {
+        "background": {
+          "base": "#364141"
+        }
+      }
+    },
+    "PLACEHOLDER": "#364141"
+  },
+  "radii": {
+    "inner": "6px",
+    "outer": "8px",
+    "pill": "999999px"
+  },
+  "shadows": {
+    "low": "0px 2px 4px rgb(from #040404 r g b / calc(255 / 255))",
+    "medium": "0px 8px 16px rgb(from #040404 r g b / calc(255 / 255))",
+    "high": "0px 16px 32px rgb(from #040404 r g b / calc(255 / 255))"
+  },
+  "mode": "dark",
+  "css": {
+    "background": "#162020",
+    "foreground": "#f3f4f4",
+    "card": "#273333",
+    "card-foreground": "#ffffff",
+    "popover": "#273333",
+    "popover-foreground": "#f3f4f4",
+    "primary": "#679eff",
+    "primary-foreground": "#273333",
+    "secondary": "#040404",
+    "secondary-foreground": "#f3f4f4",
+    "muted": "#162020",
+    "muted-foreground": "#dee1e1",
+    "accent": "#364141",
+    "accent-foreground": "#f3f4f4",
+    "destructive": "#ff7f6e",
+    "destructive-foreground": "#273333",
+    "border": "#040404",
+    "input": "#929a9b",
+    "ring": "#ffffff",
+    "radius": "6px",
+    "sidebar": "#162020",
+    "sidebar-foreground": "#ffffff",
+    "sidebar-primary": "#515e5f",
+    "sidebar-primary-foreground": "#ffffff",
+    "sidebar-accent": "#040404",
+    "sidebar-accent-foreground": "#ffffff",
+    "sidebar-border": "#040404",
+    "sidebar-ring": "#ffffff",
+    "chart-1": "#24e0c5",
+    "chart-2": "#a193f2",
+    "chart-3": "#ff76ae",
+    "chart-4": "#ffcd1c",
+    "chart-5": "#679eff"
+  }
+}