diff --git a/src/application/tabs.css b/src/application/tabs.css
index e0d5ce015c0c..630875daa07a 100644
--- a/src/application/tabs.css
+++ b/src/application/tabs.css
@@ -142,22 +142,25 @@
display: inline-block;
}
+.p-TabBar-WindowTabLabel {
+ margin-top: 4px;
+}
.p-DockPanel-tabBar .p-TabBar-tab.p-mod-closable > .p-TabBar-tabCloseIcon {
margin-left: 4px;
+ padding-top: 8px;
+ background-size: 16px;
+ height: 16px;
+ width: 16px;
+ background-image: url(../default-theme/icons/md/close.svg);
+ background-position: center;
+ background-repeat: no-repeat;
}
-.p-DockPanel-tabBar .p-TabBar-tab.p-mod-closable > .p-TabBar-tabCloseIcon:before {
- content: '\f00d'; /* close */
- font-family: FontAwesome;
-}
-
-
-.p-DockPanel-tabBar .p-TabBar-tab.p-mod-closable.jp-mod-dirty > .p-TabBar-tabCloseIcon:before {
- font-family: FontAwesome;
- content: '\f111'; /* circle */
- font-size: 10px;
+.p-DockPanel-tabBar .p-TabBar-tab.p-mod-closable.jp-mod-dirty > .p-TabBar-tabCloseIcon {
+ background-size: 12px;
+ background-image: url(../default-theme/icons/md/circle.svg);
}
diff --git a/src/commandpalette/index.css b/src/commandpalette/index.css
index 67aa68dbd01e..24e4bf79b7b6 100644
--- a/src/commandpalette/index.css
+++ b/src/commandpalette/index.css
@@ -43,16 +43,18 @@
.p-CommandPalette-wrapper::after {
- font-family: FontAwesome;
- content: "\f002"; /* search */
+ content: " ";
color: white;
background-color: var(--jp-brand-color1);
- font-size: var(--jp-ui-icon-font-size);
- line-height: var(--jp-private-commandpalette-search-height);
position: absolute;
right: 12px;
height: 30px;
+ width: 12px;
padding: 0px 12px;
+ background-image: url(../default-theme/icons/md/search.svg);
+ background-size: 20px;
+ background-repeat: no-repeat;
+ background-position: center;
}
.p-CommandPalette-input {
diff --git a/src/default-theme/icons.css b/src/default-theme/icons.css
index 20f6851b3287..c2f9ea768844 100644
--- a/src/default-theme/icons.css
+++ b/src/default-theme/icons.css
@@ -16,6 +16,10 @@
background-image: url(icons/md/add.svg);
}
+.jp-CloseIcon {
+ background-image: url(icons/md/close.svg);
+}
+
.jp-CutIcon {
background-image: url(icons/md/cut.svg);
}
diff --git a/src/default-theme/icons/md/circle.svg b/src/default-theme/icons/md/circle.svg
new file mode 100644
index 000000000000..0a5cff96b61e
--- /dev/null
+++ b/src/default-theme/icons/md/circle.svg
@@ -0,0 +1,10 @@
+
+
+
diff --git a/src/default-theme/icons/md/close.svg b/src/default-theme/icons/md/close.svg
new file mode 100644
index 000000000000..0236047025fd
--- /dev/null
+++ b/src/default-theme/icons/md/close.svg
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/src/default-theme/icons/md/search.svg b/src/default-theme/icons/md/search.svg
new file mode 100644
index 000000000000..1e84b4108e0f
--- /dev/null
+++ b/src/default-theme/icons/md/search.svg
@@ -0,0 +1,13 @@
+
+
+
diff --git a/src/default-theme/icons/notebook.svg b/src/default-theme/icons/notebook.svg
index 7b6307e85264..95b97d292629 100644
--- a/src/default-theme/icons/notebook.svg
+++ b/src/default-theme/icons/notebook.svg
@@ -2,12 +2,17 @@