gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-09-19 16:17:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

Design tokens typos fix (#3587)

Browse Source
This commit is contained in:
Pavel Laptev 2024-04-23 16:20:52 +02:00 committed by GitHub
parent aa3d3cb7da
commit 683beffc1f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/src/lib/components/Button.svelte
View File

@ -238,7 +238,7 @@
.pop {
&.soft {
--btn-clr: var(--clr-theme-pop-on-container);
--btn-clr: var(--clr-theme-pop-on-bg);
--btn-bg: var(--clr-scale-pop-80);
/* if button */
&:not(.not-clickable, &:disabled):hover {
@ -261,7 +261,7 @@
.success {
&.soft {
--btn-clr: var(--clr-theme-succ-on-container);
--btn-clr: var(--clr-theme-succ-on-bg);
--btn-bg: var(--clr-scale-succ-80);
/* if button */
&:not(.not-clickable, &:disabled):hover {
@ -284,7 +284,7 @@
.error {
&.soft {
--btn-clr: var(--clr-theme-err-on-container);
--btn-clr: var(--clr-theme-err-on-bg);
--btn-bg: var(--clr-scale-err-80);
/* if button */
&:not(.not-clickable, &:disabled):hover {
@ -307,7 +307,7 @@
.warning {
&.soft {
--btn-clr: var(--clr-theme-warn-on-container);
--btn-clr: var(--clr-theme-warn-on-bg);
--btn-bg: var(--clr-scale-warn-80);
/* if button */
&:not(.not-clickable, &:disabled):hover {
@ -330,7 +330,7 @@
.purple {
&.soft {
--btn-clr: var(--clr-theme-purp-on-container);
--btn-clr: var(--clr-theme-purp-on-bg);
--btn-bg: var(--clr-scale-purp-80);
/* if button */
&:not(.not-clickable, &:disabled):hover {

8
app/src/lib/components/InfoMessage.svelte
View File

@ -158,19 +158,19 @@
}
&.error {
background-color: var(--clr-theme-err-container);
background-color: var(--clr-theme-err-bg);
}
&.pop {
background-color: var(--clr-theme-pop-container);
background-color: var(--clr-theme-pop-bg);
}
&.warning {
background-color: var(--clr-theme-warn-container);
background-color: var(--clr-theme-warn-bg);
}
&.success {
background-color: var(--clr-theme-succ-container);
background-color: var(--clr-theme-succ-bg);
}
}

2
app/src/lib/components/ProblemLoadingRepo.svelte
View File

@ -87,7 +87,7 @@
color: var(--clr-scale-ntrl-0);
gap: var(--size-12);
padding: var(--size-20);
background-color: var(--clr-theme-err-container);
background-color: var(--clr-theme-err-bg);
border-radius: var(--radius-m);
margin-bottom: var(--size-12);
}

4
app/src/lib/components/SectionCard.svelte
View File

@ -93,11 +93,11 @@
}
.success {
background: var(--clr-theme-pop-container);
background: var(--clr-theme-pop-bg);
}
.error {
background: var(--clr-theme-warn-container);
background: var(--clr-theme-warn-bg);
}
.extra-padding {
padding: var(--size-20);

2
app/src/lib/components/SomethingWentWrong.svelte
View File

@ -40,7 +40,7 @@
color: var(--clr-scale-ntrl-0);
gap: var(--size-12);
padding: var(--size-20);
background-color: var(--clr-theme-err-container);
background-color: var(--clr-theme-err-bg);
border-radius: var(--radius-m);
margin-bottom: var(--size-12);
}

10
app/src/lib/components/Tag.svelte
View File

@ -114,7 +114,7 @@
.pop {
&.soft {
color: var(--clr-theme-pop-on-container);
color: var(--clr-theme-pop-on-bg);
background: var(--clr-scale-pop-80);
/* if button */
&:not(.not-button, &:disabled):hover {
@ -134,7 +134,7 @@
.success {
&.soft {
color: var(--clr-theme-succ-on-container);
color: var(--clr-theme-succ-on-bg);
background: var(--clr-scale-succ-80);
/* if button */
&:not(.not-button, &:disabled):hover {
@ -154,7 +154,7 @@
.error {
&.soft {
color: var(--clr-theme-err-on-container);
color: var(--clr-theme-err-on-bg);
background: var(--clr-scale-err-80);
/* if button */
&:not(.not-button, &:disabled):hover {
@ -174,7 +174,7 @@
.warning {
&.soft {
color: var(--clr-theme-warn-on-container);
color: var(--clr-theme-warn-on-bg);
background: var(--clr-scale-warn-80);
/* if button */
&:not(.not-button, &:disabled):hover {
@ -194,7 +194,7 @@
.purple {
&.soft {
color: var(--clr-theme-purp-on-container);
color: var(--clr-theme-purp-on-bg);
background: var(--clr-scale-purp-80);
/* if button */
&:not(.not-button, &:disabled):hover {