Skip to content

Instantly share code, notes, and snippets.

@spencerwooo
Last active March 29, 2024 02:12
Show Gist options
  • Save spencerwooo/60d15d83737542f11845bcc4742f9510 to your computer and use it in GitHub Desktop.
Save spencerwooo/60d15d83737542f11845bcc4742f9510 to your computer and use it in GitHub Desktop.
Tiny Tiny RSS Pink-Feedly Theme
@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
}
@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}
@spencerwooo
Copy link
Author

spencerwooo commented Jan 28, 2020

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

image

Preferences

image

Installation

image

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment