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 @@ + - - + + + + +