Skip to content

Commit

Permalink
style: format code with prettier
Browse files Browse the repository at this point in the history
  • Loading branch information
github-actions[bot] committed Jul 29, 2024
1 parent 3fa00c0 commit 768d455
Showing 1 changed file with 49 additions and 47 deletions.
96 changes: 49 additions & 47 deletions styles/vikunja/catppuccin.user.css
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@
@mantle: @catppuccin[@@lookup][@mantle];
@crust: @catppuccin[@@lookup][@crust];
@accent-color: @catppuccin[@@lookup][@@accent];

#hslbreakdown(@color, @item) {
--@{item}-h: hue(@color) !important;
--@{item}-s: saturation(@color) !important;
Expand All @@ -53,9 +53,9 @@
--@{item}-dark-l: lightness(@color) !important;
--@{item}-invert-l: lightness(@color) !important;
}

color-scheme: if(@lookup = latte, light, dark);

#hslbreakdown(@accent-color, primary);
--site-background: @mantle;
--content-heading-color: @text;
Expand Down Expand Up @@ -90,92 +90,93 @@
footer.card-footer {
background: @mantle !important;
}

svg.llama-cool > circle,
svg.logo > path[fill="#196aff"] {
fill: @accent-color;
}

svg.logo,
h1,
.action-heading,
.subtitle a,
.project-menu-title {
color: @text !important;
}

h1.title.task-id,
div.detail-title,
div.detail-title span {
color: @overlay0;
}

button {
box-shadow: none !important;
}

button.is-danger {
color: @red !important;
background: none;

&:hover {
background: @red !important;
color: @surface0 !important;
}

&:active {
background: darken(@red, 10%) !important;
color: @surface0 !important;
}
}

button.is-success {
color: @green;

&:hover {
background: @green !important;
color: @surface0 !important;
}

&:active {
background: darken(@green, 10%) !important;
}
}
.base-button.is-primary {

.base-button.is-primary {
color: @base;

&:hover {
background: @accent-color;
}

&:active {
background: darken(@accent-color, 10%);
}
}

button.base-button:not(.is-primary) {
color: @text;
}

div.action-buttons > button:hover,
button.search-result-button:hover,
.button.is-text:active,
.single-task:hover {
background: @mantle;
}

p.is-editor-empty::before {
color: @overlay0;
}

header > button.base-button.menu-button::before,
header > button.base-button.menu-button::after {
background: @text;
}

.menu .menu-list {
li > a, li > a > span {
li > a,
li > a > span {
color: @text;
}
li > a.router-link-active {
Expand All @@ -185,26 +186,26 @@
background: @mantle;
}
}

a.base-button.menu-bottom-link {
color: @overlay0;

&:hover {
color: @overlay2;
}
}

div.is-done {
background: @green;
color: @surface0;
}

div.tiptap__editor {
a {
color: @accent-color;
}
}

p.created {
color: @overlay0;
}
Expand All @@ -213,88 +214,90 @@
--progress-bar-background-color: @crust;
--progress-value-background-color: @accent-color;
}

/* Gantt */
div.gantt-container {
--grey-300: @surface0;
}

div.g-gantt-chart {
.g-upper-timeunit,
.g-timeunit {
color: @text !important;
}

.g-timeunit .today {
color: @surface0;
}

.g-gantt-row {
background: @base;
}

div.g-gantt-bar {
div.g-gantt-bar-label > div {
color: @surface0;
}

.g-gantt-bar-handle-left,
.g-gantt-bar-handle-right {
background: darken(@accent-color, 10%);
}
}
}

/* Kaban */
div.bucket-header,
div.task-item,
div.bucket-footer,
div.bucket > button.base-button {
background: @base;
}

div.task-item > .task {
background: @mantle;

span.icon,
span.priority-label {
background: @surface0;
}
}

/* Command Palette */
span.result-title,
div.active-cmd.tag {
background: @base;
}

/* Keyboard Shortcuts modal */
kbd {
color: @text;
border-color: @overlay0;
background: @base;
}

div.message-wrapper > div.message.info {
background: @base;
}

/* Popups */
div.v-popper__inner {
background: @mantle;
color: @text;
}

div.v-popper__arrow-outer {
border-color: @mantle;
}

.modal-mask {
span, p, strong {
span,
p,
strong {
color: @text !important;
}
}

/* Vue Notifications */
.vue-notification {
color: @surface0 !important;
Expand All @@ -303,14 +306,13 @@
background: none;
color: @overlay0 !important;
}

.vue-notification.success {
background: @green;
border-left-color: darken(@green, 5%);
}
}


:root.dark {
#catppuccin(@darkFlavor, @accentColor);
}
Expand Down

0 comments on commit 768d455

Please sign in to comment.