diff --git a/README.md b/README.md
index 9fcfb6770..bb45b8c06 100644
--- a/README.md
+++ b/README.md
@@ -338,11 +338,13 @@ Dark mode example:
 ```css
 @media (prefers-color-scheme: dark) {
   .iti {
-    --iti-border-color: #30363d;
+    --iti-border-color: #5b5b5b;
     --iti-dialcode-color: #999999;
     --iti-dropdown-bg: #0d1117;
     --iti-arrow-color: #aaaaaa;
     --iti-hover-color: #30363d;
+    --iti-path-globe-1x: url("path/to/globe_light.png");
+    --iti-path-globe-2x: url("path/to/globe_light@2x.png");
   }
 }
 ```
@@ -356,7 +358,7 @@ NOTE: this assumes you already have your own dark mode styling in place for gene
     background-color: #0d1117;
   }
   input {
-    border-color: #30363d;
+    border-color: #5b5b5b;
   }
   input::placeholder {
     color: #8d96a0;
diff --git a/build/css/demo.css b/build/css/demo.css
index cf71859ae..16c33386d 100644
--- a/build/css/demo.css
+++ b/build/css/demo.css
@@ -56,16 +56,18 @@ input::placeholder {
     background-color: #0d1117;
   }
   input {
-    border-color: #30363d;
+    border-color: #5b5b5b;
   }
   input::placeholder {
     color: #8d96a0;
   }
-  :root {
-    --iti-border-color: #30363d;
+  .iti {
+    --iti-border-color: #5b5b5b;
     --iti-dialcode-color: #999999;
     --iti-dropdown-bg: #0d1117;
     --iti-arrow-color: #aaaaaa;
     --iti-hover-color: #30363d;
+    --iti-path-globe-1x: url("../img/globe_light.png");
+    --iti-path-globe-2x: url("../img/globe_light@2x.png");
   }
 }
\ No newline at end of file
diff --git a/build/img/globe_light.png b/build/img/globe_light.png
new file mode 100644
index 000000000..2c2b23898
Binary files /dev/null and b/build/img/globe_light.png differ
diff --git a/build/img/globe_light@2x.png b/build/img/globe_light@2x.png
new file mode 100644
index 000000000..898dcf276
Binary files /dev/null and b/build/img/globe_light@2x.png differ
diff --git a/src/css/demo.scss b/src/css/demo.scss
index 63c79c673..29acef204 100644
--- a/src/css/demo.scss
+++ b/src/css/demo.scss
@@ -62,17 +62,19 @@ input::placeholder {
     background-color: #0d1117;
   }
   input {
-    border-color: #30363d;
+    border-color: #5b5b5b;
   }
   input::placeholder {
     color: #8d96a0;
   }
   // intl-tel-input styling
   .iti {
-    --iti-border-color: #30363d;
+    --iti-border-color: #5b5b5b;
     --iti-dialcode-color: #999999;
     --iti-dropdown-bg: #0d1117;
     --iti-arrow-color: #aaaaaa;
     --iti-hover-color: #30363d;
+    --iti-path-globe-1x: url("../img/globe_light.png");
+    --iti-path-globe-2x: url("../img/globe_light@2x.png");
   }
 }
\ No newline at end of file