ThemeDemo: Add transparent to ThemeDemo (#66994)

2 years ago · 1ff9c47c7b
parent eddd4f4508
commit 1ff9c47c7b
1 changed files with 12 additions and 0 deletions
--- a/packages/grafana-ui/src/components/ThemeDemos/ThemeDemo.tsx
+++ b/packages/grafana-ui/src/components/ThemeDemos/ThemeDemo.tsx
@ -121,6 +121,7 @@ export const ThemeDemo = () => {
                  <td>name</td>
                  <td>main</td>
                  <td>shade (used for hover)</td>
+                  <td>transparent</td>
                  <td>border & text</td>
                </tr>
              </thead>
@ -250,6 +251,17 @@ export function RichColorDemo({ theme, color }: RichColorDemoProps) {
          {color.shade}
        </div>
      </td>
+      <td>
+        <div
+          className={css`
+            background: ${color.transparent};
+            border-radius: 4px;
+            padding: 8px;
+          `}
+        >
+          {color.shade}
+        </div>
+      </td>
      <td>
        <div
          className={css`