Files
radicle-desktop/index.html
T
Rūdolfs Ošiņš 010cac0377 Redesign app with new UI kit
Redesign the entire app with a new UI kit. Typography, colors, icons,
avatars, and border radii have all been updated for a more polished,
consistent appearance that matches our other products like
radicle-explorer.

- Replace blockies-based avatars with a new DID-based avatar system
- Move Settings and Create Issue into fullscreen modals
- Change the default theme to follow the system theme
- Remove window decorations on macOS for a cleaner, more native feel
- Update the app icon
- Fix popovers and tooltips

Navigation:

- Rewrite app navigation and layouts
- Add a sidebar that gives you access to all your repos
- Change the startup screen to open directly to the notification inbox
- Add a getting started guide shown to new users on first launch

Settings:

- Add a setting to disable the notification badge
- Add a code font setting

Bug fixes:

- Fix reactions and edits incorrectly targeting the root comment
  instead of the intended reply
- Restrict issue/patch state, labels and assignees to delegates only
2026-03-20 17:48:38 -06:00

81 lines
2.4 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<script>
// Avoid flickering on app start.
const storedTheme = localStorage.getItem("theme");
if (storedTheme === "dark" || storedTheme === "light") {
document.documentElement.setAttribute("data-theme", storedTheme);
} else if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
document.documentElement.setAttribute("data-theme", "dark");
}
const codefont = localStorage.getItem("codefont");
document.documentElement.setAttribute(
"data-codefont",
codefont === "system" ? "system" : "jetbrains",
);
</script>
<meta charset="UTF-8" />
<link rel="icon" href="/radicle.svg" type="image/svg+xml" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Radicle</title>
<link
rel="preload"
href="/fonts/Booton-Regular.woff2"
as="font"
type="font/woff2"
crossorigin="anonymous" />
<link
rel="preload"
href="/fonts/Booton-Medium.woff2"
as="font"
type="font/woff2"
crossorigin="anonymous" />
<link
rel="preload"
href="/fonts/Booton-SemiBold.woff2"
as="font"
type="font/woff2"
crossorigin="anonymous" />
<link
rel="preload"
href="/fonts/JetBrainsMono-Regular.woff2"
as="font"
type="font/woff2"
crossorigin="anonymous" />
<link
rel="preload"
href="/fonts/JetBrainsMono-Medium.woff2"
as="font"
type="font/woff2"
crossorigin="anonymous" />
<link
rel="preload"
href="/fonts/JetBrainsMono-SemiBold.woff2"
as="font"
type="font/woff2"
crossorigin="anonymous" />
<link
rel="preload"
href="/fonts/JetBrainsMono-Bold.woff2"
as="font"
type="font/woff2"
crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="/index.css" />
<link rel="stylesheet" type="text/css" href="/typography.css" />
<link rel="stylesheet" type="text/css" href="/prettylights.css" />
<link rel="stylesheet" type="text/css" href="/colors.css" />
<link rel="stylesheet" type="text/css" href="/syntax.css" />
<script type="module">
// Make global 'Buffer' available to legacy modules.
import { Buffer } from "buffer";
window.Buffer = Buffer;
</script>
</head>
<body>
<script type="module" src="/src/main.ts"></script>
</body>
</html>