Compare commits
No commits in common. "3047b7b4c07192056f2dcf02de4d9b109d68753a" and "789cfb5251a8344af146dbebd60b5119a31f053c" have entirely different histories.
3047b7b4c0
...
789cfb5251
@ -1,5 +1,5 @@
|
|||||||
/* ==UserStyle==
|
/* ==UserStyle==
|
||||||
* vim: set ft=less:
|
* vim: set ft=scss:
|
||||||
@name Chaster Catppuccin
|
@name Chaster Catppuccin
|
||||||
@namespace github.com/catppuccin/userstyles/styles/chaster
|
@namespace github.com/catppuccin/userstyles/styles/chaster
|
||||||
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chaster
|
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chaster
|
||||||
@ -99,49 +99,10 @@
|
|||||||
color: @text;
|
color: @text;
|
||||||
}
|
}
|
||||||
|
|
||||||
.light-container {
|
|
||||||
background-color: @surface0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Home .home-card-features {
|
|
||||||
background-color: @surface1;
|
|
||||||
border-color: @surface1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Home .feature-icon {
|
|
||||||
background-color: @surface0;
|
|
||||||
}
|
|
||||||
.Footer {
|
|
||||||
background-color: @base;
|
|
||||||
.footer-links {
|
|
||||||
color: @subtext0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Home header
|
|
||||||
.kbOIjO {
|
|
||||||
background-color: @mantle;
|
|
||||||
}
|
|
||||||
.hlxGDx {
|
|
||||||
background-color: @crust;
|
|
||||||
}
|
|
||||||
.Header
|
|
||||||
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border-top-color: @subtext0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Profile .profile-header-container {
|
.Profile .profile-header-container {
|
||||||
background-color: @mantle;
|
background-color: @mantle;
|
||||||
}
|
}
|
||||||
|
|
||||||
// premium
|
|
||||||
.bqPRPL {
|
|
||||||
animation: none;
|
|
||||||
color: @yellow;
|
|
||||||
}
|
|
||||||
|
|
||||||
// chat sidebar
|
// chat sidebar
|
||||||
.bBsMHS {
|
.bBsMHS {
|
||||||
background-color: @mantle;
|
background-color: @mantle;
|
||||||
@ -160,7 +121,6 @@
|
|||||||
.card-content,
|
.card-content,
|
||||||
.cXXCbt {
|
.cXXCbt {
|
||||||
background-color: @surface0;
|
background-color: @surface0;
|
||||||
border-color: @surface0;
|
|
||||||
}
|
}
|
||||||
.action-list-group .list-group-item:hover,
|
.action-list-group .list-group-item:hover,
|
||||||
.list-group-item:hover,
|
.list-group-item:hover,
|
||||||
@ -168,15 +128,6 @@
|
|||||||
background-color: @surface1;
|
background-color: @surface1;
|
||||||
}
|
}
|
||||||
|
|
||||||
// lock history
|
|
||||||
.cJssHP {
|
|
||||||
background-color: @mantle;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
.icon-inset {
|
|
||||||
background-color: @base;
|
|
||||||
}
|
|
||||||
|
|
||||||
.no-locks .no-locks-text {
|
.no-locks .no-locks-text {
|
||||||
color: @text;
|
color: @text;
|
||||||
}
|
}
|
||||||
@ -225,28 +176,11 @@
|
|||||||
background-color: @accent-color;
|
background-color: @accent-color;
|
||||||
border-color: @accent-color;
|
border-color: @accent-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
// TODO
|
// TODO
|
||||||
.btn-primary:hover,
|
.btn-primary:hover,
|
||||||
.btn-primary:focus,
|
.btn-primary:focus {
|
||||||
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
|
|
||||||
color: @base;
|
|
||||||
background-color: darken(@accent-color, 10%);
|
|
||||||
border-color: darken(@accent-color, 10%);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-outline-primary {
|
|
||||||
color: @accent-color !important;
|
|
||||||
border-color: @accent-color;
|
|
||||||
}
|
|
||||||
.btn-outline-primary:hover,
|
|
||||||
.btn-outline-primary:focus {
|
|
||||||
color: @base !important;
|
|
||||||
background-color: @accent-color;
|
|
||||||
border-color: @accent-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.btn-secondary {
|
.btn-secondary {
|
||||||
color: @text;
|
color: @text;
|
||||||
background-color: @surface0;
|
background-color: @surface0;
|
||||||
@ -331,11 +265,8 @@
|
|||||||
color: @subtext0;
|
color: @subtext0;
|
||||||
}
|
}
|
||||||
.navbar-dark .navbar-nav .nav-link:focus,
|
.navbar-dark .navbar-nav .nav-link:focus,
|
||||||
.navbar-dark .navbar-nav .nav-link:hover,
|
.navbar-dark .navbar-nav .nav-link:hover {
|
||||||
.Header.header-fixed .navbar-nav .nav-link,
|
|
||||||
.navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
|
|
||||||
color: @text;
|
color: @text;
|
||||||
text-shadow: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// countdowns
|
// countdowns
|
||||||
@ -409,10 +340,6 @@
|
|||||||
background-color: @surface0;
|
background-color: @surface0;
|
||||||
color: @subtext0;
|
color: @subtext0;
|
||||||
}
|
}
|
||||||
hr.kszVAv {
|
|
||||||
border-bottom-color: @subtext0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// tab header
|
// tab header
|
||||||
.TabHeader .selector-item.active {
|
.TabHeader .selector-item.active {
|
||||||
color: @text;
|
color: @text;
|
||||||
@ -461,17 +388,10 @@
|
|||||||
background: @green;
|
background: @green;
|
||||||
}
|
}
|
||||||
.Toastify__toast--warning {
|
.Toastify__toast--warning {
|
||||||
background: @yellow;
|
background: @yellow
|
||||||
}
|
}
|
||||||
.Toastify__toast--error {
|
.Toastify__toast--error {
|
||||||
background: @red;
|
background: @red
|
||||||
}
|
|
||||||
.Toastify__toast--dark {
|
|
||||||
background-color: @crust;
|
|
||||||
color: @text;
|
|
||||||
}
|
|
||||||
.Toastify__toast--dark .Toastify__close-button {
|
|
||||||
color: @subtext0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// notification badge
|
// notification badge
|
||||||
@ -537,20 +457,18 @@
|
|||||||
|
|
||||||
/* The Accent Color is called with a double `@@` because
|
/* The Accent Color is called with a double `@@` because
|
||||||
* it's referencing the @accent Variable passed to the Mixin. */
|
* it's referencing the @accent Variable passed to the Mixin. */
|
||||||
|
|
||||||
color: @catppuccin[@@lookup][@@accent];
|
color: @catppuccin[@@lookup][@@accent];
|
||||||
|
|
||||||
/* If you need to specify an overwrite specific to a Flavor
|
/* If you need to specify an overwrite specific to a Flavor
|
||||||
* like Latte, you can use a `when` guard clause. */
|
* like Latte, you can use a `when` guard clause. */
|
||||||
|
|
||||||
& when (@lookup = latte) {
|
& when (@lookup = latte) {
|
||||||
/* your code for latte */
|
/* your code for latte */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* You can also negate the statement above by using
|
/* You can also negate the statement above by using
|
||||||
* a `when not` guard clause. */
|
* a `when not` guard clause. */
|
||||||
|
|
||||||
& when not (@lookup = latte) {
|
& when not (@lookup = latte) {
|
||||||
|
|
||||||
/* your code for frappe, macchiato and mocha */
|
/* your code for frappe, macchiato and mocha */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -562,13 +480,11 @@
|
|||||||
* your desired Flavor and Accent Color to it. These are usually
|
* your desired Flavor and Accent Color to it. These are usually
|
||||||
* populated through the `@var`s in the Meta Block. */
|
* populated through the `@var`s in the Meta Block. */
|
||||||
// synced colorscheme
|
// synced colorscheme
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
:root {
|
:root {
|
||||||
#catppuccin(@lightFlavor, @accentColor);
|
#catppuccin(@lightFlavor, @accentColor);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
#catppuccin(@darkFlavor, @accentColor);
|
#catppuccin(@darkFlavor, @accentColor);
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user