mirror of
https://github.com/grafana/grafana.git
synced 2026-09-05 04:40:13 -05:00
ThemeDemo: Add transparent to ThemeDemo (#66994)
This commit is contained in:
@@ -121,6 +121,7 @@ export const ThemeDemo = () => {
|
|||||||
<td>name</td>
|
<td>name</td>
|
||||||
<td>main</td>
|
<td>main</td>
|
||||||
<td>shade (used for hover)</td>
|
<td>shade (used for hover)</td>
|
||||||
|
<td>transparent</td>
|
||||||
<td>border & text</td>
|
<td>border & text</td>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
@@ -250,6 +251,17 @@ export function RichColorDemo({ theme, color }: RichColorDemoProps) {
|
|||||||
{color.shade}
|
{color.shade}
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
|
<td>
|
||||||
|
<div
|
||||||
|
className={css`
|
||||||
|
background: ${color.transparent};
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 8px;
|
||||||
|
`}
|
||||||
|
>
|
||||||
|
{color.shade}
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<div
|
<div
|
||||||
className={css`
|
className={css`
|
||||||
|
|||||||
Reference in New Issue
Block a user