xfox111/TabsAsideExtension
1
0
Fork 0
mirror of https://github.com/XFox111/TabsAsideExtension.git synced 2026-04-22 07:58:01 +03:00
Code Wiki Activity

Minor 1.5 (#18)

Browse Source 
- Updated repository documentation: added contribution guidelines, Code of Conduct, GitHub templates
- Updated README
- Added confirmation dialog for tabs and collections deletion (#17)
- Complete code refactoring (HTML/JS/CSS)
- Implemented <iframe> base for embedded pane (#13) (Fixed CSS instability on some websites)
- Improved dark theme
- Added opensource fonts to replace Segoe UI on Unix systems (#11, #17)
- Fixed invisible vertical scrollbar
- Code polish and improvement

Co-authored-by: Amine A. <15179425+AmineI@users.noreply.github.com>
Co-Authored-By: Michael Gordeev <michael@xfox111.net>
This commit is contained in:
Michael Gordeev
2020-07-06 10:14:02 +03:00
committed by GitHub
parent cb45f1a7b3
commit 2eae09583c
20 changed files with 826 additions and 719 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.dark.css
+31 -16
View File
@@ -1,59 +1,74 @@
.tabsAside[darkmode].background
{
background-color: rgba(0, 0, 0, .5) !important;
background-color: rgba(0, 0, 0, .5);
}
.tabsAside[darkmode] .pane
{
background-color: #333333 !important;
color: white !important;
background-color: #333333;
color: white;
}
.tabsAside[darkmode] .saveTabs > div
{
filter: invert();
}
/* Button style */
.tabsAside[darkmode] .pane button
{
color: white !important;
filter: invert();
}
.tabsAside[darkmode] .pane button:hover
{
background-color: gray !important;
background-color: gray;
}
.tabsAside[darkmode] .pane button:active
{
background-color: dimgray !important;
background-color: dimgray;
}
.tabsAside[darkmode] .pane > section > div > div:first-child > div:first-child > small
.tabsAside[darkmode] a
{
color: #48adff;
}
/* Timestamp label */
.tabsAside[darkmode] > .pane > section small
{
color: lightgray !important;
}
/* Scrollbar style */
.tabsAside[darkmode] .pane ::-webkit-scrollbar-thumb
{
background: gray !important;
border-radius: 3px !important;
background: gray;
border-radius: 3px;
}
.tabsAside[darkmode] .pane ::-webkit-scrollbar-thumb:hover
{
background: dimgray !important;
background: dimgray;
}
.tabsAside[darkmode] .pane > section > div > div:last-child > div
/* Tab style */
.tabsAside[darkmode] .pane .collectionSet > .set > div
{
background-color: #0c0c0c !important;
background-color: #0c0c0c;
background-image: url("chrome-extension://__MSG_@@extension_id__/images/tab_thumbnail_dark.png");
}
.tabsAside[darkmode] .pane > section > div > div:last-child > div > div
.tabsAside[darkmode] .pane .collectionSet > .set > div > div
{
background-color: rgba(50, 50, 50, .75) !important;
background-color: rgba(50, 50, 50, .75);
}
.tabsAside[darkmode] .pane > section > div > div:last-child > div > div > div
.tabsAside[darkmode] .pane .collectionSet > .set > div > div > div
{
background-image: url("chrome-extension://__MSG_@@extension_id__/images/tab_icon_dark.png");
}
/* Context menu style */
.tabsAside[darkmode] .pane nav
{
background-color: #3f3f3f !important;
background-color: #3f3f3f;
}