misty.cafe/mistykey
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

probably fix most renamed CSS variables

Browse source
This commit is contained in:
dakkar 2024-11-08 17:18:29 +00:00
parent 544fc3239f
commit a930fd9758
147 changed files with 399 additions and 400 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/frontend/src/pages/_error_.vue
View file

@ -83,6 +83,6 @@ definePageMetadata(() => ({
vertical-align: bottom;
height: 128px;
margin-bottom: 24px;
border-radius: var(--radius-md);
border-radius: var(--MI-radius-md);
}
</style>

22
packages/frontend/src/pages/about-sharkey.vue
View file

@ -266,7 +266,7 @@ definePageMetadata(() => ({
.znqjceqz {
> .about {
position: relative;
border-radius: var(--radius);
border-radius: var(--MI-radius);
> .treasure {
position: absolute;
@ -305,7 +305,7 @@ definePageMetadata(() => ({
display: block;
width: 80px;
margin: 0 auto;
border-radius: var(--radius-md);
border-radius: var(--MI-radius-md);
position: relative;
z-index: 1;
transform: translateX(-10%);
@ -355,23 +355,23 @@ definePageMetadata(() => ({
display: flex;
align-items: center;
padding: 12px;
background: var(--buttonBg);
border-radius: var(--radius-sm);
background: var(--MI_THEME-buttonBg);
border-radius: var(--MI-radius-sm);
&:hover {
text-decoration: none;
background: var(--buttonHoverBg);
background: var(--MI_THEME-buttonHoverBg);
}
&.active {
color: var(--accent);
background: var(--buttonHoverBg);
color: var(--MI_THEME-accent);
background: var(--MI_THEME-buttonHoverBg);
}
}
.contributorAvatar {
width: 30px;
border-radius: var(--radius-full);
border-radius: var(--MI-radius-full);
}
.contributorUsername {
@ -388,13 +388,13 @@ definePageMetadata(() => ({
display: flex;
align-items: center;
padding: 12px;
background: var(--buttonBg);
border-radius: var(--radius-sm);
background: var(--MI_THEME-buttonBg);
border-radius: var(--MI-radius-sm);
}
.patronIcon {
width: 24px;
border-radius: var(--radius-full);
border-radius: var(--MI-radius-full);
}
.patronName {

18
packages/frontend/src/pages/about.overview.vue
View file

@ -170,7 +170,7 @@ await misskeyApi('sponsors', { instance: true }).then((res) => sponsors.value.pu
<style lang="scss" module>
.banner {
text-align: center;
border-radius: var(--radius);
border-radius: var(--MI-radius);
overflow: clip;
background-color: var(--MI_THEME-panel);
background-size: cover;
@ -181,7 +181,7 @@ await misskeyApi('sponsors', { instance: true }).then((res) => sponsors.value.pu
display: block;
margin: 16px auto 0 auto;
max-height: 96px;
border-radius: var(--radius-sm);;
border-radius: var(--MI-radius-sm);;
}
.bannerName {
@ -220,7 +220,7 @@ await misskeyApi('sponsors', { instance: true }).then((res) => sponsors.value.pu
font-weight: bold;
align-items: center;
justify-content: center;
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
}
}
@ -238,23 +238,23 @@ await misskeyApi('sponsors', { instance: true }).then((res) => sponsors.value.pu
display: flex;
align-items: center;
padding: 12px;
background: var(--buttonBg);
border-radius: var(--radius-sm);
background: var(--MI_THEME-buttonBg);
border-radius: var(--MI-radius-sm);
&:hover {
text-decoration: none;
background: var(--buttonHoverBg);
background: var(--MI_THEME-buttonHoverBg);
}
&.active {
color: var(--accent);
background: var(--buttonHoverBg);
color: var(--MI_THEME-accent);
background: var(--MI_THEME-buttonHoverBg);
}
}
.contributorAvatar {
width: 30px;
border-radius: var(--radius-full);
border-radius: var(--MI-radius-full);
}
.contributorUsername {

12
packages/frontend/src/pages/admin-user.vue
View file

@ -605,7 +605,7 @@ definePageMetadata(() => ({
> .suspended, > .silenced, > .moderator {
display: inline-block;
border: solid 1px;
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
padding: 2px 6px;
font-size: 85%;
}
@ -644,13 +644,13 @@ definePageMetadata(() => ({
.casdwq {
.silenced {
color: var(--warn);
border-color: var(--warn);
color: var(--MI_THEME-warn);
border-color: var(--MI_THEME-warn);
}
.moderator {
color: var(--success);
border-color: var(--success);
color: var(--MI_THEME-success);
border-color: var(--MI_THEME-success);
}
}
</style>
@ -694,7 +694,7 @@ definePageMetadata(() => ({
.announcementItem {
display: flex;
padding: 8px 12px;
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
cursor: pointer;
}
</style>

4
packages/frontend/src/pages/admin/_header_.vue
View file

@ -182,7 +182,7 @@ onUnmounted(() => {
width: calc(var(--height) - (var(--margin) * 2));
box-sizing: border-box;
position: relative;
border-radius: var(--radius-xs);
border-radius: var(--MI-radius-xs);
&:hover {
background: rgba(0, 0, 0, 0.05);
@ -287,7 +287,7 @@ onUnmounted(() => {
bottom: 0;
height: 3px;
background: var(--MI_THEME-accent);
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
transition: all 0.2s ease;
pointer-events: none;
}

2
packages/frontend/src/pages/admin/index.vue
View file

@ -366,7 +366,7 @@ defineExpose({
display: block;
margin: auto;
height: 42px;
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
}
}
}

2
packages/frontend/src/pages/admin/modlog.ModLog.vue
View file

@ -215,7 +215,7 @@ const props = defineProps<{
.diff {
background: #fff;
color: #000;
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
overflow: clip;
}

2
packages/frontend/src/pages/admin/overview.federation.vue
View file

@ -153,7 +153,7 @@ onMounted(async () => {
margin-right: 12px;
background: var(--MI_THEME-accentedBg);
color: var(--MI_THEME-accent);
border-radius: var(--radius);
border-radius: var(--MI-radius);
}
&.sub {

2
packages/frontend/src/pages/admin/overview.stats.vue
View file

@ -116,7 +116,7 @@ onMounted(async () => {
margin-right: 12px;
background: var(--MI_THEME-accentedBg);
color: var(--MI_THEME-accent);
border-radius: var(--radius);
border-radius: var(--MI-radius);
}
&.users {

4
packages/frontend/src/pages/admin/server-rules.vue
View file

@ -104,7 +104,7 @@ definePageMetadata(() => ({
height: 28px;
align-items: center;
justify-content: center;
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
margin-right: 8px;
}
@ -119,7 +119,7 @@ definePageMetadata(() => ({
height: 40px;
color: var(--MI_THEME-error);
margin-left: auto;
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
&:hover {
background: var(--MI_THEME-X5);

2
packages/frontend/src/pages/antenna-timeline.vue
View file

@ -111,7 +111,7 @@ definePageMetadata(() => ({
display: block;
margin: var(--MI-margin) auto 0 auto;
padding: 8px 16px;
border-radius: var(--radius-xl);
border-radius: var(--MI-radius-xl);
}
.tl {

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

@ -352,7 +352,7 @@ definePageMetadata(() => ({
padding: 8px 12px;
font-size: 80%;
background: rgba(0, 0, 0, 0.7);
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
color: #fff;
}
@ -367,7 +367,7 @@ definePageMetadata(() => ({
left: 16px;
background: rgba(0, 0, 0, 0.7);
color: var(--MI_THEME-warn);
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
font-weight: bold;
font-size: 1em;
padding: 4px 7px;

2
packages/frontend/src/pages/drive.file.info.vue
View file

@ -258,7 +258,7 @@ onMounted(async () => {
.fileQuickActionsOthersButton {
padding: .5rem;
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
&:hover,
&:focus-visible {

2
packages/frontend/src/pages/emoji-edit-dialog.vue
View file

@ -212,7 +212,7 @@ async function del() {
.imgContainer {
padding: 8px;
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
}
.img {

2
packages/frontend/src/pages/emojis.emoji.vue
View file

@ -59,7 +59,7 @@ function menu(ev) {
padding: 12px;
text-align: left;
background: var(--MI_THEME-panel);
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
&:hover {
border-color: var(--MI_THEME-accent);

2
packages/frontend/src/pages/follow-requests.vue
View file

@ -115,7 +115,7 @@ definePageMetadata(() => ({
margin: 0 12px 0 0;
width: 42px;
height: 42px;
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
}
> .body {

4
packages/frontend/src/pages/following-feed.vue
View file

@ -226,7 +226,7 @@ definePageMetadata(() => ({
// The universal layout inserts a "spacer" thing that causes a stray scroll bar.
// We have to create fake "space" for it to "roll up" and back into the viewport, which removes the scrollbar.
margin-bottom: calc(-1 * var(--minBottomSpacing));
margin-bottom: calc(-1 * var(--MI-minBottomSpacing));
// Some "just in case" backup properties.
// These should not be needed, but help to maintain the layout if the above trick ever stops working.
@ -277,6 +277,6 @@ definePageMetadata(() => ({
}
.panel {
background: var(--panel);
background: var(--MI_THEME-panel);
}
</style>

2
packages/frontend/src/pages/instance-info.vue
View file

@ -461,7 +461,7 @@ definePageMetadata(() => ({
display: block;
margin: 0 16px 0 0;
height: 64px;
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
}
> .name {

2
packages/frontend/src/pages/invite.vue
View file

@ -115,6 +115,6 @@ definePageMetadata(() => ({
width: 128px;
height: 128px;
margin-bottom: 16px;
border-radius: var(--radius-md);
border-radius: var(--MI-radius-md);
}
</style>

2
packages/frontend/src/pages/list.vue
View file

@ -143,7 +143,7 @@ definePageMetadata(() => ({
width: 128px;
height: 128px;
margin-bottom: 16px;
border-radius: var(--radius-md);
border-radius: var(--MI-radius-md);
}
.button {

2
packages/frontend/src/pages/my-antennas/index.vue
View file

@ -74,7 +74,7 @@ onActivated(() => {
display: block;
padding: 16px;
border: solid 1px var(--MI_THEME-divider);
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
&:hover {
border: solid 1px var(--MI_THEME-accent);

2
packages/frontend/src/pages/my-lists/index.vue
View file

@ -86,7 +86,7 @@ onActivated(() => {
display: block;
padding: 16px;
border: solid 1px var(--MI_THEME-divider);
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
margin-bottom: 8px;
&:hover {

2
packages/frontend/src/pages/page-editor/page-editor.container.vue
View file

@ -62,7 +62,7 @@ function remove() {
overflow: hidden;
background: var(--MI_THEME-panel);
border: solid 2px var(--MI_THEME-X12);
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
&:hover {
border: solid 2px var(--MI_THEME-X13);

2
packages/frontend/src/pages/role.vue
View file

@ -115,6 +115,6 @@ definePageMetadata(() => ({
width: 128px;
height: 128px;
margin-bottom: 16px;
border-radius: var(--radius-md);
border-radius: var(--MI-radius-md);
}
</style>

2
packages/frontend/src/pages/settings/avatar-decoration.decoration.vue
View file

@ -45,7 +45,7 @@ const emit = defineEmits<{
cursor: pointer;
padding: 16px 16px 28px 16px;
border: solid 2px var(--MI_THEME-divider);
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
text-align: center;
font-size: 90%;
overflow: clip;

2
packages/frontend/src/pages/settings/drive-cleaner.vue
View file

@ -197,7 +197,7 @@ definePageMetadata(() => ({
height: 12px;
background: rgba(0, 0, 0, 0.1);
overflow: clip;
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
}
.meterValue {

4
packages/frontend/src/pages/settings/drive.vue
View file

@ -152,12 +152,12 @@ definePageMetadata(() => ({
.meter {
height: 10px;
background: rgba(0, 0, 0, 0.1);
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
overflow: clip;
}
.meterValue {
height: 100%;
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
}
</style>

4
packages/frontend/src/pages/settings/emoji-picker.vue
View file

@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps">
<div>
<div v-panel style="border-radius: var(--radius-sm);">
<div v-panel style="border-radius: var(--MI-radius-sm);">
<Sortable
v-model="pinnedEmojisForReaction"
:class="$style.emojis"
@ -52,7 +52,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps">
<div>
<div v-panel style="border-radius: var(--radius-sm);">
<div v-panel style="border-radius: var(--MI-radius-sm);">
<Sortable
v-model="pinnedEmojis"
:class="$style.emojis"

4
packages/frontend/src/pages/settings/theme.vue
View file

@ -175,7 +175,7 @@ definePageMetadata(() => ({
<style lang="scss" scoped>
.rfqxtzch {
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
> .toggle {
position: relative;
@ -255,7 +255,7 @@ definePageMetadata(() => ({
background-color: #E8CDA5;
opacity: 0;
transition: opacity 200ms ease-in-out !important;
border-radius: var(--radius-full);
border-radius: var(--MI-radius-full);
}
.crater--1 {

8
packages/frontend/src/pages/theme-editor.vue
View file

@ -236,7 +236,7 @@ definePageMetadata(() => ({
position: relative;
width: 64px;
height: 64px;
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
> .preview {
position: absolute;
@ -247,7 +247,7 @@ definePageMetadata(() => ({
margin: auto;
width: 42px;
height: 42px;
border-radius: var(--radius-xs);
border-radius: var(--MI-radius-xs);
box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
transition: transform 0.15s ease;
}
@ -263,10 +263,10 @@ definePageMetadata(() => ({
}
&.rounded {
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
> .preview {
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
}
}

2
packages/frontend/src/pages/timeline.vue
View file

@ -377,7 +377,7 @@ definePageMetadata(() => ({
display: block;
margin: var(--MI-margin) auto 0 auto;
padding: 8px 16px;
border-radius: var(--radius-xl);
border-radius: var(--MI-radius-xl);
}
.postForm {

2
packages/frontend/src/pages/user-list-timeline.vue
View file

@ -128,7 +128,7 @@ definePageMetadata(() => ({
display: block;
margin: var(--MI-margin) auto 0 auto;
padding: 8px 16px;
border-radius: var(--radius-xl);
border-radius: var(--MI-radius-xl);
}
.tl {

24
packages/frontend/src/pages/user/home.vue
View file

@ -423,7 +423,7 @@ onUnmounted(() => {
background-size: cover;
background-position: center;
pointer-events: none;
filter: var(--blur, blur(10px)) opacity(0.6);
filter: var(--MI-blur, blur(10px)) opacity(0.6);
// Funny CSS schenanigans to make background escape container
left: -100%;
top: -5%;
@ -446,7 +446,7 @@ onUnmounted(() => {
> .main {
position: relative;
overflow: clip;
background: color-mix(in srgb, var(--panel) 65%, transparent);
background: color-mix(in srgb, var(--MI_THEME-panel) 65%, transparent);
> .banner-container {
position: relative;
@ -481,7 +481,7 @@ onUnmounted(() => {
backdrop-filter: var(--MI-blur, blur(8px));
background: rgba(0, 0, 0, 0.2);
padding: 8px;
border-radius: var(--radius-lg);
border-radius: var(--MI-radius-lg);
> .menu {
vertical-align: bottom;
@ -534,7 +534,7 @@ onUnmounted(() => {
color: #fff;
-webkit-backdrop-filter: var(--MI-blur, blur(8px));
backdrop-filter: var(--MI-blur, blur(8px));
border-radius: var(--radius-lg);
border-radius: var(--MI-radius-lg);
padding: 4px 8px;
font-size: 80%;
}
@ -594,7 +594,7 @@ onUnmounted(() => {
> .role {
border: solid 1px var(--color, var(--MI_THEME-divider));
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
margin-right: 4px;
padding: 3px 8px;
}
@ -609,7 +609,7 @@ onUnmounted(() => {
background: transparent;
color: var(--MI_THEME-fg);
border: 1px solid var(--MI_THEME-divider);
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
padding: 8px;
line-height: 0;
@ -819,12 +819,12 @@ onUnmounted(() => {
.tab {
margin-bottom: calc(var(--margin) / 2);
padding: calc(var(--margin) / 2) 0;
background: color-mix(in srgb, var(--bg) 65%, transparent);
backdrop-filter: var(--blur, blur(15px));
border-radius: var(--radius-sm);
background: color-mix(in srgb, var(--MI_THEME-bg) 65%, transparent);
backdrop-filter: var(--MI-blur, blur(15px));
border-radius: var(--MI-radius-sm);
> button {
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
margin-left: 0.4rem;
margin-right: 0.4rem;
}
@ -836,7 +836,7 @@ onUnmounted(() => {
}
.pinnedNote:not(:last-child) {
border-bottom: solid 0.5px var(--divider);
border-bottom: solid 0.5px var(--MI_THEME-divider);
}
.infoBadges {
@ -855,7 +855,7 @@ onUnmounted(() => {
color: #fff;
background: rgba(0, 0, 0, 0.7);
font-size: 0.7em;
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
list-style-type: none;
margin-left: 0;
}

2
packages/frontend/src/pages/user/index.files.vue
View file

@ -96,7 +96,7 @@ onMounted(() => {
.img {
position: relative;
height: 128px;
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
overflow: clip;
}

2
packages/frontend/src/pages/user/lists.vue
View file

@ -45,7 +45,7 @@ const pagination = {
display: block;
padding: 16px;
border: solid 1px var(--MI_THEME-divider);
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
margin-bottom: 8px;
&:hover {

2
packages/frontend/src/pages/user/raw.vue
View file

@ -107,7 +107,7 @@ const suspended = computed(() => props.user.isSuspended ?? false);
> .moderator {
display: inline-block;
border: solid 1px;
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
padding: 2px 6px;
font-size: 85%;
}

6
packages/frontend/src/pages/welcome.entrance.a.vue
View file

@ -167,7 +167,7 @@ misskeyApiGet('federation/instances', {
background: var(--MI_THEME-acrylicPanel);
-webkit-backdrop-filter: var(--MI-blur, blur(15px));
backdrop-filter: var(--MI-blur, blur(15px));
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
overflow: clip;
width: 800px;
padding: 8px 0;
@ -187,14 +187,14 @@ misskeyApiGet('federation/instances', {
padding: 6px 12px 6px 6px;
margin: 0 10px 0 0;
background: var(--MI_THEME-panel);
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
> :global(.icon) {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 5px;
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
}
}
</style>

2
packages/frontend/src/pages/welcome.timeline.note.vue
View file

@ -92,7 +92,7 @@ onUpdated(() => {
padding: 16px;
margin: 0 0 0 auto;
max-width: max-content;
border-radius: var(--radius-md);
border-radius: var(--MI-radius-md);
}
.reactions {