mirror of
https://github.com/coder/coder.git
synced 2026-09-22 05:05:20 +08:00
Kyle Carberry
f270d9d351
* feat: make the dashboard darker Coder is a the internal software development platform. It is not designed to be opinionated on colors, but it should look great. Focusing on neutrality for our default dashboard theme is great for our ICP. Some organizations may lean towards colors more or less, and that shouldn't influence their decision when exploring Coder. * Make it a lil more dark * Improve button outline * Lower the red brightness * Improve the divider contrast
68 lines
2.1 KiB
HTML
68 lines
2.1 KiB
HTML
<!doctype html>
|
|
|
|
<!--
|
|
▄█▀ ▀█▄
|
|
▄▄ ▀▀▀ █▌ ██▀▀█▄ ▐█
|
|
▄▄██▀▀█▄▄▄ ██ ██ █▀▀█ ▐█▀▀██ ▄█▀▀█ █▀▀
|
|
█▌ ▄▌ ▐█ █▌ ▀█▄▄▄█▌ █ █ ▐█ ██ ██▀▀ █
|
|
██████▀▄█ ▀▀▀▀ ▀▀▀▀ ▀▀▀▀▀ ▀▀▀▀ ▀
|
|
-->
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Coder</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="theme-color" content="#17172E" />
|
|
<meta name="application-name" content="{{ .ApplicationName }}" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="csrf-token" content="{{ .CSRF.Token }}" />
|
|
<meta property="build-info" content="{{ .BuildInfo }}" />
|
|
<meta property="user" content="{{ .User }}" />
|
|
<meta property="entitlements" content="{{ .Entitlements }}" />
|
|
<meta property="appearance" content="{{ .Appearance }}" />
|
|
<meta property="experiments" content="{{ .Experiments }}" />
|
|
<meta property="regions" content="{{ .Regions }}" />
|
|
<meta property="docs-url" content="{{ .DocsURL }}" />
|
|
<meta property="logo-url" content="{{ .LogoURL }}" />
|
|
<!-- We need to set data-react-helmet to be able to override it in the workspace page -->
|
|
<link
|
|
rel="alternate icon"
|
|
type="image/png"
|
|
href="/favicons/favicon-light.png"
|
|
media="(prefers-color-scheme: dark)"
|
|
data-react-helmet="true"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/svg+xml"
|
|
href="/favicons/favicon-light.svg"
|
|
media="(prefers-color-scheme: dark)"
|
|
data-react-helmet="true"
|
|
/>
|
|
<link
|
|
rel="alternate icon"
|
|
type="image/png"
|
|
href="/favicons/favicon-dark.png"
|
|
media="(prefers-color-scheme: light)"
|
|
data-react-helmet="true"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/svg+xml"
|
|
href="/favicons/favicon-dark.svg"
|
|
media="(prefers-color-scheme: light)"
|
|
data-react-helmet="true"
|
|
/>
|
|
<style>
|
|
html,
|
|
body {
|
|
background-color: hsl(0, 0%, 1%);
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="./src/index.tsx"></script>
|
|
</body>
|