Get this theme for your Blogger dashboard using Stylus for Chrome or Stylem for Firefox. Works with Cascadea for Safari if you copy the code and save as a .css file.
@-moz-document domain("blogger.com") {
/*--=== Blogger ===--*/
/* main background */
.O3LMFb {
background-color: #fff6fa;
}
/* top bar */
.gb_Ld {
background-color: #ffdbe8;
border-bottom: 0px solid #f7b8cf;
}
.gb_na:not(.gb_oa) .gb_Md {
background-color: #ffdbe8;
padding: 8px;
}
/* left sidebar */
.gb_Mc.gb_Nc {
background-color: #ffe8f0;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
}
/*--=== Text ===--*/
/* View blog */
.HQ8yf .TpQm9d.kFANI,
.HQ8yf .TpQm9d.kFANI:hover,
.HQ8yf .TpQm9d.kFANI:link,
.HQ8yf .TpQm9d.kFANI:visited {
color: #d85f93;
font-weight: 500;
}
/* right sidebar categories */
.haXJ6e .kurlme {
color: #b56d8a;
font-size: 16px;
font-weight: 400;
letter-spacing: .15px;
line-height: 24px;
}
/* other blogs */
.MocG8c.RDPZE {
color: #8f6f7d;
pointer-events: none;
cursor: default;
}
/* selected sidebar category */
.qZiECe .Pao7hd .JuSvhf.Ce1Y1c,
.qZiECe .Pao7hd .DPvwYc,
.qZiECe .Pao7hd .NMm5M,
.qZiECe .Pao7hd .DQGx6d {
color: #ed78a7;
fill: #ed78a7;
}
/* blog selector text */
.MocG8c {
border-color: #ffdbe8;
color: #b56d8a;
height: 0;
list-style: none;
outline: none;
overflow: hidden;
padding-left: 16px;
padding-right: 24px;
position: relative;
text-align: left;
white-space: nowrap;
}
/* selected blog */
.iRqe {
color: #b56d8a;
font-size: 16px;
font-weight: 400;
line-height: 48px;
}
/* manage */
.haXJ6e .PwroAb .snByac {
color: #b56d8a;
font-size: 14px;
font-weight: 500;
letter-spacing: .4px;
}
/* post titles */
.haXJ6e .UHwcef {
color: #9b5f76;
font-size: 16px;
font-weight: 400;
letter-spacing: .25px;
line-height: 21px;
}
/* post dates */
.haXJ6e .NY7gZe {
color: #aa9582;
font-size: 14px;
font-weight: 400;
letter-spacing: .4px;
line-height: 20px;
}
/* dropdown: all, published, draft, scheduled */
.MocG8c {
border-color: #ffdbe8;
color: #b56d8a;
height: 0;
list-style: none;
outline: none;
overflow: hidden;
padding-left: 16px;
padding-right: 24px;
position: relative;
text-align: left;
white-space: nowrap;
}
/* dropdown selector */
.ncFHed .MocG8c.KKjvXb {
background-color: #fff6fa;
border-style: dotted;
border-width: 1px 0;
outline: 1px solid transparent;
padding-bottom: 7px;
padding-top: 7px;
}
/* hide earnings */
span.N9wOvf.m54AJ.aaG7md.uH29Zd{display:none;}
/* draft text */
.haXJ6e .htI7vb {
color: #b56d8a;
/* general text */
body {
height: 100%;
overflow: scroll;
color: #7c5f6b;
font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
margin: 0;
}
/* colors editor ID */
.avWGjd {
color: #ed78a7!important;
font-size: 14px;
font-weight: 400;
line-height: 32px;
}
a{color: #ed78a7!important;}
/*--=== Post selector ===--*/
/* post card */
.vOSR6b {
background-color: #fff;
border: 1px solid #f4d6e2;
border-radius: 6px;
box-shadow: none;
}
/* card hover */
.vOSR6b:hover {
background-color: #fff0f6;
border: 1px solid #ffd1dc;
box-shadow: 0 1px 2px 0 rgb(237 120 167 / 20%), 0 2px 6px 2px rgb(237 120 167 / 12%);
}
/*--=== Buttons ===--*/
/* connect AdSense button */
.e3Duub,
.e3Duub .TpQm9d,
.e3Duub .TpQm9d:hover,
.e3Duub .TpQm9d:link,
.e3Duub .TpQm9d:visited {
background: #ed78a7;
color: #fff;
}
/* create post button */
.A8Dip {
background-color: #ed78a7;
}
/* filter by label */
.fKz7Od {
color: #ed78a7;
fill: #ed78a7;
}
/* settings toggle on/off */
[aria-checked="true"] .E7QdY {
border-color: #ed78a7;
}
[aria-checked="true"] > .hh4xKf {
border-color: #ed78a7;
}
/* new post button */
.haXJ6e .zFM5pd {
background-color: #fff;
box-shadow: 0 1px 4px 0 rgba(60, 64, 67, .3);
color: #ed78a7!important;
}
/* dropdown arrow */
.e2CuFe {
border-color: #ed78a7 transparent;
border-style: solid;
border-width: 6px 6px 0 6px;
height: 0;
width: 0;
position: absolute;
right: 5px;
top: 15px;
}
/* labels */
.haXJ6e .qtvRHc {
border: 1px solid #ed78a7;
border-radius: 32px;
color: #ed78a7;
background: #fff6fa;
font-size: 12px;
font-weight: 400;
letter-spacing: .25px;
line-height: 18px;
max-width: none;
min-width: 12px;
padding: 6px 12px;
text-align: center;
}
/* comments and stats icons */
.haXJ6e .JB36v {
color: #b56d8a;
font-size: 14px;
line-height: 20px;
}
/* right sidebar icons */
.haXJ6e .Un8wMb .DPvwYc {
color: #ed78a7;
fill: #ed78a7;
}
/* search */
.gb_na {
color: #7c5f6b;
min-width: 320px;
}
/* layout page */
html {
background-color: #fff6fa;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
}
/* top text */
.q6mdaf {
color: #8f6f7d;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
/* terms of service links */
.E9213c .NUK5Wd {
display: inline-block;
font-size: 12px;
color: #b56d8a;
line-height: 1.6em;
padding-left: 6px;
padding-right: 6px;
}
/* theme designer direct link */
a {
text-decoration: none;
color: #ed78a7;
}
/* layout widgets */
body#layout {
background-color: #fff6fa;
border: 1px solid #f4d6e2;
font-size: small;
margin: 0;
min-height: 0;
padding: 87px 0 0;
text-align: center;
}
body#layout div.section {
background-color: #fff6fa;
border: #f4d6e2;
font-family: Roboto, sans-serif;
margin: 0 4px 8px 4px;
overflow: visible;
padding: 16px;
position: relative;
}
body#layout .locked-widget .widget-content {
background-color: #ffe8f0;
}
body#layout .widget-content {
box-shadow: #ffd1dc 0 0 2px 0, rgb(237 120 167 / 18%) 0 2px 2px 0;
color: #b56d8a;
line-height: 24px;
overflow: hidden;
padding: 16px;
position: relative;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
body#layout div.layout-widget-description {
color: #aa9582;
font-size: 14px;
}
body#layout .draggable-widget .widget-wrap2 {
background: #ffe8f0 url(/img/widgets/draggable.png) no-repeat 4px 50%;
cursor: move;
}
/* bottom layout bar */
.L3ijne {
border-top: 1px solid #ffd1dc;
}
.fkIfyc,
.L3ijne {
align-items: center;
background: #fff6fa;
display: flex;
flex: 0 0 auto;
flex-direction: row;
justify-content: flex-end;
height: 64px;
padding: 0 32px;
}
/* stats page */
.qqpScb,
.qqpScb.vOSR6b {
background-color: #fff6fa;
display: flex;
flex-direction: column;
flex-grow: 1;
}
/* stats results */
.ptE5Wc {
margin: 0 8px 0 20px;
color: #8f6f7d;
}
/* theme page */
/* customize button */
.haXJ6e .N0fyJf {
background: #ed78a7;
border-left: 1px solid #f4d6e2;
border-radius: 3px;
color: #fff;
box-shadow: 0px 2px 2px 0px rgb(237 120 167 / 20%), 0px 3px 1px -2px rgb(237 120 167 / 12%), 0px 1px 5px 0px rgb(237 120 167 / 20%);
}
/* settings section */
/* editable */
.OGjyyf {
color: #ed78a7;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
/* reading list section */
/* top element */
.jmtclb {
background: #fff;
border: 1px solid #f4d6e2;
padding: 8px;
position: relative;
}
/* post editor */
/* article text */
.CodeMirror {
font-family: 'Roboto';
height: 300px;
color: #7c5f6b;
direction: ltr;
}
/* article background */
.CodeMirror {
position: relative;
overflow: hidden;
background: #fff;
}
/* rows/gutters */
.CodeMirror-gutters {
border-right: 1px solid #ffd1dc;
background-color: #fff0f6;
white-space: nowrap;
}
/* top panel */
.SddhE .oqVKcb {
align-items: center;
background: #fff6fa;
display: flex;
flex-direction: row;
flex: 0 0 auto;
}
/* code editor colors */
.cm-s-default .cm-string {
color: #7fa36b;
}
/* CSS */
.cm-s-default .cm-atom {
color: #d85f93;
}
/* attributes */
.cm-s-default .cm-attribute {
color: #c98b42;
}
/* tags */
.cm-s-default .cm-tag {
color: #b56d8a;
}
/* html comments */
.cm-s-default .cm-comment {
color: #c9a4b4;
}
/* meta */
.cm-s-default .cm-meta {
color: #ed78a7;
}
/* update button */
.vAOvBb .jPVgtf {
background-color: #ed78a7;
border-radius: 3px;
border: none;
color: #fff;
height: 40px;
margin-left: 16px;
}
/* adaptable sidebar */
.gb_Hc {
background-color: #ffe8f0;
bottom: 0;
color: #7c5f6b;
height: -webkit-calc(100vh - 100%);
height: calc(100vh - 100%);
overflow-y: auto;
overflow-x: hidden;
position: absolute;
top: 100%;
z-index: 990;
will-change: visibility;
visibility: hidden;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-transition: transform .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear .25s;
transition: transform .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear .25s;
}
/* selector: all, published, draft, scheduled */
.ncFHed {
transition: opacity 0.1s linear;
background: #fff;
border: 1px solid #f4d6e2;
box-shadow: 0px 8px 10px 1px rgb(237 120 167 / 14%), 0px 3px 14px 2px rgb(237 120 167 / 12%), 0px 5px 5px -3px rgb(237 120 167 / 20%);
opacity: 0;
outline: 1px solid transparent;
overflow: hidden;
overflow-y: auto;
position: fixed;
z-index: 2000;
}
/* labels in post editor mode */
.vDfECb {
background-color: #fff6fa;
margin-top: -2px;
max-height: 244px;
min-height: 140px;
overflow-y: auto;
}
/* arrows in post editor mode */
.OJgpGc {
color: #b56d8a;
flex-grow: 0;
flex-shrink: 0;
padding-left: 16px;
width: 24px;
position: relative;
margin: -2px 0;
-webkit-user-select: none;
}
/* text editor background */
.pEg5pc {
background-color: #fff6fa;
}
/* SVG details */
.gb_na svg,
.gb_Hc svg,
.gb_3c .gb_5d,
.gb_Sc .gb_5d {
color: #ed78a7;
opacity: 1;
}
/* image configuration popup */
.g3VIld {
background-color: #fff6fa;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 12px 15px 0 rgb(237 120 167 / 24%);
box-shadow: 0 12px 15px 0 rgb(237 120 167 / 24%);
max-width: 24em;
outline: 1px solid transparent;
overflow: hidden;
}
/* title color */
.AxOyFc.snByac {
color: #8f6f7d;
}
/* article title color */
.whsOnd.zHQkBf {
color: #8f6f7d;
}
/* label color */
.KHxj8b.tL9Q4c {
color: #ed78a7;
}}
}
