mirror of
https://github.com/clb92/better-light-theme-for-ttrss.git
synced 2025-12-05 13:02:02 +01:00
94 lines
2.7 KiB
CSS
94 lines
2.7 KiB
CSS
/*
|
|
MIT License
|
|
|
|
Copyright (c) 2021 clb92
|
|
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
of this software and associated documentation files (the "Software"), to deal
|
|
in the Software without restriction, including without limitation the rights
|
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
copies of the Software, and to permit persons to whom the Software is
|
|
furnished to do so, subject to the following conditions:
|
|
|
|
The above copyright notice and this permission notice shall be included in all
|
|
copies or substantial portions of the Software.
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
SOFTWARE.
|
|
*/
|
|
|
|
@import "../themes/light.css";
|
|
|
|
/* Change the font to not use 'system-ui' */
|
|
body, .dijitTreeContent, .dijitButtonContents, .feed_title, .title, .counterNode, .dijitMenuItemLabel {
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
|
|
}
|
|
|
|
/* Give main frame a padding */
|
|
#headlines-frame {
|
|
padding: 10px !important;
|
|
}
|
|
|
|
/* Better visibility and spacing on articles */
|
|
.cdm.expanded,
|
|
.cdm.unread {
|
|
border: 1px solid lightgrey;
|
|
margin-bottom: 42px;
|
|
border-radius: 4px;
|
|
box-shadow: 0 5px 15px #e6e6e6;
|
|
}
|
|
|
|
/* Move floating article header up to account for padding in main frame */
|
|
.cdm.expanded .header,
|
|
.cdm.unread .header {
|
|
top: -10px !important;
|
|
}
|
|
|
|
/* Make article header and footer more visible */
|
|
.cdm .header,
|
|
.cdm .footer {
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
/* Make article header title text more visible */
|
|
.cdm.expanded .header .titleWrap .title,
|
|
.cdm.unread .header .titleWrap .title {
|
|
color: black !important;
|
|
}
|
|
|
|
/* Give content of articles a max width and padding */
|
|
.content .content-inner {
|
|
max-width: 750px;
|
|
padding: 16px;
|
|
}
|
|
|
|
/* Make feed list items smaller and easier to read */
|
|
#feedTree .dijitTreeContainer .dijitTreeRow {
|
|
height: 11px;
|
|
font-size: 12px !important;
|
|
color: black;
|
|
}
|
|
/* Hide unread number label on categories in feed list */
|
|
#feedTree .dijitTreeContainer .dijitTreeRow.Is_Cat .unread {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Hide scrollbar on feed list and give inset shadow */
|
|
#feedTree {
|
|
overflow-y: hidden !important;
|
|
scrollbar-width: thin;
|
|
box-shadow: inset 0 5px 15px #e6e6e6;
|
|
}
|
|
|
|
/* Show small scrollbar (in Firefox only) when hovering over feed list */
|
|
#feedTree:hover {
|
|
overflow-y: auto !important;
|
|
scrollbar-width: thin;
|
|
}
|
|
|