paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 38 Packages Projects Releases Wiki Activity

Merge pull request #28804 from backstage/canon-imporove-styling

Browse Source 
Canon - Rename focus token
This commit is contained in:
Charles de Dreuille
2025-02-11 14:40:32 +00:00
committed by GitHub
parent 88261d8d66 8408ad93ab
commit 43b49c3766
6 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
canon-docs/src/app/(docs)/theme/theming/page.mdx
+1 -1
View File
@@ -280,7 +280,7 @@ low contrast to help as a separator with the different background colors.
</Table.Row>
<Table.Row>
<Table.Cell>
<Chip head>--canon-border-focus</Chip>
<Chip head>--canon-border-pressed</Chip>
</Table.Cell>
<Table.Cell>
Used when the component is interactive and focused.
packages/canon/src/components/Button/styles.css
+1 -1
View File
@@ -62,7 +62,7 @@
}
&:active {
box-shadow: inset 0 0 0 1px var(--canon-border-focus);
box-shadow: inset 0 0 0 1px var(--canon-border-pressed);
}
&:disabled {
packages/canon/src/components/Input/Input.styles.css
+2 -2
View File
@@ -35,9 +35,9 @@
}
.canon-Input:focus-visible {
outline-color: var(--canon-border-focus);
outline-color: var(--canon-border-pressed);
outline-width: 0px;
border-color: var(--canon-border-focus);
border-color: var(--canon-border-pressed);
}
.canon-Input[data-invalid] {
packages/canon/src/css/core.css
+2 -2
View File
@@ -102,7 +102,7 @@
/* Border Colors */
--canon-border: rgba(0, 0, 0, 0.1);
--canon-border-hover: rgba(0, 0, 0, 0.2);
--canon-border-focus: rgba(0, 0, 0, 0.4);
--canon-border-pressed: rgba(0, 0, 0, 0.4);
--canon-border-disabled: rgba(0, 0, 0, 0.1);
--canon-border-danger: #f87a7a;
--canon-border-warning: #e36d05;
@@ -143,7 +143,7 @@
/* Border Colors */
--canon-border: rgba(255, 255, 255, 0.2);
--canon-border-hover: rgba(255, 255, 255, 0.4);
--canon-border-focus: rgba(255, 255, 255, 0.5);
--canon-border-pressed: rgba(255, 255, 255, 0.5);
--canon-border-disabled: rgba(255, 255, 255, 0.2);
--canon-border-danger: #f87a7a;
--canon-border-warning: #e36d05;
packages/canon/src/css/utilities/sm.css
+1 -1
View File
@@ -38,7 +38,7 @@
}
.cu-sm-border-selected {
border-color: var(--canon-border-focus);
border-color: var(--canon-border-pressed);
border-width: 1px;
border-style: solid;
}
packages/canon/src/css/utilities/xs.css
+1 -1
View File
@@ -37,7 +37,7 @@
}
.cu-border-selected {
border-color: var(--canon-border-focus);
border-color: var(--canon-border-pressed);
border-width: 1px;
border-style: solid;
}