Moonlight-Panel/Servers
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated use of theme styles to fix missing colors

Browse Source
This commit is contained in:
ChiaraBm
2025-05-11 00:00:32 +02:00
parent 33b233d0c5
commit d33e7bf295
9 changed files with 49 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -435,3 +435,4 @@ nupkgs/
# Local plugin build
tmp/
style.min.css

4
MoonlightServers.Frontend/UI/Components/Nodes/UpdateNodePartials/AllocationsNodeUpdate.razor
View File

@@ -41,11 +41,11 @@
<ColumnTemplate>
<div class="flex justify-end items-center">
<a @onclick="() => UpdateAllocation(context)" @onclick:preventDefault href="#"
class="text-primary-500 mr-2 sm:mr-3">
class="text-primary mr-2 sm:mr-3">
<i class="icon-pencil text-base"></i>
</a>
<a @onclick="() => DeleteAllocation(context)" @onclick:preventDefault href="#"
class="text-danger-500">
class="text-danger">
<i class="icon-trash text-base"></i>
</a>
</div>

26
MoonlightServers.Frontend/UI/Components/Servers/ServerCard.razor
View File

@@ -13,21 +13,21 @@
{
gradient = Status.State switch
{
ServerState.Installing => "from-primary-600/20",
ServerState.Offline => "from-danger-600/20",
ServerState.Starting => "from-warning-600/20",
ServerState.Stopping => "from-warning-600/20",
ServerState.Online => "from-success-600/20",
ServerState.Installing => "from-primary/20",
ServerState.Offline => "from-danger/20",
ServerState.Starting => "from-warning/20",
ServerState.Stopping => "from-warning/20",
ServerState.Online => "from-success/20",
_ => "from-gray-600/20"
};
border = Status.State switch
{
ServerState.Installing => "border-primary-600",
ServerState.Offline => "border-danger-600",
ServerState.Starting => "border-warning-600",
ServerState.Stopping => "border-warning-600",
ServerState.Online => "border-success-600",
ServerState.Installing => "border-primary",
ServerState.Offline => "border-danger",
ServerState.Starting => "border-warning",
ServerState.Stopping => "border-warning",
ServerState.Online => "border-success",
_ => "border-gray-600"
};
}
@@ -90,7 +90,7 @@
}
else if (IsFailed)
{
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger-500">
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger">
<div>
<i class="icon-cable"></i>
</div>
@@ -100,7 +100,7 @@
}
else if (IsLoaded && !IsFailed && Status.State is ServerState.Offline)
{
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger-500">
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger">
<div>
<i class="icon-power-off"></i>
</div>
@@ -110,7 +110,7 @@
}
else if (IsLoaded && !IsFailed && Status.State is ServerState.Installing)
{
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary-500">
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary">
<div>
<i class="icon-hammer"></i>
</div>

20
MoonlightServers.Frontend/UI/Components/Servers/TestServerCrd.razor
View File

@@ -2,19 +2,19 @@
@{
var gradient = Status switch
{
4 => "from-primary-600/20",
3 => "from-danger-600/20",
2 => "from-warning-600/20",
1 => "from-success-600/20",
4 => "from-primary/20",
3 => "from-danger/20",
2 => "from-warning/20",
1 => "from-success/20",
_ => "from-gray-600/20"
};
var border = Status switch
{
4 => "border-primary-600",
3 => "border-danger-600",
2 => "border-warning-600",
1 => "border-success-600",
4 => "border-primary",
3 => "border-danger",
2 => "border-warning",
1 => "border-success",
_ => "border-gray-600"
};
}
@@ -71,7 +71,7 @@
}
else if (Status == 3)
{
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger-500">
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-danger">
<div>
<i class="icon-power-off"></i>
</div>
@@ -81,7 +81,7 @@
}
else if (Status == 4)
{
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary-500">
<div class="bg-gray-900 bg-opacity-45 py-1 px-2 rounded-lg flex flex-row text-primary">
<div>
<i class="icon-hammer"></i>
</div>

4
MoonlightServers.Frontend/UI/Views/Admin/All/Index.razor
View File

@@ -57,12 +57,12 @@
<DataTableColumn TItem="ServerDetailResponse">
<ColumnTemplate>
<div class="flex justify-end">
<a href="/admin/servers/all/update/@(context.Id)" class="text-primary-500 mr-2 sm:mr-3">
<a href="/admin/servers/all/update/@(context.Id)" class="text-primary mr-2 sm:mr-3">
<i class="icon-pencil text-base"></i>
</a>
<a href="#" @onclick="() => Delete(context)" @onclick:preventDefault
class="text-danger-500">
class="text-danger">
<i class="icon-trash text-base"></i>
</a>
</div>

18
MoonlightServers.Frontend/UI/Views/Admin/Nodes/Index.razor
View File

@@ -34,7 +34,7 @@
<DataTableColumn TItem="NodeDetailResponse" Field="@(x => x.Id)" Name="Id"/>
<DataTableColumn TItem="NodeDetailResponse" Field="@(x => x.Name)" Name="Name">
<ColumnTemplate>
<a class="text-primary-500" href="/admin/servers/nodes/update/@(context.Id)">
<a class="text-primary" href="/admin/servers/nodes/update/@(context.Id)">
@context.Name
</a>
</ColumnTemplate>
@@ -55,7 +55,7 @@
{
if (data == null)
{
<span class="text-danger-500">
<span class="text-danger">
<i class="icon-server-offg text-base me-1 align-middle"></i>
<span class="align-middle">
API Error
@@ -66,14 +66,14 @@
{
if (data.RoundtripSuccess)
{
<span class="text-success-500">
<span class="text-success">
<i class="icon-check text-base me-1 align-middle"></i>
<span class="align-middle">Online (@(data.Version))</span>
</span>
}
else
{
<span class="text-danger-500">
<span class="text-danger">
<i class="icon-server-off text-base me-1 align-middle"></i>
<span class="align-middle">
Error
@@ -99,7 +99,7 @@
ColumnCss="p-2 text-left font-normal hidden xl:table-cell">
<ColumnTemplate>
<div>
<i class="icon-cpu text-lg me-1 align-middle text-primary-500"></i>
<i class="icon-cpu text-lg me-1 align-middle text-primary"></i>
<span class="align-middle">33% of 6 Cores</span>
</div>
</ColumnTemplate>
@@ -109,7 +109,7 @@
ColumnCss="p-2 text-left font-normal hidden xl:table-cell">
<ColumnTemplate>
<div>
<i class="icon-memory-stick text-lg me-1 align-middle text-primary-500"></i>
<i class="icon-memory-stick text-lg me-1 align-middle text-primary"></i>
<span class="align-middle">1.56GB / 64GB</span>
</div>
</ColumnTemplate>
@@ -119,7 +119,7 @@
ColumnCss="p-2 text-left font-normal hidden xl:table-cell">
<ColumnTemplate>
<div>
<i class="icon-hard-drive text-lg me-1 align-middle text-primary-500"></i>
<i class="icon-hard-drive text-lg me-1 align-middle text-primary"></i>
<span class="align-middle">78.68GB / 1TB</span>
</div>
</ColumnTemplate>
@@ -127,12 +127,12 @@
<DataTableColumn TItem="NodeDetailResponse">
<ColumnTemplate>
<div class="flex justify-end">
<a href="/admin/servers/nodes/update/@(context.Id)" class="text-primary-500 mr-2 sm:mr-3">
<a href="/admin/servers/nodes/update/@(context.Id)" class="text-primary mr-2 sm:mr-3">
<i class="icon-pencil text-base"></i>
</a>
<a href="#" @onclick="() => Delete(context)" @onclick:preventDefault
class="text-danger-500">
class="text-danger">
<i class="icon-trash text-base"></i>
</a>
</div>

10
MoonlightServers.Frontend/UI/Views/Admin/Stars/Index.razor
View File

@@ -40,7 +40,7 @@
<DataTableColumn TItem="StarDetailResponse" Field="@(x => x.Id)" Name="Id"/>
<DataTableColumn TItem="StarDetailResponse" Field="@(x => x.Name)" Name="Name">
<ColumnTemplate>
<a class="text-primary-500" href="/admin/servers/stars/update/@(context.Id)">
<a class="text-primary" href="/admin/servers/stars/update/@(context.Id)">
@context.Name
</a>
</ColumnTemplate>
@@ -60,23 +60,23 @@
@if (!string.IsNullOrEmpty(context.UpdateUrl))
{
<a href="#" @onclick:preventDefault class="text-tertiary-500 mr-3">
<a href="#" @onclick:preventDefault class="text-tertiary mr-3">
<i class="icon-refresh-cw align-middle"></i>
<span class="align-middle">Update</span>
</a>
}
<a href="#" @onclick="() => Export(context)" @onclick:preventDefault class="text-success-500 mr-3">
<a href="#" @onclick="() => Export(context)" @onclick:preventDefault class="text-success mr-3">
<i class="icon-download align-middle"></i>
<span class="align-middle">Export</span>
</a>
<a href="/admin/servers/stars/update/@(context.Id)" class="text-primary-500 mr-2 sm:mr-3">
<a href="/admin/servers/stars/update/@(context.Id)" class="text-primary mr-2 sm:mr-3">
<i class="icon-pencil text-base"></i>
</a>
<a href="#" @onclick="() => Delete(context)" @onclick:preventDefault
class="text-danger-500">
class="text-danger">
<i class="icon-trash text-base"></i>
</a>
</div>

10
MoonlightServers.Frontend/UI/Views/Client/Manage.razor
View File

@@ -38,11 +38,11 @@
@{
var bgColor = State switch
{
ServerState.Installing => "bg-primary-500",
ServerState.Offline => "bg-danger-500",
ServerState.Starting => "bg-warning-500",
ServerState.Stopping => "bg-warning-500",
ServerState.Online => "bg-success-500",
ServerState.Installing => "bg-primary",
ServerState.Offline => "bg-danger",
ServerState.Starting => "bg-warning",
ServerState.Stopping => "bg-warning",
ServerState.Online => "bg-success",
_ => "bg-gray-500"
};
}

3
plugin.json
View File

@@ -13,8 +13,7 @@
"MoonlightServers.Shared.dll"
]
},
"bundledStyles": [
"css/MoonlightServers.min.css",
"styles": [
"css/XtermBlazor.min.css"
],
"scripts": [