theme-desert.css

/*
  COPYRIGHT NOTICE
    
  THIS CODE IS LICENSED UNDER MIT, YOU ARE FREE TO DO WITH THIS CODE AS PER THE LICENSE.
  BUT PLEASE LEAVE THIS NOTICE AS CREDIT TO THE AUTHOR

  GITHUB USER dmollett
*/
/*
  Colors
  - #FBE8A6 (Yellow)
  - #F4976C (Orange)
  - #303C6C (Dark Blue)
  - #B4DFE5 (Mid Blue)
  - #D2FDFF (Light Blue)
*/

:root {
  --color-primary: #0c1a28;
  --color-secondary: #303C6C;
  --color-secondary-dark-1: #303C6C;
  --color-secondary-dark-2: #303C6C;
  --color-secondary-dark-3: #303C6C;
  --color-secondary-dark-4: #303C6C;
  --color-secondary-dark-5: #303C6C;
  --color-secondary-dark-6: #303C6C;
  --color-secondary-dark-7: #303C6C;
  --color-secondary-dark-7: #303C6C;
  --color-secondary-dark-8: #303C6C;
  --color-secondary-dark-8: #303C6C;
  --color-secondary-dark-9: #303C6C;
  --color-secondary-dark-10: #303C6C;
  --color-secondary-dark-11: #303C6C;
  --color-body: #FBE8A6;
  --color-text: #000000;
  --color-text-light: #555;
  --color-text-light-2: #888;
  --color-box-header: #B4DFE5;
  --color-box-body: #D2FDFF;
  --color-footer: #FBE8A6;
  --color-timeline: #ececec;
  --color-input-text: #000000;
  --color-input-background: #FFF;
  --color-input-border: #F4976C;
  --color-input-border-hover: #303C6C;
  --color-navbar: #D2FDFF;
  --color-label: #FBE8A6;
  --color-label-hover: rgba(251,232,166,0.8);
  --color-label-basic: rgba(0,0,0,0.03137254901960784);
  --color-label-border: rgba(0,0,0,0.09411764705882353);
  --color-hover: rgba(0,0,0,0.0392156862745098);
  --color-active: #B4DFE5;
  --color-menu: #fff;
  --color-card: #fff;
  --color-button: #F4976C;
  --color-code-bg: #FBE8A6;
}

.ui.basic.label {
  background-color: var(--color-label);
}

.ui.basic.label:hover {
  background-color: var(--color-label-hover);
  color: var(--color-text);
}

#navbar {
  background-color: var(--color-button);
}

.ui.positive.message {
  background-color: var(--color-box-body);
}

.repository .milestone.list {
  padding: 10px;
  margin-top: 15px;
}

#release-list,
#user-heatmap, .issue.list,
.user.list, .feeds,
.ui.repository.list .item{
  padding: 25px;
}

.feeds .news li img,
.ui.avatar.image {
  border: 1px solid var(--color-secondary) !important;
  border-radius: var(--border-radius);
}

.feeds:not(.page-content),
.ui.secondary.stackable.pointing.menu + #user-heatmap,
.ui.vertical.menu, .issue.list,
.milestone.list, .ui.repository.list,
.user.list, .ui.card, #release-list,
.ui.container.ten.wide.column {
  background-color: var(--color-box-body);
  border: 1px solid var(--color-secondary);
  border-radius: var(--border-radius);
}

.ui.container.ten.wide.column {
  margin-top: 1rem;
}

.ui.primary.button,
.ui.primary.buttons .button,
.ui.blue.button, .ui.blue.buttons, .button {
  background-color: var(--color-button) !important;
  color: var(--color-text);
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover,
.ui.basic.button:hover,
.ui.blue.button:hover, .ui.blue.buttons:hover, .button:hover {
  background-color: var(--color-input-border-hover) !important;
  color: #FFF;
}

.ui.button:hover, .ui.buttons:hover, .button:hover {
  color: #FFF;
}

.editor-toolbar,
.ui.compact.small.menu.header,
.ui.two.item.tabable.menu,
.ui.compact.left.small.menu,
.ui.compact.tiny.menu .item {
  background-color: var(--color-box-body);
}

.ui.top.attached.tabular.menu .item.active,
.ui.compact.tiny.menu .item.active {
  background-color: var(--color-active);
}

.ui.menu .item>.label {
  background: var(--color-box-body);
  color: var(--color-text);
  border: 1px solid var(--color-secondary);
  border-radius: var(--border-radius);
}

.ui.divider:not(.vertical):not(.horizontal) {
  border-color: var(--color-secondary);
  border-bottom: none;
}

.ui.table {
  background: var(--color-box-body);
}

.feeds .list ul li.private,
.ui.table>thead>tr>th,
table>thead>tr>th {
  background: var(--color-box-header)
}

.ui.red.button, .ui.red.buttons .button,
.ui .error.header {
  background: rgb(255, 40, 40) !important;
}

.ui.red.button, .ui.red.buttons .button,
.ui.basic.red.button, .ui.basic.red.buttons .button  {
  color: rgb(75, 0, 0);
}

.ui.green.button, .ui.green.buttons .button,
.ui.basic.button {
  color: var(--color-text);
}

.home .hero .svg,
.home a {
  color: #303C6C;
}

.ui.ui.ui.grey.label {
  background: #F4976C;
}