Skip to content
This repository was archived by the owner on Nov 27, 2024. It is now read-only.

Commit 1468eb0

Browse files
saddam213saddam213
committed
Switch to a dark UI theme
1 parent 8a3bb0d commit 1468eb0

File tree

5 files changed

+12235
-18
lines changed

5 files changed

+12235
-18
lines changed

‎OnnxStack.WebUI/Pages/Index.cshtml‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
<p class="card-text">Text to image transforms textual descriptions into visual content</p>
2626
</div>
2727
<div class="card-footer">
28-
<a href="/StableDiffusion/TextToImage" class=" d-block btn btn-primary">Demo</a>
28+
<a href="/StableDiffusion/TextToImage" class=" d-block btn btn-outline-primary">Demo</a>
2929
</div>
3030
</div>
3131

@@ -36,7 +36,7 @@
3636
<p class="card-text">Image to image transforms one image into another, preserving visual quality and structure.</p>
3737
</div>
3838
<div class="card-footer">
39-
<button href="#" class="d-block btn btn-primary w-100" disabled>Demo</button>
39+
<button href="#" class="d-block btn btn-outline-primary w-100" disabled>Demo</button>
4040
</div>
4141
</div>
4242

@@ -47,12 +47,13 @@
4747
<p class="card-text">Inpainting is a computer vision technique that reconstructs missing or damaged parts of an image, seamlessly filling in the gaps to restore visual completeness</p>
4848
</div>
4949
<div class="card-footer">
50-
<button href="#" class="d-block btn btn-primary w-100" disabled>Demo</button>
50+
<button href="#" class="d-block btn btn-outline-primary w-100" disabled>Demo</button>
5151
</div>
5252
</div>
5353
</div>
5454
</div>
5555
</div>
5656

5757

58+
5859

‎OnnxStack.WebUI/Pages/Shared/_Layout.cshtml‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,15 @@
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>@ViewData["Title"] - OnnxStack.WebUI</title>
7-
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
7+
<link rel="stylesheet" href="~/lib/bootstrap/dist/bootstrap.css?=2" />
88
<link rel="stylesheet" href="~/css/fontawesome.css" />
99
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
1010
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.6.5/croppie.min.css" />
1111
<script src="~/lib/jquery/dist/jquery.min.js"></script>
1212
</head>
1313
<body>
1414
<header>
15-
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow">
15+
<nav class="navbar navbar-expand-sm navbar-toggleable-sm bg-dark border-bottom box-shadow" data-bs-theme="dark">
1616
<div class="container-fluid">
1717
<a class="navbar-brand" asp-area="" asp-page="/Index">OnnxStack.WebUI</a>
1818
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
@@ -22,10 +22,10 @@
2222
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
2323
<ul class="navbar-nav flex-grow-1">
2424
<li class="nav-item">
25-
<a class="nav-link text-dark" asp-area="" asp-page="/Index">Home</a>
25+
<a class="nav-link" asp-area="" asp-page="/Index">Home</a>
2626
</li>
2727
<li class="nav-item">
28-
<a class="nav-link text-dark" asp-area="" asp-page="/StableDiffusion/Index">Stable Diffusion</a>
28+
<a class="nav-link" asp-area="" asp-page="/StableDiffusion/Index">Stable Diffusion</a>
2929
</li>
3030
</ul>
3131
</div>
@@ -37,7 +37,7 @@
3737
@RenderBody()
3838
</main>
3939

40-
<footer class="border-top footer text-muted">
40+
<footer class=" border-dark border-top footer text-muted">
4141
<div class="container-fluid">
4242
&copy; 2023 - OnnxStack.Web
4343
</div>

‎OnnxStack.WebUI/Pages/StableDiffusion/Index.cshtml‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
<p class="card-text">Text to image transforms textual descriptions into visual content</p>
2626
</div>
2727
<div class="card-footer">
28-
<a href="/StableDiffusion/TextToImage" class=" d-block btn btn-primary">Demo</a>
28+
<a href="/StableDiffusion/TextToImage" class=" d-block btn btn-outline-primary">Demo</a>
2929
</div>
3030
</div>
3131

@@ -36,7 +36,7 @@
3636
<p class="card-text">Image to image transforms one image into another, preserving visual quality and structure.</p>
3737
</div>
3838
<div class="card-footer">
39-
<button href="#" class="d-block btn btn-primary w-100" disabled>Demo</button>
39+
<button href="#" class="d-block btn btn-outline-primary w-100" disabled>Demo</button>
4040
</div>
4141
</div>
4242

@@ -47,7 +47,7 @@
4747
<p class="card-text">Inpainting is a computer vision technique that reconstructs missing or damaged parts of an image, seamlessly filling in the gaps to restore visual completeness</p>
4848
</div>
4949
<div class="card-footer">
50-
<button href="#" class="d-block btn btn-primary w-100" disabled>Demo</button>
50+
<button href="#" class="d-block btn btn-outline-primary w-100" disabled>Demo</button>
5151
</div>
5252
</div>
5353
</div>

‎OnnxStack.WebUI/Pages/StableDiffusion/TextToImage.cshtml‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -21,15 +21,15 @@
2121
</style>
2222
@Html.AntiForgeryToken()
2323

24-
<div class="d-flex flex-row h-100 pt-1 pb-1">
24+
<div class="d-flex flex-row h-100 pt-2 pb-2">
2525
<div class="d-flex flex-fill">
2626

2727
@* Controls *@
28-
<div class="d-flex flex-column w-100 me-2 p-2 border border-1" style="max-width:500px;overflow:hidden">
28+
<div class="d-flex flex-column w-100 me-2 p-2 border border-1 border-dark" style="max-width:500px;overflow:hidden">
2929

3030
<h4 class="pb-0 mb-0">Text To Image</h4>
3131
<small>Text to image transforms textual descriptions into visual content</small>
32-
<div class="border-bottom mt-1 mb-1"></div>
32+
<div class="border-bottom border-dark mt-1 mb-1"></div>
3333
<div class="d-flex flex-column justify-content-between h-100 mt-1" style="overflow:hidden">
3434

3535
<form id="TextToImageParameters" class="h-100" autocomplete="off">
@@ -82,7 +82,7 @@
8282
<small>Height</small>
8383
@Html.DropDownListFor( m => m.Options.Height, new SelectList(ValidSizes), new { @class = "form-control form-select-sm"})
8484
</div>
85-
<div class="w-75">
85+
<div class="w-100">
8686
<small>Seed <i>(0 = Random)</i></small>
8787
@Html.TextBoxFor( m => m.Options.Seed, new { @class = "form-control form-control-sm"})
8888
</div>
@@ -252,7 +252,7 @@
252252
</div>
253253

254254
@* Preview *@
255-
<div class="d-flex w-100 p-2 border border-1">
255+
<div class="d-flex w-100 p-2 border border-1 border-dark">
256256
<div id="output-container" class="d-flex flex-fill flex-wrap justify-content-center align-content-center align-items-center">
257257
</div>
258258
<div id="output-container-grid" class="d-flex flex-fill flex-wrap justify-content-start align-content-start align-items-start gap-3" style="overflow-y:auto">
@@ -262,7 +262,7 @@
262262
</div>
263263

264264
<script id="progressResultTemplate" type="text/html">
265-
<div class="output-progress d-flex flex-column border border-1 p-1" style="min-width:256px;">
265+
<div class="output-progress d-flex flex-column border border-1 border-dark p-1" style="min-width:256px;">
266266
<div style="overflow:hidden;text-align:center">
267267
<img width="{{width}}" height="{{height}}" src="~/images/placeholder.jpg" />
268268
</div>
@@ -279,7 +279,7 @@
279279
</script>
280280

281281
<script id="outputResultTemplate" type="text/html">
282-
<div class="d-flex flex-column border border-1 p-1" style="min-width:256px;">
282+
<div class="d-flex flex-column border border-1 border-dark p-1" style="min-width:256px;">
283283
<div style="overflow:hidden;text-align:center">
284284
<img id="img-result" width="{{width}}" height="{{height}}" src="{{outputImageUrl}}" />
285285
</div>

0 commit comments

Comments
 (0)