Learn the secrets of Medium’s top writers!
New to Medium? Need to create an account? Join!
Medium Writer Facebook Group
.u-accentColor--borderLight {border-color: #648C9D !important;}
.u-accentColor--borderNormal {border-color: #648C9D !important;}
.u-accentColor--borderDark {border-color: #587886 !important;}
.u-accentColor--iconLight .svgIcon,.u-accentColor--iconLight.svgIcon {fill: #648C9D !important;}
.u-accentColor--iconNormal .svgIcon,.u-accentColor--iconNormal.svgIcon {fill: #648C9D !important;}
.u-accentColor--iconDark .svgIcon,.u-accentColor--iconDark.svgIcon {fill: #587886 !important;}
.u-accentColor--textNormal {color: #587886 !important;}
.u-accentColor--hoverTextNormal:hover {color: #587886 !important;}
.u-accentColor--textNormal.u-accentColor--textDarken:hover {color: #526E7A !important;}
.u-accentColor--textDark {color: #526E7A !important;}
.u-accentColor--backgroundLight {background-color: #648C9D !important;}
.u-accentColor--backgroundNormal {background-color: #648C9D !important;}
.u-accentColor--backgroundDark {background-color: #587886 !important;}
.u-accentColor--buttonDark {border-color: #587886 !important; color: #526E7A !important;}
.u-accentColor--buttonDark:hover {border-color: #526E7A !important;}
.u-accentColor--buttonDark .icon:before,.u-accentColor--buttonDark .svgIcon{color: #587886 !important; fill: #587886 !important;}
.u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: #648C9D !important; color: #587886 !important;}
.u-accentColor--buttonNormal:hover {border-color: #587886 !important;}
.u-accentColor--buttonNormal .icon:before,.u-accentColor--buttonNormal .svgIcon{color: #648C9D !important; fill: #648C9D !important;}
.u-accentColor--buttonNormal.button--filled .icon:before,.u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
.u-accentColor--buttonDark.button--filled,.u-accentColor--buttonDark.button--withChrome.is-active,.u-accentColor--fillWhenActive.is-active {background-color: #587886 !important; border-color: #587886 !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
.u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: #648C9D !important; border-color: #648C9D !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;}
.postArticle.is-withAccentColors .markup--user,.postArticle.is-withAccentColors .markup--query {color: #587886 !important;}.u-tintBgColor {background-color: rgba(0, 48, 63, 1) !important;}.u-tintBgColor .u-fadeLeft:before {background-image: linear-gradient(to right, rgba(0, 48, 63, 1) 0%, rgba(0, 48, 63, 0) 100%) !important;}.u-tintBgColor .u-fadeRight:after {background-image: linear-gradient(to right, rgba(0, 48, 63, 0) 0%, rgba(0, 48, 63, 1) 100%) !important;}
.u-tintSpectrum .u-baseColor--borderLight {border-color: #8EA4AE !important;}
.u-tintSpectrum .u-baseColor--borderNormal {border-color: #BBCAD2 !important;}
.u-tintSpectrum .u-baseColor--borderDark {border-color: #E6EFF4 !important;}
.u-tintSpectrum .u-baseColor--iconLight .svgIcon,.u-tintSpectrum .u-baseColor--iconLight.svgIcon {fill: #8EA4AE !important;}
.u-tintSpectrum .u-baseColor--iconNormal .svgIcon,.u-tintSpectrum .u-baseColor--iconNormal.svgIcon {fill: #BBCAD2 !important;}
.u-tintSpectrum .u-baseColor--iconDark .svgIcon,.u-tintSpectrum .u-baseColor--iconDark.svgIcon {fill: #E6EFF4 !important;}
.u-tintSpectrum .u-baseColor--textNormal {color: #BBCAD2 !important;}
.u-tintSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: #FAFFFF !important;}
.u-tintSpectrum .u-baseColor--textDark {color: #FAFFFF !important;}
.u-tintSpectrum .u-baseColor--textDarker {color: #FAFFFF !important;}
.u-tintSpectrum .u-baseColor--backgroundLight {background-color: #8EA4AE !important;}
.u-tintSpectrum .u-baseColor--backgroundNormal {background-color: #BBCAD2 !important;}
.u-tintSpectrum .u-baseColor--backgroundDark {background-color: #E6EFF4 !important;}
.u-tintSpectrum .u-baseColor--buttonLight {border-color: #8EA4AE !important; color: #8EA4AE !important;}
.u-tintSpectrum .u-baseColor--buttonLight:hover {border-color: #8EA4AE !important;}
.u-tintSpectrum .u-baseColor--buttonLight .icon:before,.u-tintSpectrum .u-baseColor--buttonLight .svgIcon {color: #8EA4AE !important; fill: #8EA4AE !important;}
.u-tintSpectrum .u-baseColor--buttonDark {border-color: #E6EFF4 !important; color: #FAFFFF !important;}
.u-tintSpectrum .u-baseColor--buttonDark:hover {border-color: #FAFFFF !important;}
.u-tintSpectrum .u-baseColor--buttonDark .icon:before,.u-tintSpectrum .u-baseColor--buttonDark .svgIcon {color: #E6EFF4 !important; fill: #E6EFF4 !important;}
.u-tintSpectrum .u-baseColor--buttonNormal {border-color: #BBCAD2 !important; color: #BBCAD2 !important;}
.u-tintSpectrum .u-baseColor--buttonNormal:hover {border-color: #E6EFF4 !important;}
.u-tintSpectrum .u-baseColor--buttonNormal .icon:before,.u-tintSpectrum .u-baseColor--buttonNormal .svgIcon {color: #BBCAD2 !important; fill: #BBCAD2 !important;}
.u-tintSpectrum .u-baseColor--buttonDark.button--filled,.u-tintSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: #E6EFF4 !important; border-color: #E6EFF4 !important; color: rgba(0, 48, 63, 1) !important; fill: rgba(0, 48, 63, 1) !important;}
.u-tintSpectrum .u-baseColor--buttonNormal.button--filled,.u-tintSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: #BBCAD2 !important; border-color: #BBCAD2 !important; color: rgba(0, 48, 63, 1) !important; fill: rgba(0, 48, 63, 1) !important;}
.u-tintSpectrum .u-baseColor--link {color: #BBCAD2 !important;}
.u-tintSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: #FAFFFF !important;}
.u-tintSpectrum .u-baseColor--link.link--darken:hover,.u-tintSpectrum .u-baseColor--link.link--darken:focus,.u-tintSpectrum .u-baseColor--link.link--darken:active {color: #FAFFFF !important;}
.u-tintSpectrum .u-baseColor--link.link--dark {color: #FAFFFF !important;}
.u-tintSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-tintSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-tintSpectrum .u-baseColor--link.link--dark.link--darken:active {color: #FAFFFF !important;}
.u-tintSpectrum .u-baseColor--link.link--darker {color: #FAFFFF !important;}
.u-tintSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: #8EA4AE;}
.u-tintSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: #8EA4AE;}
.u-tintSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: #8EA4AE;}
.u-tintSpectrum .ui-h1,.u-tintSpectrum .ui-h2,.u-tintSpectrum .ui-h3,.u-tintSpectrum .ui-h4,.u-tintSpectrum .ui-brand1,.u-tintSpectrum .ui-brand2,.u-tintSpectrum .ui-captionStrong {color: #FAFFFF !important; fill: #FAFFFF !important;}
.u-tintSpectrum .ui-body,.u-tintSpectrum .ui-caps {color: #FAFFFF !important; fill: #FAFFFF !important;}
.u-tintSpectrum .ui-summary,.u-tintSpectrum .ui-caption {color: #8EA4AE !important; fill: #8EA4AE !important;}
.u-tintSpectrum .u-accentColor--borderLight {border-color: #8EA4AE !important;}
.u-tintSpectrum .u-accentColor--borderNormal {border-color: #BBCAD2 !important;}
.u-tintSpectrum .u-accentColor--borderDark {border-color: #E6EFF4 !important;}
.u-tintSpectrum .u-accentColor--iconLight .svgIcon,.u-tintSpectrum .u-accentColor--iconLight.svgIcon {fill: #8EA4AE !important;}
.u-tintSpectrum .u-accentColor--iconNormal .svgIcon,.u-tintSpectrum .u-accentColor--iconNormal.svgIcon {fill: #BBCAD2 !important;}
.u-tintSpectrum .u-accentColor--iconDark .svgIcon,.u-tintSpectrum .u-accentColor--iconDark.svgIcon {fill: #E6EFF4 !important;}
.u-tintSpectrum .u-accentColor--textNormal {color: #BBCAD2 !important;}
.u-tintSpectrum .u-accentColor--hoverTextNormal:hover {color: #BBCAD2 !important;}
.u-tintSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: #FAFFFF !important;}
.u-tintSpectrum .u-accentColor--textDark {color: #FAFFFF !important;}
.u-tintSpectrum .u-accentColor--backgroundLight {background-color: #8EA4AE !important;}
.u-tintSpectrum .u-accentColor--backgroundNormal {background-color: #BBCAD2 !important;}
.u-tintSpectrum .u-accentColor--backgroundDark {background-color: #E6EFF4 !important;}
.u-tintSpectrum .u-accentColor--buttonDark {border-color: #E6EFF4 !important; color: #FAFFFF !important;}
.u-tintSpectrum .u-accentColor--buttonDark:hover {border-color: #FAFFFF !important;}
.u-tintSpectrum .u-accentColor--buttonDark .icon:before,.u-tintSpectrum .u-accentColor--buttonDark .svgIcon{color: #E6EFF4 !important; fill: #E6EFF4 !important;}
.u-tintSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: #BBCAD2 !important; color: #BBCAD2 !important;}
.u-tintSpectrum .u-accentColor--buttonNormal:hover {border-color: #E6EFF4 !important;}
.u-tintSpectrum .u-accentColor--buttonNormal .icon:before,.u-tintSpectrum .u-accentColor--buttonNormal .svgIcon{color: #BBCAD2 !important; fill: #BBCAD2 !important;}
.u-tintSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-tintSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(0, 48, 63, 1) !important; fill: rgba(0, 48, 63, 1) !important;}
.u-tintSpectrum .u-accentColor--buttonDark.button--filled,.u-tintSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-tintSpectrum .u-accentColor--fillWhenActive.is-active {background-color: #E6EFF4 !important; border-color: #E6EFF4 !important; color: rgba(0, 48, 63, 1) !important; fill: rgba(0, 48, 63, 1) !important;}
.u-tintSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-tintSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: #BBCAD2 !important; border-color: #BBCAD2 !important; color: rgba(0, 48, 63, 1) !important; fill: rgba(0, 48, 63, 1) !important;}
.u-tintSpectrum .postArticle.is-withAccentColors .markup--user,.u-tintSpectrum .postArticle.is-withAccentColors .markup--query {color: #BBCAD2 !important;}
.u-accentColor--highlightFaint {background-color: rgba(233, 243, 248, 1) !important;}
.u-accentColor--highlightStrong.is-active .svgIcon {fill: rgba(199, 230, 245, 1) !important;}
.postArticle.is-withAccentColors .markup--quote.is-other {background-color: rgba(233, 243, 248, 1) !important;}
body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-other {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(233, 243, 248, 1), rgba(233, 243, 248, 1));}
.postArticle.is-withAccentColors .markup--quote.is-me {background-color: rgba(214, 236, 246, 1) !important;}
body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-me {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(214, 236, 246, 1), rgba(214, 236, 246, 1));}
.postArticle.is-withAccentColors .markup--quote.is-targeted {background-color: rgba(199, 230, 245, 1) !important;}
body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-targeted {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(199, 230, 245, 1), rgba(199, 230, 245, 1));}
.postArticle.is-withAccentColors .markup--quote.is-selected {background-color: rgba(199, 230, 245, 1) !important;}
body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-selected {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(199, 230, 245, 1), rgba(199, 230, 245, 1));}
.postArticle.is-withAccentColors .markup--highlight {background-color: rgba(199, 230, 245, 1) !important;}
body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--highlight {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(199, 230, 245, 1), rgba(199, 230, 245, 1));}