dawy_go/vnote
1
0
Fork 0
mirror of https://gitee.com/vnotex/vnote.git synced 2025-07-05 13:59:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

themes: style the scrollbar in CSS

Browse Source
This commit is contained in:
Le Tan 2017-12-12 21:04:51 +08:00
parent ae16b547e6
commit aeb3dc8df6
4 changed files with 148 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
src/resources/themes/v_pure/v_pure.css
View File

@ -235,3 +235,72 @@ table.hljs-ln tr td.hljs-ln-numbers {
table.hljs-ln tr td.hljs-ln-code { table.hljs-ln tr td.hljs-ln-code {
padding-left: 10px; padding-left: 10px;
} }
::-webkit-scrollbar {
background-color: #EAEAEA;
width: 14px;
height: 14px;
border: none;
}
::-webkit-scrollbar-corner {
background-color: #EAEAEA;
}
::-webkit-scrollbar-button {
/* This selector affects the styling of both the up & down and left & right buttons of a scrollbar */
height: 14px;
width: 14px;
background-color: #EAEAEA;
}
::-webkit-scrollbar-button:hover {
background-color: #D0D0D0;
}
::-webkit-scrollbar-button:active {
background-color: #B2B2B2;
}
::-webkit-scrollbar-track {
/* This selector affects the styling of the area in the scrollbar between the two buttons */
background-color: #EAEAEA;
}
::-webkit-scrollbar-thumb {
/* This selector affects the styling of draggable element of the scollbar */
border: none;
background-color: #DADADA;
}
::-webkit-scrollbar-thumb:hover {
background-color: #D0D0D0;
}
::-webkit-scrollbar-thumb:active {
background-color: #B2B2B2;
}
::-webkit-scrollbar-button:horizontal:increment {
background-image: url(right.svg);
background-repeat: no-repeat;
background-size: contain;
}
::-webkit-scrollbar-button:horizontal:decrement {
background-image: url(left.svg);
background-repeat: no-repeat;
background-size: contain;
}
::-webkit-scrollbar-button:vertical:increment {
background-image: url(down.svg);
background-repeat: no-repeat;
background-size: contain;
}
::-webkit-scrollbar-button:vertical:decrement {
background-image: url(up.svg);
background-repeat: no-repeat;
background-size: contain;
}

5
src/resources/themes/v_pure/v_pure.qss
View File

@ -1224,3 +1224,8 @@ QWidget#FindReplaceTitleWidget {
QWidget[ToolBoxTitle="true"] { QWidget[ToolBoxTitle="true"] {
border-bottom: 2px solid @toolbox_title_border; border-bottom: 2px solid @toolbox_title_border;
} }
QAbstractScrollArea::corner {
background: @scrollbar_bg;
border: none;
}

69
src/resources/themes/v_white/v_white.css
View File

@ -234,3 +234,72 @@ table.hljs-ln tr td.hljs-ln-numbers {
table.hljs-ln tr td.hljs-ln-code { table.hljs-ln tr td.hljs-ln-code {
padding-left: 10px; padding-left: 10px;
} }
::-webkit-scrollbar {
background-color: #EEEEEE;
width: 14px;
height: 14px;
border: none;
}
::-webkit-scrollbar-corner {
background-color: #EEEEEE;
}
::-webkit-scrollbar-button {
/* This selector affects the styling of both the up & down and left & right buttons of a scrollbar */
height: 14px;
width: 14px;
background-color: #EEEEEE;
}
::-webkit-scrollbar-button:hover {
background-color: #C0C0C0;
}
::-webkit-scrollbar-button:active {
background-color: #808080;
}
::-webkit-scrollbar-track {
/* This selector affects the styling of the area in the scrollbar between the two buttons */
background-color: #EEEEEE;
}
::-webkit-scrollbar-thumb {
/* This selector affects the styling of draggable element of the scollbar */
border: none;
background-color: #D0D0D0;
}
::-webkit-scrollbar-thumb:hover {
background-color: #C0C0C0;
}
::-webkit-scrollbar-thumb:active {
background-color: #808080;
}
::-webkit-scrollbar-button:horizontal:increment {
background-image: url(right.svg);
background-repeat: no-repeat;
background-size: contain;
}
::-webkit-scrollbar-button:horizontal:decrement {
background-image: url(left.svg);
background-repeat: no-repeat;
background-size: contain;
}
::-webkit-scrollbar-button:vertical:increment {
background-image: url(down.svg);
background-repeat: no-repeat;
background-size: contain;
}
::-webkit-scrollbar-button:vertical:decrement {
background-image: url(up.svg);
background-repeat: no-repeat;
background-size: contain;
}

5
src/resources/themes/v_white/v_white.qss
View File

@ -1119,3 +1119,8 @@ QHeaderView::up-arrow {
QWidget#FindReplaceTitleWidget { QWidget#FindReplaceTitleWidget {
background: @title_bg; background: @title_bg;
} }
QAbstractScrollArea::corner {
background: @scrollbar_bg;
border: none;
}