Fetching Homer Assets
@@ -1,177 +0,0 @@
|
|||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
|
|
||||||
|
|
||||||
/* Catppuccin theme for Homer */
|
|
||||||
|
|
||||||
#app.theme-default.dark {
|
|
||||||
--catppuccin-base: #303446;
|
|
||||||
--catppuccin-surface0: #414559;
|
|
||||||
--catppuccin-surface1: #51576d;
|
|
||||||
--catppuccin-surface2: #626880;
|
|
||||||
--catppuccin-text: #c6d0f5;
|
|
||||||
--catppuccin-teal: #81c8be;
|
|
||||||
--catppuccin-green: #a6d189;
|
|
||||||
--catppuccin-peach: #ef9f76;
|
|
||||||
--catppuccin-pink: #f4b8e4;
|
|
||||||
--catppuccin-mauve: #ca9ee6;
|
|
||||||
--catppuccin-red: #e78284;
|
|
||||||
--catppuccin-yellow: #e5c890;
|
|
||||||
--catppuccin-text-dark: var(--catppuccin-surface2);
|
|
||||||
|
|
||||||
--highlight-primary: transparent;
|
|
||||||
--highlight-secondary: var(--catppuccin-surface0);
|
|
||||||
--highlight-hover: var(--catppuccin-surface0);
|
|
||||||
--background: var(--catppuccin-base);
|
|
||||||
--highlight-hover: var(--catppuccin-surface0);
|
|
||||||
--card-background: var(--catppuccin-surface0);
|
|
||||||
--text: var(--catppuccin-text);
|
|
||||||
--text-header: var(--catppuccin-text);
|
|
||||||
--text-title: var(--catppuccin-text);
|
|
||||||
--text-subtitle: var(--catppuccin-teal);
|
|
||||||
--link: var(--catppuccin-green);
|
|
||||||
--link-hover: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Header */
|
|
||||||
|
|
||||||
/* Comment the following section out if you want no header image. Also, set --highlight-primary to var(--catppuccin-surface0). */
|
|
||||||
|
|
||||||
#app.theme-default.dark #bighead {
|
|
||||||
background-image: url('../assets/images/backgrounds/romb.png');
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .logo {
|
|
||||||
color: var(--catppuccin-mauve);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .first-line .headline {
|
|
||||||
color: var(--catppuccin-yellow);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .navbar-start i {
|
|
||||||
color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark [title='Auto-switch'] {
|
|
||||||
color: var(--catppuccin-mauve);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark [title='Dark theme'] {
|
|
||||||
color: var(--catppuccin-peach);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .navbar-item .fa-columns {
|
|
||||||
color: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .navbar-item .fa-list {
|
|
||||||
color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .search-bar .search-label:before {
|
|
||||||
color: var(--catppuccin-yellow);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .search-bar input {
|
|
||||||
background-color: var(--catppuccin-base);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .search-bar > input:nth-child(2) {
|
|
||||||
color: var(--catppuccin-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .search-bar input:focus-visible {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Message */
|
|
||||||
|
|
||||||
#app.theme-default.dark .message-header {
|
|
||||||
color: var(--catppuccin-text);
|
|
||||||
background-color: var(--catppuccin-surface0);
|
|
||||||
border-style: none none solid none;
|
|
||||||
border-width: thin;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-info .message-header {
|
|
||||||
border-color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-info .message-header i {
|
|
||||||
color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-success .message-header {
|
|
||||||
border-color: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-success .message-header i {
|
|
||||||
color: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-warning .message-header {
|
|
||||||
border-color: var(--catppuccin-peach);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-warning .message-header i {
|
|
||||||
color: var(--catppuccin-peach);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-danger .message-header {
|
|
||||||
border-color: var(--catppuccin-red);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-danger .message-header i {
|
|
||||||
color: var(--catppuccin-red);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Cards */
|
|
||||||
|
|
||||||
#app.theme-default.dark .tag {
|
|
||||||
background-color: var(--catppuccin-pink);
|
|
||||||
color: var(--catppuccin-text-dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .status.unknown::before {
|
|
||||||
background-color: var(--catppuccin-yellow);
|
|
||||||
border-color: var(--catppuccin-yellow);
|
|
||||||
box-shadow: 0 0 5px 1px var(--catppuccin-yellow);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .status.bad::before {
|
|
||||||
background-color: var(--catppuccin-red);
|
|
||||||
border-color: var(--catppuccin-red);
|
|
||||||
box-shadow: 0 0 5px 1px var(--catppuccin-red);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .status.running::before {
|
|
||||||
background-color: var(--catppuccin-green);
|
|
||||||
border-color: var(--catppuccin-green);
|
|
||||||
box-shadow: 0 0 5px 1px var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .card:hover {
|
|
||||||
background-color: var(--catppuccin-surface1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Footer */
|
|
||||||
#app.theme-default.dark .footer {
|
|
||||||
color: var(--catppuccin-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Adds spacing to the bottom of cards */
|
|
||||||
body #app .card-content {
|
|
||||||
margin-bottom: 0.55rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Custom font using Fira Code */
|
|
||||||
body #bighead .navbar a {
|
|
||||||
font-family: 'Fira Code', monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
body #app .title {
|
|
||||||
font-family: 'Fira Code', monospace;
|
|
||||||
}
|
|
||||||
@@ -1,176 +0,0 @@
|
|||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
|
|
||||||
|
|
||||||
/* Catppuccin theme for Homer */
|
|
||||||
|
|
||||||
#app.theme-default.light {
|
|
||||||
--catppuccin-base: #eff1f5;
|
|
||||||
--catppuccin-surface0: #ccd0da;
|
|
||||||
--catppuccin-surface1: #bcc0cc;
|
|
||||||
--catppuccin-surface2: #acb0be;
|
|
||||||
--catppuccin-text: #4c4f69;
|
|
||||||
--catppuccin-teal: #179299;
|
|
||||||
--catppuccin-green: #40a02b;
|
|
||||||
--catppuccin-peach: #fe640b;
|
|
||||||
--catppuccin-pink: #ea76cb;
|
|
||||||
--catppuccin-mauve: #8839ef;
|
|
||||||
--catppuccin-red: #d20f39;
|
|
||||||
--catppuccin-yellow: #df8e1d;
|
|
||||||
|
|
||||||
--highlight-primary: transparent;
|
|
||||||
--highlight-secondary: var(--catppuccin-surface0);
|
|
||||||
--highlight-hover: var(--catppuccin-surface0);
|
|
||||||
--background: var(--catppuccin-base);
|
|
||||||
--highlight-hover: var(--catppuccin-surface0);
|
|
||||||
--card-background: var(--catppuccin-surface0);
|
|
||||||
--text: var(--catppuccin-text);
|
|
||||||
--text-header: var(--catppuccin-text);
|
|
||||||
--text-title: var(--catppuccin-text);
|
|
||||||
--text-subtitle: var(--catppuccin-teal);
|
|
||||||
--link: var(--catppuccin-green);
|
|
||||||
--link-hover: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Header */
|
|
||||||
|
|
||||||
/* Comment the following section out if you want no header image. Also, set --highlight-primary to var(--catppuccin-surface0). */
|
|
||||||
|
|
||||||
#app.theme-default.light #bighead {
|
|
||||||
background-image: url('../assets/images/backgrounds/romb.png');
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .logo {
|
|
||||||
color: var(--catppuccin-mauve);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .first-line .headline {
|
|
||||||
color: var(--catppuccin-yellow);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .navbar-start i {
|
|
||||||
color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light [title='Auto-switch'] {
|
|
||||||
color: var(--catppuccin-mauve);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light [title='Dark theme'] {
|
|
||||||
color: var(--catppuccin-peach);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .navbar-item .fa-columns {
|
|
||||||
color: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .navbar-item .fa-list {
|
|
||||||
color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .search-bar .search-label:before {
|
|
||||||
color: var(--catppuccin-yellow);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .search-bar input {
|
|
||||||
background-color: var(--catppuccin-base);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .search-bar > input:nth-child(2) {
|
|
||||||
color: var(--catppuccin-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .search-bar input:focus-visible {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Message */
|
|
||||||
|
|
||||||
#app.theme-default.light .message-header {
|
|
||||||
color: var(--catppuccin-text);
|
|
||||||
background-color: var(--catppuccin-surface0);
|
|
||||||
border-style: none none solid none;
|
|
||||||
border-width: thin;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .is-info .message-header {
|
|
||||||
border-color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .is-info .message-header i {
|
|
||||||
color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .is-success .message-header {
|
|
||||||
border-color: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .is-success .message-header i {
|
|
||||||
color: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .is-warning .message-header {
|
|
||||||
border-color: var(--catppuccin-peach);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .is-warning .message-header i {
|
|
||||||
color: var(--catppuccin-peach);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .is-danger .message-header {
|
|
||||||
border-color: var(--catppuccin-red);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .is-danger .message-header i {
|
|
||||||
color: var(--catppuccin-red);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Cards */
|
|
||||||
|
|
||||||
#app.theme-default.light .tag {
|
|
||||||
background-color: var(--catppuccin-pink);
|
|
||||||
color: var(--catppuccin-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .status.unknown::before {
|
|
||||||
background-color: var(--catppuccin-yellow);
|
|
||||||
border-color: var(--catppuccin-yellow);
|
|
||||||
box-shadow: 0 0 5px 1px var(--catppuccin-yellow);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .status.bad::before {
|
|
||||||
background-color: var(--catppuccin-red);
|
|
||||||
border-color: var(--catppuccin-red);
|
|
||||||
box-shadow: 0 0 5px 1px var(--catppuccin-red);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .status.running::before {
|
|
||||||
background-color: var(--catppuccin-green);
|
|
||||||
border-color: var(--catppuccin-green);
|
|
||||||
box-shadow: 0 0 5px 1px var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.light .card:hover {
|
|
||||||
background-color: var(--catppuccin-surface1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Footer */
|
|
||||||
#app.theme-default.light .footer {
|
|
||||||
color: var(--catppuccin-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Adds spacing to the bottom of cards */
|
|
||||||
body #app .card-content {
|
|
||||||
margin-bottom: 0.55rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Custom font using Fira Code */
|
|
||||||
body #bighead .navbar a {
|
|
||||||
font-family: 'Fira Code', monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
body #app .title {
|
|
||||||
font-family: 'Fira Code', monospace;
|
|
||||||
}
|
|
||||||
@@ -1,177 +0,0 @@
|
|||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
|
|
||||||
|
|
||||||
/* Catppuccin theme for Homer */
|
|
||||||
|
|
||||||
#app.theme-default.dark {
|
|
||||||
--catppuccin-base: #24273a;
|
|
||||||
--catppuccin-surface0: #363a4f;
|
|
||||||
--catppuccin-surface1: #494d64;
|
|
||||||
--catppuccin-surface2: #5b6078;
|
|
||||||
--catppuccin-text: #cad3f5;
|
|
||||||
--catppuccin-teal: #8bd5ca;
|
|
||||||
--catppuccin-green: #a6da95;
|
|
||||||
--catppuccin-peach: #f5a97f;
|
|
||||||
--catppuccin-pink: #f5bde6;
|
|
||||||
--catppuccin-mauve: #c6a0f6;
|
|
||||||
--catppuccin-red: #ed8796;
|
|
||||||
--catppuccin-yellow: #eed49f;
|
|
||||||
--catppuccin-text-dark: var(--catppuccin-surface2);
|
|
||||||
|
|
||||||
--highlight-primary: transparent;
|
|
||||||
--highlight-secondary: var(--catppuccin-surface0);
|
|
||||||
--highlight-hover: var(--catppuccin-surface0);
|
|
||||||
--background: var(--catppuccin-base);
|
|
||||||
--highlight-hover: var(--catppuccin-surface0);
|
|
||||||
--card-background: var(--catppuccin-surface0);
|
|
||||||
--text: var(--catppuccin-text);
|
|
||||||
--text-header: var(--catppuccin-text);
|
|
||||||
--text-title: var(--catppuccin-text);
|
|
||||||
--text-subtitle: var(--catppuccin-teal);
|
|
||||||
--link: var(--catppuccin-green);
|
|
||||||
--link-hover: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Header */
|
|
||||||
|
|
||||||
/* Comment the following section out if you want no header image. Also, set --highlight-primary to var(--catppuccin-surface0). */
|
|
||||||
|
|
||||||
#app.theme-default.dark #bighead {
|
|
||||||
background-image: url('../assets/images/backgrounds/romb.png');
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .logo {
|
|
||||||
color: var(--catppuccin-mauve);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .first-line .headline {
|
|
||||||
color: var(--catppuccin-yellow);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .navbar-start i {
|
|
||||||
color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark [title='Auto-switch'] {
|
|
||||||
color: var(--catppuccin-mauve);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark [title='Dark theme'] {
|
|
||||||
color: var(--catppuccin-peach);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .navbar-item .fa-columns {
|
|
||||||
color: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .navbar-item .fa-list {
|
|
||||||
color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .search-bar .search-label:before {
|
|
||||||
color: var(--catppuccin-yellow);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .search-bar input {
|
|
||||||
background-color: var(--catppuccin-base);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .search-bar > input:nth-child(2) {
|
|
||||||
color: var(--catppuccin-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .search-bar input:focus-visible {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Message */
|
|
||||||
|
|
||||||
#app.theme-default.dark .message-header {
|
|
||||||
color: var(--catppuccin-text);
|
|
||||||
background-color: var(--catppuccin-surface0);
|
|
||||||
border-style: none none solid none;
|
|
||||||
border-width: thin;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-info .message-header {
|
|
||||||
border-color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-info .message-header i {
|
|
||||||
color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-success .message-header {
|
|
||||||
border-color: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-success .message-header i {
|
|
||||||
color: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-warning .message-header {
|
|
||||||
border-color: var(--catppuccin-peach);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-warning .message-header i {
|
|
||||||
color: var(--catppuccin-peach);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-danger .message-header {
|
|
||||||
border-color: var(--catppuccin-red);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-danger .message-header i {
|
|
||||||
color: var(--catppuccin-red);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Cards */
|
|
||||||
|
|
||||||
#app.theme-default.dark .tag {
|
|
||||||
background-color: var(--catppuccin-pink);
|
|
||||||
color: var(--catppuccin-text-dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .status.unknown::before {
|
|
||||||
background-color: var(--catppuccin-yellow);
|
|
||||||
border-color: var(--catppuccin-yellow);
|
|
||||||
box-shadow: 0 0 5px 1px var(--catppuccin-yellow);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .status.bad::before {
|
|
||||||
background-color: var(--catppuccin-red);
|
|
||||||
border-color: var(--catppuccin-red);
|
|
||||||
box-shadow: 0 0 5px 1px var(--catppuccin-red);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .status.running::before {
|
|
||||||
background-color: var(--catppuccin-green);
|
|
||||||
border-color: var(--catppuccin-green);
|
|
||||||
box-shadow: 0 0 5px 1px var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .card:hover {
|
|
||||||
background-color: var(--catppuccin-surface1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Footer */
|
|
||||||
#app.theme-default.dark .footer {
|
|
||||||
color: var(--catppuccin-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Adds spacing to the bottom of cards */
|
|
||||||
body #app .card-content {
|
|
||||||
margin-bottom: 0.55rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Custom font using Fira Code */
|
|
||||||
body #bighead .navbar a {
|
|
||||||
font-family: 'Fira Code', monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
body #app .title {
|
|
||||||
font-family: 'Fira Code', monospace;
|
|
||||||
}
|
|
||||||
@@ -1,177 +0,0 @@
|
|||||||
@charset "UTF-8";
|
|
||||||
|
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
|
|
||||||
|
|
||||||
/* Catppuccin theme for Homer */
|
|
||||||
|
|
||||||
#app.theme-default.dark {
|
|
||||||
--catppuccin-base: #1e1e2e;
|
|
||||||
--catppuccin-surface0: #313244;
|
|
||||||
--catppuccin-surface1: #45475a;
|
|
||||||
--catppuccin-surface2: #585b70;
|
|
||||||
--catppuccin-text: #cdd6f4;
|
|
||||||
--catppuccin-teal: #94e2d5;
|
|
||||||
--catppuccin-green: #a6e3a1;
|
|
||||||
--catppuccin-peach: #fab387;
|
|
||||||
--catppuccin-pink: #f5c2e7;
|
|
||||||
--catppuccin-mauve: #cba6f7;
|
|
||||||
--catppuccin-red: #f38ba8;
|
|
||||||
--catppuccin-yellow: #f9e2af;
|
|
||||||
--catppuccin-text-dark: var(--catppuccin-surface2);
|
|
||||||
|
|
||||||
--highlight-primary: transparent;
|
|
||||||
--highlight-secondary: var(--catppuccin-surface0);
|
|
||||||
--highlight-hover: var(--catppuccin-surface0);
|
|
||||||
--background: var(--catppuccin-base);
|
|
||||||
--highlight-hover: var(--catppuccin-surface0);
|
|
||||||
--card-background: var(--catppuccin-surface0);
|
|
||||||
--text: var(--catppuccin-text);
|
|
||||||
--text-header: var(--catppuccin-text);
|
|
||||||
--text-title: var(--catppuccin-text);
|
|
||||||
--text-subtitle: var(--catppuccin-teal);
|
|
||||||
--link: var(--catppuccin-green);
|
|
||||||
--link-hover: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Header */
|
|
||||||
|
|
||||||
/* Comment the following section out if you want no header image. Also, set --highlight-primary to var(--catppuccin-surface0). */
|
|
||||||
|
|
||||||
#app.theme-default.dark #bighead {
|
|
||||||
background-image: url('../assets/images/backgrounds/romb.png');
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .logo {
|
|
||||||
color: var(--catppuccin-mauve);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .first-line .headline {
|
|
||||||
color: var(--catppuccin-yellow);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .navbar-start i {
|
|
||||||
color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark [title='Auto-switch'] {
|
|
||||||
color: var(--catppuccin-mauve);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark [title='Dark theme'] {
|
|
||||||
color: var(--catppuccin-peach);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .navbar-item .fa-columns {
|
|
||||||
color: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .navbar-item .fa-list {
|
|
||||||
color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .search-bar .search-label:before {
|
|
||||||
color: var(--catppuccin-yellow);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .search-bar input {
|
|
||||||
background-color: var(--catppuccin-base);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .search-bar > input:nth-child(2) {
|
|
||||||
color: var(--catppuccin-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .search-bar input:focus-visible {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Message */
|
|
||||||
|
|
||||||
#app.theme-default.dark .message-header {
|
|
||||||
color: var(--catppuccin-text);
|
|
||||||
background-color: var(--catppuccin-surface0);
|
|
||||||
border-style: none none solid none;
|
|
||||||
border-width: thin;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-info .message-header {
|
|
||||||
border-color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-info .message-header i {
|
|
||||||
color: var(--catppuccin-teal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-success .message-header {
|
|
||||||
border-color: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-success .message-header i {
|
|
||||||
color: var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-warning .message-header {
|
|
||||||
border-color: var(--catppuccin-peach);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-warning .message-header i {
|
|
||||||
color: var(--catppuccin-peach);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-danger .message-header {
|
|
||||||
border-color: var(--catppuccin-red);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .is-danger .message-header i {
|
|
||||||
color: var(--catppuccin-red);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Cards */
|
|
||||||
|
|
||||||
#app.theme-default.dark .tag {
|
|
||||||
background-color: var(--catppuccin-pink);
|
|
||||||
color: var(--catppuccin-text-dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .status.unknown::before {
|
|
||||||
background-color: var(--catppuccin-yellow);
|
|
||||||
border-color: var(--catppuccin-yellow);
|
|
||||||
box-shadow: 0 0 5px 1px var(--catppuccin-yellow);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .status.bad::before {
|
|
||||||
background-color: var(--catppuccin-red);
|
|
||||||
border-color: var(--catppuccin-red);
|
|
||||||
box-shadow: 0 0 5px 1px var(--catppuccin-red);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .status.running::before {
|
|
||||||
background-color: var(--catppuccin-green);
|
|
||||||
border-color: var(--catppuccin-green);
|
|
||||||
box-shadow: 0 0 5px 1px var(--catppuccin-green);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app.theme-default.dark .card:hover {
|
|
||||||
background-color: var(--catppuccin-surface1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Footer */
|
|
||||||
#app.theme-default.dark .footer {
|
|
||||||
color: var(--catppuccin-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Adds spacing to the bottom of cards */
|
|
||||||
body #app .card-content {
|
|
||||||
margin-bottom: 0.55rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Custom font using Fira Code */
|
|
||||||
body #bighead .navbar a {
|
|
||||||
font-family: 'Fira Code', monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
body #app .title {
|
|
||||||
font-family: 'Fira Code', monospace;
|
|
||||||
}
|
|
||||||
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 105 KiB |
|
Before Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 459 KiB |
|
Before Width: | Height: | Size: 453 KiB |
|
Before Width: | Height: | Size: 4.4 MiB |
|
Before Width: | Height: | Size: 104 KiB |
|
Before Width: | Height: | Size: 100 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |