mirror of
https://github.com/XFox111/TabsAsideExtension.git
synced 2026-04-22 07:58:01 +03:00
Michael Gordeev
2eae09583c
- 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>
74 lines
1.4 KiB
CSS
74 lines
1.4 KiB
CSS
.tabsAside[darkmode].background
|
|
{
|
|
background-color: rgba(0, 0, 0, .5);
|
|
}
|
|
|
|
.tabsAside[darkmode] .pane
|
|
{
|
|
background-color: #333333;
|
|
color: white;
|
|
}
|
|
|
|
.tabsAside[darkmode] .saveTabs > div
|
|
{
|
|
filter: invert();
|
|
}
|
|
|
|
/* Button style */
|
|
.tabsAside[darkmode] .pane button
|
|
{
|
|
filter: invert();
|
|
}
|
|
.tabsAside[darkmode] .pane button:hover
|
|
{
|
|
background-color: gray;
|
|
}
|
|
.tabsAside[darkmode] .pane button:active
|
|
{
|
|
background-color: dimgray;
|
|
}
|
|
|
|
.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;
|
|
border-radius: 3px;
|
|
}
|
|
.tabsAside[darkmode] .pane ::-webkit-scrollbar-thumb:hover
|
|
{
|
|
background: dimgray;
|
|
}
|
|
|
|
/* Tab style */
|
|
.tabsAside[darkmode] .pane .collectionSet > .set > div
|
|
{
|
|
background-color: #0c0c0c;
|
|
background-image: url("chrome-extension://__MSG_@@extension_id__/images/tab_thumbnail_dark.png");
|
|
}
|
|
|
|
.tabsAside[darkmode] .pane .collectionSet > .set > div > div
|
|
{
|
|
background-color: rgba(50, 50, 50, .75);
|
|
}
|
|
|
|
.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;
|
|
} |