Last active
March 29, 2024 02:12
-
-
Save spencerwooo/60d15d83737542f11845bcc4742f9510 to your computer and use it in GitHub Desktop.
Tiny Tiny RSS Pink-Feedly Theme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import url(https://fonts.googleapis.com/css?family=Miriam+Libre:400,700&display=swap); | |
a.title { | |
font-family: 'Miriam Libre', Noto Sans CJK SC, Microsoft YaHei, sans-serif, Apple Color Emoji, Segoe UI Emoji!important | |
} | |
#content-wrap#content-wrap .content, | |
#content-wrap#content-wrap .content-inner, | |
#feedTree, | |
body { | |
font-family: Avenir Next, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, PingFang SC, Noto Sans CJK SC, Microsoft YaHei, sans-serif, Apple Color Emoji, Segoe UI Emoji!important | |
} | |
#content-wrap#content-wrap .content, | |
#content-wrap#content-wrap .content img, | |
#content-wrap#content-wrap .content video, | |
#content-wrap#content-wrap .content-inner { | |
max-width: 45em | |
} | |
body.ttrss_main #feeds-holder #feedTree .dijitTreeRow.Error .dijitTreeLabel { | |
color: #0000005c | |
} | |
body.ttrss_main #main { | |
background-color: #f7f7f7!important | |
} | |
.dijitTreeLabel { | |
font-weight: 600 | |
} | |
#feeds-holder#feeds-holder #feedTree .dijitTreeRow[style="padding-left: 19px;"] { | |
padding-left: 2px!important | |
} | |
#feeds-holder#feeds-holder #feedTree { | |
font-size: 14px | |
} | |
.flat .dijitTree .dijitTreeNode .dijitTreeRow { | |
padding: 5px 0 | |
} | |
#feeds-holder#feeds-holder #feedTree .dijitTreeContainer { | |
padding: 30px 0 | |
} | |
#feeds-holder#feeds-holder #feedTree .dijitTreeExpando { | |
top: 0; | |
left: -5px | |
} | |
#feeds-holder#feeds-holder #feedTree .dijitTreeNodeContainer[role=group] { | |
padding-left: 28px | |
} | |
#content-wrap#content-wrap #headlines-frame { | |
padding-top: 0px; | |
} | |
#content-wrap#content-wrap #headlines-spacer::after { | |
background-color: #ffffff; | |
} | |
#content-wrap#content-wrap #floatingTitle, | |
#content-wrap#content-wrap #floatingTitle .title, | |
.cdm div.feed-title a:hover, | |
.flat .dijitAccordionInnerContainer:not(.dijitSelected) i.material-icons, | |
.flat .dijitCalendarNextYear, | |
.flat .dijitCalendarPreviousYear, | |
.flat .dijitCalendarSelectedYear, | |
.flat .dijitCheckBoxIcon:before, | |
.flat .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon:before, | |
.flat .dijitSliderDecrementIconH, | |
.flat .dijitSliderDecrementIconV, | |
.flat .dijitSliderIncrementIconH, | |
.flat .dijitSliderIncrementIconV, | |
.flat .dijitTab i.material-icons, | |
.flat .dijitTabContainerTabListNested .dijitTab, | |
.flat .dijitTabContainerTabListNested .dijitTabActive, | |
.flat .dijitTabContainerTabListNested .dijitTabChecked, | |
.flat .dijitTabContainerTabListNested .dijitTabChecked.dijitTabActive, | |
.flat .dijitTabContainerTabListNested .dijitTabChecked.dijitTabHover, | |
.flat .dijitTabStripIcon, | |
.flat .dijitTree .dijitTreeRowSelected .dijitTreeExpando, | |
.flat .dijitTreeExpando, | |
body.ttrss_main #headlines-spacer a:hover, | |
body.ttrss_main #prefFilterTestResultList, | |
body.ttrss_main #toolbar-frame #toolbar #selected_prompt, | |
body.ttrss_main a, | |
body.ttrss_main ul.hotkeys-help .hk, | |
body.ttrss_utility .content h4, | |
body.ttrss_utility .footer a:hover, | |
body.ttrss_utility a, | |
div#floatingTitle .collapse i.material-icons, | |
div#floatingTitle .feed-title a.catchup:hover, | |
div.cdm.expandable.active .collapse i.material-icons, | |
div.cdm.expandable.active div.header a.title, | |
div.cdm.expanded.active div.header a.title { | |
color: #e47795 | |
} | |
.flat .dijitButton.alt-info .dijitButtonNode, | |
.flat .dijitButton.alt-primary .dijitButtonNode, | |
.flat .dijitComboBox.alt-info .dijitButtonNode, | |
.flat .dijitComboBox.alt-primary .dijitButtonNode, | |
.flat .dijitComboButton.alt-info .dijitButtonNode, | |
.flat .dijitComboButton.alt-primary .dijitButtonNode, | |
.flat .dijitDropDownButton.alt-info .dijitButtonNode, | |
.flat .dijitDropDownButton.alt-primary .dijitButtonNode, | |
.flat .dijitSelect.alt-info .dijitButtonContents, | |
.flat .dijitSelect.alt-info .dijitButtonNode, | |
.flat .dijitSelect.alt-primary .dijitButtonContents, | |
.flat .dijitSelect.alt-primary .dijitButtonNode, | |
.flat .dijitSliderImageHandle:after, | |
.flat .dijitSpinner.alt-info .dijitArrowButton, | |
.flat .dijitSpinner.alt-primary .dijitArrowButton, | |
.flat .dijitTabContainerBottom-tabs .dijitTabChecked:before, | |
.flat .dijitTabContainerLeft-tabs .dijitTabChecked:before, | |
.flat .dijitTabContainerRight-tabs .dijitTabChecked:before, | |
.flat .dijitTabContainerTop-tabs .dijitTabChecked:before, | |
.flat .dijitToggleButton.alt-info .dijitButtonNode, | |
.flat .dijitToggleButton.alt-primary .dijitButtonNode, | |
::selection { | |
background: #e47795 | |
} | |
.flat .dijitButton.alt-info .dijitButtonNode, | |
.flat .dijitButton.alt-primary .dijitButtonNode, | |
.flat .dijitComboBox.alt-info .dijitButtonNode, | |
.flat .dijitComboBox.alt-primary .dijitButtonNode, | |
.flat .dijitComboButton.alt-info .dijitButtonNode, | |
.flat .dijitComboButton.alt-primary .dijitButtonNode, | |
.flat .dijitDropDownButton.alt-info .dijitButtonNode, | |
.flat .dijitDropDownButton.alt-primary .dijitButtonNode, | |
.flat .dijitSelect.alt-info .dijitButtonContents, | |
.flat .dijitSelect.alt-info .dijitButtonNode, | |
.flat .dijitSelect.alt-primary .dijitButtonContents, | |
.flat .dijitSelect.alt-primary .dijitButtonNode, | |
.flat .dijitSpinner.alt-info .dijitArrowButton, | |
.flat .dijitSpinner.alt-primary .dijitArrowButton, | |
.flat .dijitToggleButton.alt-info .dijitButtonNode, | |
.flat .dijitToggleButton.alt-primary .dijitButtonNode { | |
border-color: #ba6079 | |
} | |
.flat .dijitAccordionInnerContainerSelected .dijitAccordionTitle, | |
.flat .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover, | |
.flat .dijitCalendarSelectedDate .dijitCalendarDateLabel, | |
.flat .dijitCalendarSelectedDate.dijitCalendarHoveredDate .dijitCalendarDateLabel, | |
.flat .dijitMenuBar .dijitMenuItemActive, | |
.flat .dijitMenuBar .dijitMenuItemActive.dijitMenuItemSelected, | |
.flat .dijitMenuBar .dijitMenuItemHover, | |
.flat .dijitMenuBar .dijitMenuItemHover.dijitMenuItemSelected, | |
.flat .dijitMenuBar .dijitMenuItemSelected, | |
.flat .dijitMenuItemActive, | |
.flat .dijitMenuItemActive td, | |
.flat .dijitMenuItemHover, | |
.flat .dijitMenuItemHover td, | |
.flat .dijitMenuItemSelected, | |
.flat .dijitMenuItemSelected td, | |
.flat .dijitProgressBarFull, | |
.flat .dijitRadio:after, | |
.flat .dijitRadioIcon:after, | |
.flat .dijitRadioMenuItem .dijitCheckedMenuItemIcon:after, | |
.flat .dijitSlider .dijitSliderBottomBumper, | |
.flat .dijitSlider .dijitSliderLeftBumper, | |
.flat .dijitSlider .dijitSliderProgressBarH, | |
.flat .dijitSlider .dijitSliderProgressBarV, | |
.flat .dijitTreeRowActive.dijitTreeRowSelected, | |
.flat .dijitTreeRowHover.dijitTreeRowSelected, | |
.flat .dijitTreeRowSelected, | |
::-webkit-scrollbar-thumb { | |
background-color: #e47795 | |
} | |
.cdm div.feed-title { | |
border: 0 solid #e47795 | |
} | |
.dojoDndItemAfter, | |
.dojoDndItemBefore, | |
.flat .dijitCheckBoxCheckedHover, | |
.flat .dijitCheckBoxHover, | |
.flat .dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg, | |
.flat .dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg, | |
.flat .dijitEditorFocused .dijitEditorIFrameContainer, | |
.flat .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame, | |
.flat .dijitEditorHover .dijitEditorIFrameContainer, | |
.flat .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame, | |
.flat .dijitRadio, | |
.flat .dijitRadioIcon, | |
.flat .dijitSliderImageHandle { | |
border: 1px solid #e47795 | |
} | |
.flat .dijitCalendarCurrentDate .dijitCalendarDateLabel, | |
.flat .dijitTextBoxFocused, | |
.flat .dijitTextBoxHover { | |
border-color: #e47795 | |
} | |
.flat .dijitCheckBoxChecked { | |
background-color: #e47795; | |
border-color: #e47795 | |
} | |
.dojoDndItemAnchor, | |
.flat .dijitInlineEditBoxDisplayModeHover { | |
border: 1px dashed #e47795 | |
} | |
body.ttrss_main .alert-info, | |
body.ttrss_utility .alert-info { | |
background-color: #e4779514; | |
color: #d66e8b | |
} | |
body.ttrss_main .text-info, | |
body.ttrss_utility .text-info { | |
color: #e47795 | |
} | |
.flat .dijitRadioCheckedDisabled { | |
border-color: #e47795a8 | |
} | |
.flat .dijitRadioCheckedDisabled:after { | |
background-color: #e47795a8 | |
} | |
.flat .dijitCheckBoxCheckedDisabled { | |
border-color: #e47795a8; | |
background-color: #e47795a8 | |
} | |
.flat .dijitMenuBar .dijitMenuItemDisabled.dijitMenuItemSelected, | |
.flat .dijitMenuItemDisabled.dijitMenuItemSelected, | |
.flat .dijitMenuItemDisabled.dijitMenuItemSelected td { | |
background: #e47795a8 | |
} | |
.flat .dijitMenu .dijitMenuItem.dijitDisabled:not(.dijitMenuItemSelected) .dijitMenuItemLabel { | |
color: #e47795 | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import url(https://fonts.googleapis.com/css?family=Miriam+Libre:400,700&display=swap);a.title{font-family:'Miriam Libre',Noto Sans CJK SC,Microsoft YaHei,sans-serif,Apple Color Emoji,Segoe UI Emoji!important}#content-wrap#content-wrap .content,#content-wrap#content-wrap .content-inner,#feedTree,body{font-family:Avenir Next,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif,Apple Color Emoji,Segoe UI Emoji!important}#content-wrap#content-wrap .content,#content-wrap#content-wrap .content img,#content-wrap#content-wrap .content video,#content-wrap#content-wrap .content-inner{max-width:45em}body.ttrss_main #feeds-holder #feedTree .dijitTreeRow.Error .dijitTreeLabel{color:#0000005c}body.ttrss_main #main{background-color:#f7f7f7!important}.dijitTreeLabel{font-weight:600}#feeds-holder#feeds-holder #feedTree .dijitTreeRow[style="padding-left: 19px;"]{padding-left:2px!important}#feeds-holder#feeds-holder #feedTree{font-size:14px}.flat .dijitTree .dijitTreeNode .dijitTreeRow{padding:5px 0}#feeds-holder#feeds-holder #feedTree .dijitTreeContainer{padding:30px 0}#feeds-holder#feeds-holder #feedTree .dijitTreeExpando{top:0;left:-5px}#feeds-holder#feeds-holder #feedTree .dijitTreeNodeContainer[role=group]{padding-left:28px}#content-wrap#content-wrap #headlines-frame{padding-top:0}#content-wrap#content-wrap #headlines-spacer::after{background-color:#fff}#content-wrap#content-wrap #floatingTitle,#content-wrap#content-wrap #floatingTitle .title,.cdm div.feed-title a:hover,.flat .dijitAccordionInnerContainer:not(.dijitSelected) i.material-icons,.flat .dijitCalendarNextYear,.flat .dijitCalendarPreviousYear,.flat .dijitCalendarSelectedYear,.flat .dijitCheckBoxIcon:before,.flat .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon:before,.flat .dijitSliderDecrementIconH,.flat .dijitSliderDecrementIconV,.flat .dijitSliderIncrementIconH,.flat .dijitSliderIncrementIconV,.flat .dijitTab i.material-icons,.flat .dijitTabContainerTabListNested .dijitTab,.flat .dijitTabContainerTabListNested .dijitTabActive,.flat .dijitTabContainerTabListNested .dijitTabChecked,.flat .dijitTabContainerTabListNested .dijitTabChecked.dijitTabActive,.flat .dijitTabContainerTabListNested .dijitTabChecked.dijitTabHover,.flat .dijitTabStripIcon,.flat .dijitTree .dijitTreeRowSelected .dijitTreeExpando,.flat .dijitTreeExpando,body.ttrss_main #headlines-spacer a:hover,body.ttrss_main #prefFilterTestResultList,body.ttrss_main #toolbar-frame #toolbar #selected_prompt,body.ttrss_main a,body.ttrss_main ul.hotkeys-help .hk,body.ttrss_utility .content h4,body.ttrss_utility .footer a:hover,body.ttrss_utility a,div#floatingTitle .collapse i.material-icons,div#floatingTitle .feed-title a.catchup:hover,div.cdm.expandable.active .collapse i.material-icons,div.cdm.expandable.active div.header a.title,div.cdm.expanded.active div.header a.title{color:#e47795}.flat .dijitButton.alt-info .dijitButtonNode,.flat .dijitButton.alt-primary .dijitButtonNode,.flat .dijitComboBox.alt-info .dijitButtonNode,.flat .dijitComboBox.alt-primary .dijitButtonNode,.flat .dijitComboButton.alt-info .dijitButtonNode,.flat .dijitComboButton.alt-primary .dijitButtonNode,.flat .dijitDropDownButton.alt-info .dijitButtonNode,.flat .dijitDropDownButton.alt-primary .dijitButtonNode,.flat .dijitSelect.alt-info .dijitButtonContents,.flat .dijitSelect.alt-info .dijitButtonNode,.flat .dijitSelect.alt-primary .dijitButtonContents,.flat .dijitSelect.alt-primary .dijitButtonNode,.flat .dijitSliderImageHandle:after,.flat .dijitSpinner.alt-info .dijitArrowButton,.flat .dijitSpinner.alt-primary .dijitArrowButton,.flat .dijitTabContainerBottom-tabs .dijitTabChecked:before,.flat .dijitTabContainerLeft-tabs .dijitTabChecked:before,.flat .dijitTabContainerRight-tabs .dijitTabChecked:before,.flat .dijitTabContainerTop-tabs .dijitTabChecked:before,.flat .dijitToggleButton.alt-info .dijitButtonNode,.flat .dijitToggleButton.alt-primary .dijitButtonNode,::selection{background:#e47795}.flat .dijitButton.alt-info .dijitButtonNode,.flat .dijitButton.alt-primary .dijitButtonNode,.flat .dijitComboBox.alt-info .dijitButtonNode,.flat .dijitComboBox.alt-primary .dijitButtonNode,.flat .dijitComboButton.alt-info .dijitButtonNode,.flat .dijitComboButton.alt-primary .dijitButtonNode,.flat .dijitDropDownButton.alt-info .dijitButtonNode,.flat .dijitDropDownButton.alt-primary .dijitButtonNode,.flat .dijitSelect.alt-info .dijitButtonContents,.flat .dijitSelect.alt-info .dijitButtonNode,.flat .dijitSelect.alt-primary .dijitButtonContents,.flat .dijitSelect.alt-primary .dijitButtonNode,.flat .dijitSpinner.alt-info .dijitArrowButton,.flat .dijitSpinner.alt-primary .dijitArrowButton,.flat .dijitToggleButton.alt-info .dijitButtonNode,.flat .dijitToggleButton.alt-primary .dijitButtonNode{border-color:#ba6079}.flat .dijitAccordionInnerContainerSelected .dijitAccordionTitle,.flat .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover,.flat .dijitCalendarSelectedDate .dijitCalendarDateLabel,.flat .dijitCalendarSelectedDate.dijitCalendarHoveredDate .dijitCalendarDateLabel,.flat .dijitMenuBar .dijitMenuItemActive,.flat .dijitMenuBar .dijitMenuItemActive.dijitMenuItemSelected,.flat .dijitMenuBar .dijitMenuItemHover,.flat .dijitMenuBar .dijitMenuItemHover.dijitMenuItemSelected,.flat .dijitMenuBar .dijitMenuItemSelected,.flat .dijitMenuItemActive,.flat .dijitMenuItemActive td,.flat .dijitMenuItemHover,.flat .dijitMenuItemHover td,.flat .dijitMenuItemSelected,.flat .dijitMenuItemSelected td,.flat .dijitProgressBarFull,.flat .dijitRadio:after,.flat .dijitRadioIcon:after,.flat .dijitRadioMenuItem .dijitCheckedMenuItemIcon:after,.flat .dijitSlider .dijitSliderBottomBumper,.flat .dijitSlider .dijitSliderLeftBumper,.flat .dijitSlider .dijitSliderProgressBarH,.flat .dijitSlider .dijitSliderProgressBarV,.flat .dijitTreeRowActive.dijitTreeRowSelected,.flat .dijitTreeRowHover.dijitTreeRowSelected,.flat .dijitTreeRowSelected,::-webkit-scrollbar-thumb{background-color:#e47795}.cdm div.feed-title{border:0 solid #e47795}.dojoDndItemAfter,.dojoDndItemBefore,.flat .dijitCheckBoxCheckedHover,.flat .dijitCheckBoxHover,.flat .dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg,.flat .dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg,.flat .dijitEditorFocused .dijitEditorIFrameContainer,.flat .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame,.flat .dijitEditorHover .dijitEditorIFrameContainer,.flat .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame,.flat .dijitRadio,.flat .dijitRadioIcon,.flat .dijitSliderImageHandle{border:1px solid #e47795}.flat .dijitCalendarCurrentDate .dijitCalendarDateLabel,.flat .dijitTextBoxFocused,.flat .dijitTextBoxHover{border-color:#e47795}.flat .dijitCheckBoxChecked{background-color:#e47795;border-color:#e47795}.dojoDndItemAnchor,.flat .dijitInlineEditBoxDisplayModeHover{border:1px dashed #e47795}body.ttrss_main .alert-info,body.ttrss_utility .alert-info{background-color:#e4779514;color:#d66e8b}body.ttrss_main .text-info,body.ttrss_utility .text-info{color:#e47795}.flat .dijitRadioCheckedDisabled{border-color:#e47795a8}.flat .dijitRadioCheckedDisabled:after{background-color:#e47795a8}.flat .dijitCheckBoxCheckedDisabled{border-color:#e47795a8;background-color:#e47795a8}.flat .dijitMenuBar .dijitMenuItemDisabled.dijitMenuItemSelected,.flat .dijitMenuItemDisabled.dijitMenuItemSelected,.flat .dijitMenuItemDisabled.dijitMenuItemSelected td{background:#e47795a8}.flat .dijitMenu .dijitMenuItem.dijitDisabled:not(.dijitMenuItemSelected) .dijitMenuItemLabel{color:#e47795} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Tiny Tiny RSS - Pink Feedly Theme
Features
Demo
Home Page
Preferences
Installation
ttrss-theme.min.css
file and paste it into the "Custom CSS"I've also included the original version of the CSS file:
ttrss-theme.css
for you to tweak. Enjoy~