╰┈➤ ❝ Pink Blogger Dashboard Userstyle

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