ttrss/themes/night.css

206 lines
4.5 KiB
CSS
Raw Normal View History

@import "default.php";
2014-01-29 22:33:36 +01:00
:root {
--bg-main : #333;
--border-main : #666;
--bg-panel : #222;
--fg-main: #999;
--fg-light : #ccc;
--bg-active: #2a89bc;
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main #feeds-holder {
background : var(--bg-panel);
border-color : var(--border-main);
border-left-width : 1px;
2014-01-29 22:33:36 +01:00
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main #headlines-frame {
2014-01-31 11:46:51 +01:00
border-color : #ddd;
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main div.whiteBox {
border-color : var(--border-main);
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main #content-insert {
background : var(--bg-main);
2014-01-31 11:46:51 +01:00
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main #feedTree .dijitTreeRow {
color : var(--fg-light) ! important;
2014-01-29 22:33:36 +01:00
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main .dijitTree .dijitTreeRowHover {
2014-01-29 22:33:36 +01:00
background : #444;
border-color : var(--border-main);
2014-01-29 22:33:36 +01:00
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main .dijitTree .dijitTreeRowSelected {
2014-01-29 22:33:36 +01:00
background : #555;
border-color : var(--border-main) ! important;
2014-01-29 22:33:36 +01:00
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main .dijitTreeRowSelected .dijitTreeLabel {
2014-01-29 22:33:36 +01:00
text-shadow : none;
}
body.claro.ttrss_main #feeds-holder #feedTree .counterNode.aux {
background : var(--bg-panel);
color : var(--fg-main);
border-color : var(--bg-main);
2014-01-29 22:33:36 +01:00
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main #headlines-frame {
background : var(--bg-main);
color : var(--fg-light);
2014-01-29 22:33:36 +01:00
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main #main-toolbar {
background : var(--bg-main);
border-color : var(--border-main);
2014-01-29 22:33:36 +01:00
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main #main-toolbar .dijitButtonText {
2014-01-29 22:33:36 +01:00
color : #ddd;
}
body.claro.ttrss_main #main-toolbar .dijitSelect,
body.claro.ttrss_main #main-toolbar .dijitSelect .dijitButtonText {
background : black;
2014-01-29 22:33:36 +01:00
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main #main,
body.claro.ttrss_main #overlay {
background : var(--bg-main);
color : var(--fg-main);
2014-01-29 22:33:36 +01:00
}
body.claro.ttrss_main .hl .feed a,
body.claro.ttrss_main .cdm .feed a {
2014-01-29 22:33:36 +01:00
color : white;
}
body.claro.ttrss_main div.cdm.expanded div.footer,
body.claro.ttrss_main div.cdm.expandable div.footer {
border-color : var(--border-main);
color : var(--fg-light);
2014-01-29 22:33:36 +01:00
}
body.claro.ttrss_main div.cdm.expanded.Unread .header a.title,
body.claro.ttrss_main div.cdm.expandable.Unread a.title,
body.claro.ttrss_main div.cdm.expanded .header a.title,
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main div.cdm.expandable a.title {
color : var(--fg-main);
}
body.claro.ttrss_main .cdm.expandable.active .header a.title,
body.claro.ttrss_main .cdm.expanded.active .header a.title {
color : #2a89bc;
2014-01-29 22:33:36 +01:00
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main .cdm.expandable.active,
body.claro.ttrss_main .cdm.expandable {
border-color : var(--border-main);
2014-01-29 22:33:36 +01:00
background : transparent;
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main .cdm.active {
2014-01-29 22:33:36 +01:00
background : transparent ! important;
}
body.claro.ttrss_main #content-insert blockquote,
body.claro.ttrss_main #headlines-frame blockquote,
body.claro.ttrss_main .dijitContentPane blockquote {
color : var(--fg-main);
border-color : var(--border-main);
2014-01-29 22:33:36 +01:00
}
body.claro.ttrss_main #content-insert code,
body.claro.ttrss_main #headlines-frame code,
body.claro.ttrss_main .dijitContentPane code {
2014-01-29 22:33:36 +01:00
color : #009900;
}
body.claro.ttrss_main #content-insert pre,
body.claro.ttrss_main #headlines-frame pre,
body.claro.ttrss_main.dijitContentPane pre {
color : var(--fg-main);
2014-01-29 22:33:36 +01:00
background : black;
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main .dijitInputField.dijitButtonText {
background : var(--bg-main);
2014-01-31 11:46:51 +01:00
}
body.claro.ttrss_main .cdm .footer img {
2014-01-29 22:33:36 +01:00
opacity : 0.6;
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main #floatingTitle {
background : var(--bg-main);
border-color : var(--border-main);
2014-01-29 22:33:36 +01:00
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main #floatingTitle a.title {
color : var(--fg-light);
2014-01-29 22:33:36 +01:00
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main .dijitMenu,
body.claro.ttrss_main .dijitMenuTable,
body.claro.ttrss_main .dijitMenu .dijitMenuItem td {
border-color : var(--border-main);
background : var(--border-main);
2014-01-29 22:33:36 +01:00
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main .dijitMenu .dijitMenuItemSelected,
body.claro.ttrss_main .dijitMenu .dijitMenuItemSelected td {
2014-01-29 22:33:36 +01:00
background : black;
color : white;
}
2017-12-03 12:18:55 +01:00
body.claro.ttrss_main .hl {
border-color : var(--border-main);
2014-01-31 11:46:51 +01:00
}
body.claro.ttrss_main .hl .title a {
color : var(--fg-main);
2014-01-31 11:46:51 +01:00
}
body.claro.ttrss_main .post .header {
background : var(--bg-panel);
border-color : var(--border-main);
2014-01-31 11:46:51 +01:00
}
body.claro.ttrss_main .post .content,
body.claro.ttrss_main .cdm .content-inner {
color : var(--fg-main);
}
body.claro.ttrss_main .articleNote {
background : var(--bg-panel);
border-color : #9a8c59;
2014-01-31 11:46:51 +01:00
}
body.claro.ttrss_main #content-insert_splitter,
body.claro.ttrss_main #feeds-holder_splitter {
border-color : var(--border-main);
background : var(--bg-panel);
}
2014-01-31 11:46:51 +01:00
body.claro.ttrss_main .insensitive {
color : var(--fg-light);
}
::-webkit-scrollbar {
width: 4px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(255,255,255,0.5);
}
::-webkit-scrollbar-track {
background-color:rgba(255,255,255,0.2);
}