halo-theme-dream/src/css/celebration.less

梦之城，童话梦境，动漫类型博客主题。

html.celebration {
  --main: hsla(0, 0%, 100%, 0.9);
  --theme: #ff3b3b!important;
  --background: rgba(201, 57, 58, 0.95);
  --title: #fff;
  --light-a: #fff;
  --light-b: #f13a3a;
  --light-c: #dcdcdc;
  --light-d: #f13a3a;
  --dark-a: #eee;
  --dark-b: #eee;
  --dark-c: #fff;
  --dark-d: #e4e4e4;
  --dark-e: #e4e4e4;
  --color-a: #f13a3a;
  --bg-a: hsla(0,0%,100%,.102);
  --bg-b: #ec9494;
  --bg-c: #ea5454;
  --bg-d: rgba(189, 13, 14, 0.8);
  --bg-e: #f13a3a;
  --bg-g: #ec9494;
  --bg-j: hsla(0, 0%, 100%, 0.102);
  --bg-k: hsla(0, 0%, 100%, 0.102);
  --bg-l: rgb(239 107 107 / 80%);
  --bg-h: hsl(0deg 68% 53% / 80%);
  --box-shadow: 1px 1px 3px 1px #cb0b0b;
  --comm-color-a: #eee;
  --comm-color-c: #eee;
  --comm-color-b: #eee;
  --comm-color-d: #bbb;
  --comm-color-f: #eee;
  --comm-color-i: #ddd;
  --comm-bg-a: rgb(181 51 51 / 80%);
  --comm-bg-b: rgb(204 78 78 / 90%);
  --comm-bg-h: rgb(204 78 78 / 90%);

  background-color: #ec9494;

  body {
    background: rgb(145 11 11 / 90%);
  }

  .banner .banner-waves {
    fill: #b81213;
  }

  .navbar .navbar-search .input, .navbar .navbar-search-mobile .input {
    &:focus {
      background: var(--bg-a);
    }

    &::placeholder {
      color: #ec9494;
    }
  }

  .navbar-slideout {
    background: rgb(145, 11, 11);
  }

  .navbar-slideout-menu {
    background: var(--background);
  }

  .banner:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIzLTExLTAzVDAwOjMxOjMwKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0xMS0wM1QwMDo0OTozMSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0xMS0wM1QwMDo0OTozMSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplMjE4OTA3NS1hNzI0LWJmNGItOTFjYS01YTJiMTU3N2U1ZTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZTIxODkwNzUtYTcyNC1iZjRiLTkxY2EtNWEyYjE1NzdlNWU3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZTIxODkwNzUtYTcyNC1iZjRiLTkxY2EtNWEyYjE1NzdlNWU3Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMjE4OTA3NS1hNzI0LWJmNGItOTFjYS01YTJiMTU3N2U1ZTciIHN0RXZ0OndoZW49IjIwMjMtMTEtMDNUMDA6MzE6MzArMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4LH1UYAAAAHklEQVQIHWP4LyhoCMR+UNqQAZkDEzBEwn7IAmCVAPCsFZXLivthAAAAAElFTkSuQmCC);
  }

  .card {
    border-radius: 0;

    &:hover {
      background: #b81213;
    }
  }

  .hljs {
    color: hsla(0, 25%, 94%, 0.9);
    background: hsl(0deg 68% 53% / 80%);
  }

  .main-content {

    .note {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA/tpB3AAAAFUlEQVQImWMY7ODr16//CbmRgYEBAJG+A9/jkW/TAAAAAElFTkSuQmCC);
    }

    figure {

      pre>ul, figcaption {
        color: #eebfbf;
        background: rgb(255 132 132 / 40%);
      }

      pre code {
        color: hsla(0, 25%, 94%, 0.9);
      }
    }

    .pwd {
      background: var(--bg-g);
      color: var(--bg-g);
    }
  }

  .tips {
    background-color: rgb(253 237 237 / 90%)!important;
  }

  .widget.profile .address {
    color: #e4e4e4;
  }

  .links:not(.widget) .link-desc {
    color: #e4e4e4;
  }

  .aplayer .aplayer-info .aplayer-music .aplayer-author,
  .aplayer .aplayer-lrc p,
  .aplayer .aplayer-info .aplayer-controller .aplayer-time,
  .aplayer .aplayer-list ol li .aplayer-list-author,
  .aplayer .aplayer-list ol li .aplayer-list-index {
    color: #ddd;
  }

  .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {
    fill: #ddd;
  }
}