sendnrw/misskey
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(frontend): prefix css variables (#14725)

Browse Source 
* wip

* Update index.d.ts

* remove unnecessary codes
This commit is contained in:
syuilo
2024-10-09 18:08:14 +09:00
committed by GitHub
parent 0ad31bd5d4
commit 4a356f1ba7
280 changed files with 1076 additions and 1093 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/frontend/src/widgets/WidgetAiscript.vue
View File

@@ -126,10 +126,10 @@ defineExpose<WidgetComponentExpose>({
max-width: 100%;
min-width: 100%;
padding: 16px;
color: var(--fg);
color: var(--MI_THEME-fg);
background: transparent;
border: none;
border-bottom: solid 0.5px var(--divider);
border-bottom: solid 0.5px var(--MI_THEME-divider);
border-radius: 0;
box-sizing: border-box;
font: inherit;
@@ -154,7 +154,7 @@ defineExpose<WidgetComponentExpose>({
}
> .logs {
border-top: solid 0.5px var(--divider);
border-top: solid 0.5px var(--MI_THEME-divider);
text-align: left;
padding: 16px;

2
packages/frontend/src/widgets/WidgetCalendar.vue
View File

@@ -207,7 +207,7 @@ defineExpose<WidgetComponentExpose>({
.meter {
width: 100%;
overflow: hidden;
background: var(--X11);
background: var(--MI_THEME-X11);
border-radius: 8px;
}

4
packages/frontend/src/widgets/WidgetFederation.vue
View File

@@ -105,7 +105,7 @@ defineExpose<WidgetComponentExpose>({
display: flex;
align-items: center;
padding: 14px 16px;
border-bottom: solid 0.5px var(--divider);
border-bottom: solid 0.5px var(--MI_THEME-divider);
> img {
display: block;
@@ -120,7 +120,7 @@ defineExpose<WidgetComponentExpose>({
flex: 1;
overflow: hidden;
font-size: 0.9em;
color: var(--fg);
color: var(--MI_THEME-fg);
padding-right: 8px;
> .a {

8
packages/frontend/src/widgets/WidgetJobQueue.vue
View File

@@ -173,14 +173,14 @@ defineExpose<WidgetComponentExpose>({
padding: 16px;
&:not(:first-child) {
border-top: solid 0.5px var(--divider);
border-top: solid 0.5px var(--MI_THEME-divider);
}
> .label {
display: flex;
> .icon {
color: var(--warn);
color: var(--MI_THEME-warn);
margin-left: auto;
animation: warnBlink 1s infinite;
}
@@ -198,11 +198,11 @@ defineExpose<WidgetComponentExpose>({
> div:last-child {
&.inc {
color: var(--warn);
color: var(--MI_THEME-warn);
}
&.dec {
color: var(--success);
color: var(--MI_THEME-success);
}
}
}

4
packages/frontend/src/widgets/WidgetMemo.vue
View File

@@ -84,10 +84,10 @@ defineExpose<WidgetComponentExpose>({
max-width: 100%;
min-width: 100%;
padding: 16px;
color: var(--fg);
color: var(--MI_THEME-fg);
background: transparent;
border: none;
border-bottom: solid 0.5px var(--divider);
border-bottom: solid 0.5px var(--MI_THEME-divider);
border-radius: 0;
box-sizing: border-box;
font: inherit;

2
packages/frontend/src/widgets/WidgetOnlineUsers.vue
View File

@@ -72,6 +72,6 @@ defineExpose<WidgetComponentExpose>({
}
.text {
color: var(--fgTransparentWeak);
color: var(--MI_THEME-fgTransparentWeak);
}
</style>

2
packages/frontend/src/widgets/WidgetRss.vue
View File

@@ -113,7 +113,7 @@ defineExpose<WidgetComponentExpose>({
.item {
display: block;
padding: 8px 16px;
color: var(--fg);
color: var(--MI_THEME-fg);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

4
packages/frontend/src/widgets/WidgetRssTicker.vue
View File

@@ -171,7 +171,7 @@ defineExpose<WidgetComponentExpose>({
display: inline-flex;
align-items: center;
vertical-align: bottom;
color: var(--fg);
color: var(--MI_THEME-fg);
}
.divider {
@@ -179,6 +179,6 @@ defineExpose<WidgetComponentExpose>({
width: 0.5px;
height: 16px;
margin: 0 1em;
background: var(--divider);
background: var(--MI_THEME-divider);
}
</style>

4
packages/frontend/src/widgets/WidgetTrends.vue
View File

@@ -91,13 +91,13 @@ defineExpose<WidgetComponentExpose>({
display: flex;
align-items: center;
padding: 14px 16px;
border-bottom: solid 0.5px var(--divider);
border-bottom: solid 0.5px var(--MI_THEME-divider);
> .tag {
flex: 1;
overflow: hidden;
font-size: 0.9em;
color: var(--fg);
color: var(--MI_THEME-fg);
> .a {
display: block;