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 # Local plugin build
tmp/ tmp/
style.min.css

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

@@ -41,11 +41,11 @@
<ColumnTemplate> <ColumnTemplate>
<div class="flex justify-end items-center"> <div class="flex justify-end items-center">
<a @onclick="() => UpdateAllocation(context)" @onclick:preventDefault href="#" <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> <i class="icon-pencil text-base"></i>
</a> </a>
<a @onclick="() => DeleteAllocation(context)" @onclick:preventDefault href="#" <a @onclick="() => DeleteAllocation(context)" @onclick:preventDefault href="#"
class="text-danger-500"> class="text-danger">
<i class="icon-trash text-base"></i> <i class="icon-trash text-base"></i>
</a> </a>
</div> </div>

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

@@ -13,21 +13,21 @@
{ {
gradient = Status.State switch gradient = Status.State switch
{ {
ServerState.Installing => "from-primary-600/20", ServerState.Installing => "from-primary/20",
ServerState.Offline => "from-danger-600/20", ServerState.Offline => "from-danger/20",
ServerState.Starting => "from-warning-600/20", ServerState.Starting => "from-warning/20",
ServerState.Stopping => "from-warning-600/20", ServerState.Stopping => "from-warning/20",
ServerState.Online => "from-success-600/20", ServerState.Online => "from-success/20",
_ => "from-gray-600/20" _ => "from-gray-600/20"
}; };
border = Status.State switch border = Status.State switch
{ {
ServerState.Installing => "border-primary-600", ServerState.Installing => "border-primary",
ServerState.Offline => "border-danger-600", ServerState.Offline => "border-danger",
ServerState.Starting => "border-warning-600", ServerState.Starting => "border-warning",
ServerState.Stopping => "border-warning-600", ServerState.Stopping => "border-warning",
ServerState.Online => "border-success-600", ServerState.Online => "border-success",
_ => "border-gray-600" _ => "border-gray-600"
}; };
} }
@@ -90,7 +90,7 @@
} }
else if (IsFailed) 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> <div>
<i class="icon-cable"></i> <i class="icon-cable"></i>
</div> </div>
@@ -100,7 +100,7 @@
} }
else if (IsLoaded && !IsFailed && Status.State is ServerState.Offline) 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> <div>
<i class="icon-power-off"></i> <i class="icon-power-off"></i>
</div> </div>
@@ -110,7 +110,7 @@
} }
else if (IsLoaded && !IsFailed && Status.State is ServerState.Installing) 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> <div>
<i class="icon-hammer"></i> <i class="icon-hammer"></i>
</div> </div>

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

@@ -2,19 +2,19 @@
@{ @{
var gradient = Status switch var gradient = Status switch
{ {
4 => "from-primary-600/20", 4 => "from-primary/20",
3 => "from-danger-600/20", 3 => "from-danger/20",
2 => "from-warning-600/20", 2 => "from-warning/20",
1 => "from-success-600/20", 1 => "from-success/20",
_ => "from-gray-600/20" _ => "from-gray-600/20"
}; };
var border = Status switch var border = Status switch
{ {
4 => "border-primary-600", 4 => "border-primary",
3 => "border-danger-600", 3 => "border-danger",
2 => "border-warning-600", 2 => "border-warning",
1 => "border-success-600", 1 => "border-success",
_ => "border-gray-600" _ => "border-gray-600"
}; };
} }
@@ -71,7 +71,7 @@
} }
else if (Status == 3) 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> <div>
<i class="icon-power-off"></i> <i class="icon-power-off"></i>
</div> </div>
@@ -81,7 +81,7 @@
} }
else if (Status == 4) 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> <div>
<i class="icon-hammer"></i> <i class="icon-hammer"></i>
</div> </div>

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

@@ -57,12 +57,12 @@
<DataTableColumn TItem="ServerDetailResponse"> <DataTableColumn TItem="ServerDetailResponse">
<ColumnTemplate> <ColumnTemplate>
<div class="flex justify-end"> <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> <i class="icon-pencil text-base"></i>
</a> </a>
<a href="#" @onclick="() => Delete(context)" @onclick:preventDefault <a href="#" @onclick="() => Delete(context)" @onclick:preventDefault
class="text-danger-500"> class="text-danger">
<i class="icon-trash text-base"></i> <i class="icon-trash text-base"></i>
</a> </a>
</div> </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.Id)" Name="Id"/>
<DataTableColumn TItem="NodeDetailResponse" Field="@(x => x.Name)" Name="Name"> <DataTableColumn TItem="NodeDetailResponse" Field="@(x => x.Name)" Name="Name">
<ColumnTemplate> <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 @context.Name
</a> </a>
</ColumnTemplate> </ColumnTemplate>
@@ -55,7 +55,7 @@
{ {
if (data == null) if (data == null)
{ {
<span class="text-danger-500"> <span class="text-danger">
<i class="icon-server-offg text-base me-1 align-middle"></i> <i class="icon-server-offg text-base me-1 align-middle"></i>
<span class="align-middle"> <span class="align-middle">
API Error API Error
@@ -66,14 +66,14 @@
{ {
if (data.RoundtripSuccess) if (data.RoundtripSuccess)
{ {
<span class="text-success-500"> <span class="text-success">
<i class="icon-check text-base me-1 align-middle"></i> <i class="icon-check text-base me-1 align-middle"></i>
<span class="align-middle">Online (@(data.Version))</span> <span class="align-middle">Online (@(data.Version))</span>
</span> </span>
} }
else else
{ {
<span class="text-danger-500"> <span class="text-danger">
<i class="icon-server-off text-base me-1 align-middle"></i> <i class="icon-server-off text-base me-1 align-middle"></i>
<span class="align-middle"> <span class="align-middle">
Error Error
@@ -99,7 +99,7 @@
ColumnCss="p-2 text-left font-normal hidden xl:table-cell"> ColumnCss="p-2 text-left font-normal hidden xl:table-cell">
<ColumnTemplate> <ColumnTemplate>
<div> <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> <span class="align-middle">33% of 6 Cores</span>
</div> </div>
</ColumnTemplate> </ColumnTemplate>
@@ -109,7 +109,7 @@
ColumnCss="p-2 text-left font-normal hidden xl:table-cell"> ColumnCss="p-2 text-left font-normal hidden xl:table-cell">
<ColumnTemplate> <ColumnTemplate>
<div> <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> <span class="align-middle">1.56GB / 64GB</span>
</div> </div>
</ColumnTemplate> </ColumnTemplate>
@@ -119,7 +119,7 @@
ColumnCss="p-2 text-left font-normal hidden xl:table-cell"> ColumnCss="p-2 text-left font-normal hidden xl:table-cell">
<ColumnTemplate> <ColumnTemplate>
<div> <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> <span class="align-middle">78.68GB / 1TB</span>
</div> </div>
</ColumnTemplate> </ColumnTemplate>
@@ -127,12 +127,12 @@
<DataTableColumn TItem="NodeDetailResponse"> <DataTableColumn TItem="NodeDetailResponse">
<ColumnTemplate> <ColumnTemplate>
<div class="flex justify-end"> <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> <i class="icon-pencil text-base"></i>
</a> </a>
<a href="#" @onclick="() => Delete(context)" @onclick:preventDefault <a href="#" @onclick="() => Delete(context)" @onclick:preventDefault
class="text-danger-500"> class="text-danger">
<i class="icon-trash text-base"></i> <i class="icon-trash text-base"></i>
</a> </a>
</div> </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.Id)" Name="Id"/>
<DataTableColumn TItem="StarDetailResponse" Field="@(x => x.Name)" Name="Name"> <DataTableColumn TItem="StarDetailResponse" Field="@(x => x.Name)" Name="Name">
<ColumnTemplate> <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 @context.Name
</a> </a>
</ColumnTemplate> </ColumnTemplate>
@@ -60,23 +60,23 @@
@if (!string.IsNullOrEmpty(context.UpdateUrl)) @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> <i class="icon-refresh-cw align-middle"></i>
<span class="align-middle">Update</span> <span class="align-middle">Update</span>
</a> </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> <i class="icon-download align-middle"></i>
<span class="align-middle">Export</span> <span class="align-middle">Export</span>
</a> </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> <i class="icon-pencil text-base"></i>
</a> </a>
<a href="#" @onclick="() => Delete(context)" @onclick:preventDefault <a href="#" @onclick="() => Delete(context)" @onclick:preventDefault
class="text-danger-500"> class="text-danger">
<i class="icon-trash text-base"></i> <i class="icon-trash text-base"></i>
</a> </a>
</div> </div>

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

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

3
plugin.json
View File

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