Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-04-14 23:11:31 -05:00
Code Issues Activity

fix(console): improve "try it" button style in protected app details page (#5351)

Browse source 
fix(console): "try it" button style
This commit is contained in:
Charles Zhao 2024-01-31 14:41:09 +08:00 • committed by GitHub
parent 1d20a3a1ff
commit 75f4341e17
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/ProtectedAppSettings/index.module.scss
View file

@ -6,7 +6,7 @@
justify-content: space-between;
padding: _.unit(3) _.unit(4);
background: var(--color-success-container);
border: 1px solid var(--color-on-success-container);
border: 1px solid var(--color-success-60);
border-radius: 8px;
font: var(--font-body-2);
gap: _.unit(4);
@ -16,10 +16,23 @@
}
.button {
background: var(--color-on-success-container);
background: var(--color-success-60);
color: var(--color-static-white);
border: none;
flex-shrink: 0;
gap: _.unit(1.5);
svg {
color: rgba(#fff, 0.6);
}
&:active {
background: var(--color-success-50);
}
&:not(:disabled):not(:active):hover {
background: var(--color-success-70);
}
}
}

4
packages/toolkit/core-kit/scss/_console-themes.scss
View file

@ -92,6 +92,7 @@
--color-alert-99: #fff5eb;
// color aliases
--color-static-white: #fff;
--color-primary: var(--color-primary-40);
--color-on-primary: var(--color-all-100);
--color-primary-container: var(--color-primary-90);
@ -189,7 +190,7 @@
// Background
--color-bg-body-base: var(--color-neutral-95);
--color-bg-body: var(--color-neutral-100);
--color-bg-layer-1: var(--color-static-white);
--color-bg-layer-1: var(--color-all-100);
--color-bg-layer-2: var(--color-neutral-95);
--color-bg-body-overlay: var(--color-neutral-100);
--color-bg-float-base: var(--color-neutral-variant-90);
@ -296,6 +297,7 @@
--color-alert-99: #2b1700;
// color aliases
--color-static-white: #fff;
--color-primary: var(--color-primary-70);
--color-on-primary: var(--color-all-0);
--color-primary-container: var(--color-primary-30);