diff --git a/samples/ControlCatalog.Browser/wwwroot/Logo.svg b/samples/ControlCatalog.Browser/wwwroot/Logo.svg deleted file mode 100644 index 3e18ea1958..0000000000 --- a/samples/ControlCatalog.Browser/wwwroot/Logo.svg +++ /dev/null @@ -1,5 +0,0 @@ - \ No newline at end of file diff --git a/samples/ControlCatalog.Browser/wwwroot/app.css b/samples/ControlCatalog.Browser/wwwroot/app.css index 77f2051221..f27738d8ea 100644 --- a/samples/ControlCatalog.Browser/wwwroot/app.css +++ b/samples/ControlCatalog.Browser/wwwroot/app.css @@ -3,8 +3,8 @@ position: absolute; height: 100%; width: 100%; - background: #1b2a4e; - font-family: 'Nunito', sans-serif; + background: white; + font-family: 'Outfit', sans-serif; justify-content: center; align-items: center; display: flex; @@ -12,23 +12,14 @@ } .avalonia-splash h2 { + font-weight: 400; font-size: 1.5rem; - color: #8b44ac; } .avalonia-splash a { - color: white; text-decoration: none; font-size: 2.5rem; - display: block; -} - -.avalonia-splash img { - opacity: 0.05; - height: 35%; - position: absolute; - right: 3%; - bottom: 3%; + display: block; } .avalonia-splash.splash-close { @@ -36,3 +27,32 @@ display: none; opacity: 0; } + +/* Light theme styles */ +@media (prefers-color-scheme: light) { + .avalonia-splash { + background: white; + } + + .avalonia-splash h2 { + color: #1b2a4e; + } + + .avalonia-splash a { + color: #0D6EFD; + } +} + +@media (prefers-color-scheme: dark) { + .avalonia-splash { + background: #1b2a4e; + } + + .avalonia-splash h2 { + color: white; + } + + .avalonia-splash a { + color: white; + } +} diff --git a/samples/ControlCatalog.Browser/wwwroot/index.html b/samples/ControlCatalog.Browser/wwwroot/index.html index d8bf05fe3c..4a1e12bbc1 100644 --- a/samples/ControlCatalog.Browser/wwwroot/index.html +++ b/samples/ControlCatalog.Browser/wwwroot/index.html @@ -15,9 +15,21 @@