Tiny Tiny RSS Pink-Feedly Theme

ttrss-theme.css

@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
}

ttrss-theme.min.css

@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}

Tiny Tiny RSS - Pink Feedly Theme

A pink accent color theme based on the original Feedly Theme.

Features

• Pink accent color throughout the entire interface
• Slightly changed bezels for more modern looks
• Custom title font based on Google Fonts
• Slightly heavier fonts on the sidebar

Demo

Home Page

Preferences

Installation

• Log in to your Tiny Tiny RSS server
• Go to preference, and apply the Feedly theme for Tiny Tiny RSS
• Copy the ttrss-theme.min.css file and paste it into the "Custom CSS"
• Click save and reload

I've also included the original version of the CSS file: ttrss-theme.css for you to tweak. Enjoy~