feat: Add back light theme, remove newsroom icon

Some users may need the light theme due to eyesight problems, so it should be here for accessibility reasons.

astro.config.mjs

@@ -54,8 +54,6 @@ export default defineConfig({
       components: {
         Head: "~/components/starlight/Head.astro",
         MarkdownContent: "~/components/starlight/MarkdownContent.astro",
-        ThemeProvider: "~/components/starlight/ThemeProvider.astro",
-        ThemeSelect: "~/components/starlight/ThemeSelect.astro",
         SocialIcons: "~/components/starlight/SocialIcons.astro",
       },
       social: {

src/base.css

@@ -20,19 +20,19 @@ body {
 
 body,
 .sidebar > .sidebar-pane {
-  @apply bg-[#000000] !important;
+  @apply dark:bg-[#000000] !important;
 }
 
 .sidebar > .sidebar-pane {
   @apply border-e-[var(--sl-color-gray-6)] !important;
 }
 
 header.header {
-  @apply backdrop-blur-md bg-neutral-900/90 border-b-[var(--sl-color-gray-6)] !important;
+  @apply backdrop-blur-md dark:bg-neutral-900/90 border-b-[var(--sl-color-gray-6)] !important;
 }
 
 dialog {
-  @apply transition-all opacity-0 translate-y-2 flex pointer-events-none border-solid border rounded-lg border-gray-700 bg-gray-900 !important;
+  @apply transition-all opacity-0 translate-y-2 flex pointer-events-none border-solid border rounded-lg border-gray-700 dark:bg-gray-900 !important;
 }
 
 dialog[open] {
@@ -74,14 +74,15 @@ code,
 }
 
 article.preview {
-  @apply border-solid border rounded-lg border-gray-800 bg-neutral-900/90 p-4 !important;
+  @apply border-solid border rounded-lg border-gray-300 dark:border-gray-800 bg-neutral-100/90 dark:bg-neutral-900/90 p-4 !important;
+  box-shadow: var(--sl-shadow-sm) !important;
 }
 
 .link-preview {
   --link-preview-corners: 0.5em;
   --link-preview-padding-inline: 0.75rem;
-  @apply border-solid border border-gray-700 bg-gray-900 bg-neutral-800/90 !important;
-  box-shadow: var(--sl-shadow-sm);
+  @apply border-solid border border-gray-300 dark:border-gray-800 bg-neutral-100/90 dark:bg-neutral-900/90 !important;
+  box-shadow: var(--sl-shadow-sm) !important;
 }
 
 .link-preview a {

src/components/starlight/SocialIcons.astro

@@ -9,10 +9,6 @@ type SocialConfig = NonNullable<NonNullable<typeof config.social>[Platform]>;
 const links = Object.entries(config.social || {}) as [Platform, SocialConfig][];
 ---
 
-<a href="/newsroom/" rel="me" class="sl-flex">
-	<span class="sr-only">Newsroom</span>
-	<Icon name={"ph:newspaper-duotone"} />
-</a>
 {
 	links.length > 0 && (
 		<>