diff --git a/doc/whats-new.rst b/doc/whats-new.rst
index cdec7d81bbc..1681a6fdcb8 100644
--- a/doc/whats-new.rst
+++ b/doc/whats-new.rst
@@ -64,7 +64,9 @@ New Features
 
 Bug fixes
 ~~~~~~~~~
-- ``ValueError`` is raised when ``fill_value`` is not a scalar in :py:meth:`full_like`. (:issue`3977`)
+- Support dark mode in VS code (:issue:`4024`)
+  By `Keisuke Fujii <https://github.com/fujiisoup>`_.
+- ``ValueError`` is raised when ``fill_value`` is not a scalar in :py:meth:`full_like`. (:issue:`3977`)
   By `Huite Bootsma <https://github.com/huite>`_.
 - Fix wrong order in converting a ``pd.Series`` with a MultiIndex to ``DataArray``. (:issue:`3951`)
   By `Keisuke Fujii <https://github.com/fujiisoup>`_.
diff --git a/xarray/static/css/style.css b/xarray/static/css/style.css
index 7e382de3b5b..acfe85d5ac7 100644
--- a/xarray/static/css/style.css
+++ b/xarray/static/css/style.css
@@ -13,6 +13,18 @@
   --xr-background-color-row-odd: var(--jp-layout-color2, #eeeeee);
 }
 
+html[theme=dark],
+body.vscode-dark {
+  --xr-font-color0: rgba(255, 255, 255, 1);
+  --xr-font-color2: rgba(255, 255, 255, 0.54);
+  --xr-font-color3: rgba(255, 255, 255, 0.38);
+  --xr-border-color: #1F1F1F;
+  --xr-disabled-color: #515151;
+  --xr-background-color: #111111;
+  --xr-background-color-row-even: #111111;
+  --xr-background-color-row-odd: #313131;
+}
+
 .xr-wrap {
   min-width: 300px;
   max-width: 700px;