Skip to content

Commit 4bccd56

Browse files
committed
feat(popup): support dark mode
A new CSS is used to support dark mode.
1 parent b60cb28 commit 4bccd56

2 files changed

Lines changed: 14 additions & 0 deletions

File tree

‎popup/popup.css‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
:root {
2+
--bg: #fff; --fg: #1b1b1b; --muted: #6b6b6b;
3+
--link: #0060df; --border: #e0e0e0;
4+
}
5+
@media (prefers-color-scheme: dark) {
6+
:root { --bg: #1c1b22; --fg: #fbfbfe; --muted: #b1b1bd;
7+
--link: #80b3ff; --border: #38383d; }
8+
}
9+
10+
.popup { background: var(--bg); color: var(--fg); }
11+
.pr-list a { color: var(--link); text-decoration: none; }
12+
.pr-list a:hover { text-decoration: underline; }
13+
.pr-list__empty, .pr-list__loading, #error { color: var(--muted); }

‎popup/popup.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
<head>
55
<meta charset="utf-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link rel="stylesheet" href="popup.css">
78
</head>
89

910
<body>

0 commit comments

Comments
 (0)