oscar-surf/misskey
oscar-surf/misskey
0
0
Fork 0
Code Issues Activity

fix(auth): css variable problem

Browse source
This commit is contained in:
オスカー、 2024-10-28 16:04:46 +09:00
parent 55179f6d44
commit f668ef2540
No known key found for this signature in database
GPG key ID: 139D6573F92DA9F7
3 changed files with 23 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

30
packages/frontend/src/components/MkAuthConfirm.vue
View file

@ -286,7 +286,7 @@ defineExpose({
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: color-mix(in srgb, var(--MI_THEME-panel), transparent 50%); background-color: color-mix(in srgb, var(--panel), transparent 50%);
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -316,15 +316,15 @@ defineExpose({
.icon { .icon {
border-radius: 50%; border-radius: 50%;
border: 1px solid var(--MI_THEME-divider); border: 1px solid var(--divider);
background-color: #fff; background-color: #fff;
object-fit: contain; object-fit: contain;
} }
.iconFallback { .iconFallback {
border-radius: 50%; border-radius: 50%;
background-color: var(--MI_THEME-accentedBg); background-color: var(--accentedBg);
color: var(--MI_THEME-accent); color: var(--accent);
text-align: center; text-align: center;
line-height: 54px; line-height: 54px;
font-size: 18px; font-size: 18px;
@ -344,16 +344,16 @@ defineExpose({
.permissionRoot { .permissionRoot {
padding: 16px; padding: 16px;
border-radius: var(--MI-radius); border-radius: var(--radius);
background-color: var(--MI_THEME-bg); background-color: var(--bg);
} }
.permissionListWrapper { .permissionListWrapper {
max-height: 350px; max-height: 350px;
overflow-y: auto; overflow-y: auto;
padding: 12px; padding: 12px;
border-radius: var(--MI-radius); border-radius: var(--radius);
background-color: var(--MI_THEME-panel); background-color: var(--panel);
} }
.permissionList { .permissionList {
@ -369,8 +369,8 @@ defineExpose({
} }
.accountSelectorList { .accountSelectorList {
border-radius: var(--MI-radius); border-radius: var(--radius);
border: 1px solid var(--MI_THEME-divider); border: 1px solid var(--divider);
overflow: hidden; overflow: hidden;
overflow: clip; overflow: clip;
} }
@ -381,7 +381,7 @@ defineExpose({
pointer-events: none; pointer-events: none;
&:focus-visible + .accountSelectorItem { &:focus-visible + .accountSelectorItem {
outline: 2px solid var(--MI_THEME-accent); outline: 2px solid var(--accent);
outline-offset: -4px; outline-offset: -4px;
} }
@ -390,7 +390,7 @@ defineExpose({
} }
&:checked + .accountSelectorItem { &:checked + .accountSelectorItem {
background: var(--MI_THEME-accent); background: var(--accent);
color: #fff; color: #fff;
} }
} }
@ -404,7 +404,7 @@ defineExpose({
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background: var(--MI_THEME-buttonHoverBg); background: var(--buttonHoverBg);
} }
&.static { &.static {
@ -431,8 +431,8 @@ defineExpose({
} }
.accountSelectorAddAccountAvatar { .accountSelectorAddAccountAvatar {
background-color: var(--MI_THEME-accentedBg); background-color: var(--accentedBg);
color: var(--MI_THEME-accent); color: var(--accent);
font-size: 16px; font-size: 16px;
line-height: 45px; line-height: 45px;
text-align: center; text-align: center;

12
packages/frontend/src/pages/miauth.vue
View file

@ -95,8 +95,8 @@ definePageMetadata(() => ({
.form { .form {
position: relative; position: relative;
z-index: 10; z-index: 10;
border-radius: var(--MI-radius); border-radius: var(--radius);
background-color: var(--MI_THEME-panel); background-color: var(--panel);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
overflow: clip; overflow: clip;
max-width: 500px; max-width: 500px;
@ -107,15 +107,15 @@ definePageMetadata(() => ({
.redirectRoot { .redirectRoot {
padding: 16px; padding: 16px;
border-radius: var(--MI-radius); border-radius: var(--radius);
background-color: var(--MI_THEME-bg); background-color: var(--bg);
} }
.redirectUrl { .redirectUrl {
font-size: 90%; font-size: 90%;
padding: 12px; padding: 12px;
border-radius: var(--MI-radius); border-radius: var(--radius);
background-color: var(--MI_THEME-panel); background-color: var(--panel);
overflow-x: scroll; overflow-x: scroll;
} }
</style> </style>

4
packages/frontend/src/pages/oauth.vue
View file

@ -91,8 +91,8 @@ definePageMetadata(() => ({
.form { .form {
position: relative; position: relative;
z-index: 10; z-index: 10;
border-radius: var(--MI-radius); border-radius: var(--radius);
background-color: var(--MI_THEME-panel); background-color: var(--panel);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
overflow: clip; overflow: clip;
max-width: 500px; max-width: 500px;