/* ==UserStyle==
@name PythonAnywhere Catppuccin
@namespace github.com/catppuccin/userstyles/styles/pythonanywhere
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pythonanywhere
@version 2024.12.31
@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pythonanywhere/catppuccin.user.less
@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apythonanywhere
@description Soothing pastel theme for PythonAnywhere
@author Catppuccin
@license MIT
@preprocessor less
@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"]
@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"]
@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"]
==/UserStyle== */
@-moz-document domain("www.pythonanywhere.com"),
domain("eu.pythonanywhere.com"),
domain("blog.pythonanywhere.com") {
@import url("https://python.catppuccin.com/pygments/catppuccin-variables.important.css");
@import (css)
url("https://chroma.catppuccin.com/@{lightFlavor}-chroma-style.css")
(prefers-color-scheme: light);
@import (css)
url("https://chroma.catppuccin.com/@{darkFlavor}-chroma-style.css")
(prefers-color-scheme: dark);
:root {
@media (prefers-color-scheme: light) {
#catppuccin(@lightFlavor);
}
@media (prefers-color-scheme: dark) {
#catppuccin(@darkFlavor);
}
}
#catppuccin(@flavor) {
@rosewater: @catppuccin[@@flavor][@rosewater];
@flamingo: @catppuccin[@@flavor][@flamingo];
@pink: @catppuccin[@@flavor][@pink];
@mauve: @catppuccin[@@flavor][@mauve];
@red: @catppuccin[@@flavor][@red];
@maroon: @catppuccin[@@flavor][@maroon];
@peach: @catppuccin[@@flavor][@peach];
@yellow: @catppuccin[@@flavor][@yellow];
@green: @catppuccin[@@flavor][@green];
@teal: @catppuccin[@@flavor][@teal];
@sky: @catppuccin[@@flavor][@sky];
@sapphire: @catppuccin[@@flavor][@sapphire];
@blue: @catppuccin[@@flavor][@blue];
@lavender: @catppuccin[@@flavor][@lavender];
@text: @catppuccin[@@flavor][@text];
@subtext1: @catppuccin[@@flavor][@subtext1];
@subtext0: @catppuccin[@@flavor][@subtext0];
@overlay2: @catppuccin[@@flavor][@overlay2];
@overlay1: @catppuccin[@@flavor][@overlay1];
@overlay0: @catppuccin[@@flavor][@overlay0];
@surface2: @catppuccin[@@flavor][@surface2];
@surface1: @catppuccin[@@flavor][@surface1];
@surface0: @catppuccin[@@flavor][@surface0];
@base: @catppuccin[@@flavor][@base];
@mantle: @catppuccin[@@flavor][@mantle];
@crust: @catppuccin[@@flavor][@crust];
@accent: @catppuccin[@@flavor][@@accentColor];
@text-filter: @catppuccin-filters[@@flavor][@text];
@red-filter: @catppuccin-filters[@@flavor][@red];
@green-filter: @catppuccin-filters[@@flavor][@green];
--ctp-rosewater: @rosewater;
--ctp-flamingo: @flamingo;
--ctp-pink: @pink;
--ctp-mauve: @mauve;
--ctp-red: @red;
--ctp-maroon: @maroon;
--ctp-peach: @peach;
--ctp-yellow: @yellow;
--ctp-green: @green;
--ctp-teal: @teal;
--ctp-sky: @sky;
--ctp-sapphire: @sapphire;
--ctp-blue: @blue;
--ctp-lavender: @lavender;
--ctp-text: @text;
--ctp-subtext1: @subtext1;
--ctp-subtext0: @subtext0;
--ctp-overlay2: @overlay2;
--ctp-overlay1: @overlay1;
--ctp-overlay0: @overlay0;
--ctp-surface2: @surface2;
--ctp-surface1: @surface1;
--ctp-surface0: @surface0;
--ctp-base: @base;
--ctp-mantle: @mantle;
--ctp-crust: @crust;
color-scheme: if(@flavor = latte, light, dark);
::selection {
background-color: fade(@accent, 30%);
}
input,
textarea {
&::placeholder {
color: @subtext0;
}
}
/* Ace file editor */
.ace_editor {
background-color: @crust;
color: @text;
.ace_gutter,
.ace_gutter-cell {
background: @mantle;
color: @overlay1;
}
.ace_print-margin {
background: @mantle;
}
.ace_marker-layer {
.ace_active-line {
background-color: fade(@yellow, 20%);
}
.highlight-line-error {
background-color: fade(@red, 20%);
}
.ace_bracket {
border-color: @overlay1;
}
}
.ace_doctype {
color: @mauve;
}
.ace_cursor,
.ace_xml.ace_text {
color: @text;
}
.ace_heading {
&.ace_1,
&.ace_1 + .ace_heading {
color: @red;
}
&.ace_2,
&.ace_2 + .ace_heading {
color: @peach;
}
&.ace_3,
&.ace_3 + .ace_heading {
color: @yellow;
}
&.ace_4,
&.ace_4 + .ace_heading {
color: @green;
}
&.ace_5,
&.ace_5 + .ace_heading {
color: @blue;
}
&.ace_6,
&.ace_6 + .ace_heading {
color: @mauve;
}
}
.ace_list {
color: @text;
&.ace_markup {
color: @sky;
}
}
.ace_marker-layer .ace_selection {
background: fade(@accent, 30%);
}
.ace_fold {
background-color: @surface0;
border-color: @surface1;
}
.ace_constant.ace_language,
.ace_keyword,
.ace_meta {
color: @mauve;
}
.ace_xml,
.ace_support.ace_class,
.ace_support.ace_type {
color: @yellow;
}
.ace_line .ace_identifier:not(:first-of-type),
.ace_entity.ace_name.ace_function,
.ace_constant {
color: @blue;
}
.ace_paren,
.ace_variable.ace_language {
color: @red;
}
.ace_constant.ace_numeric {
color: @peach;
}
.ace_entity.ace_other.ace_attribute-name,
.ace_support.ace_constant,
.ace_support.ace_function {
color: @teal;
}
.ace_entity.ace_name.ace_tag,
.ace_variable {
color: @blue;
}
.ace_storage {
color: @peach;
}
.ace_string {
color: @green;
}
.ace_comment {
color: @overlay2;
}
.ace_indent-guide {
@svg: escape(
'<svg width="1" height="2" xmlns="http://www.w3.org/2000/svg"><path stroke="@{surface0}" d="M0 0v2"/></svg>'
);
background-image: url("data:image/svg+xml;utf8,@{svg}");
}
}
.ace_tooltip {
background-color: @crust;
color: @text;
border-color: @surface0;
}
#ace_settingsmenu {
background-color: @mantle;
box-shadow: none;
color: @subtext0;
}
#kbshortcutmenu {
background-color: @mantle;
box-shadow: none;
.ace_optionsMenuEntry {
&:hover,
&:focus {
background-color: @base;
}
}
&,
.ace_optionsMenuCommand {
color: @subtext0;
}
.ace_optionsMenuKey {
color: @accent;
}
}
/* Console */
x-screen {
background-color: @base !important;
color: @text !important;
}
.cursor-node {
border-color: @accent !important;
&[focus="true"] {
background-color: @accent !important;
}
}
/* $ prompt character */
[style*="color: rgb(0, 186, 19);"] {
color: @green !important;
}
/* ANSI colors */
x-row span {
/* Black & Bright Black */
&[style^="color: rgb(0, 0, 0);"] {
color: if(@flavor = latte, @subtext1, @surface1) !important;
}
&[style*="background-color: rgb(0, 0, 0);"] {
background-color: if(@flavor = latte, @subtext1, @surface1) !important;
}
&[style^="color: rgb(85, 87, 83);"] {
color: if(@flavor = latte, @subtext1, @surface2) !important;
}
&[style*="background-color: rgb(85, 87, 83);"] {
background-color: if(@flavor = latte, @subtext1, @surface2) !important;
}
/* Red and Bright Red */
&[style^="color: rgb(204, 0, 0);"],
&[style^="color: rgb(239, 41, 41);"] {
color: @red !important;
}
&[style*="background-color: rgb(204, 0, 0);"],
&[style*="background-color: rgb(239, 41, 41);"] {
background-color: @red !important;
}
/* Dim Red */
&[style^="color: rgb(136, 0, 0);"] {
color: fade(@red, 80%) !important;
}
/* Green and Bright Green */
&[style^="color: rgb(78, 154, 6);"],
&[style^="color: rgb(0, 186, 19);"] {
color: @green !important;
}
&[style*="background-color: rgb(78, 154, 6);"],
&[style*="background-color: rgb(0, 186, 19);"] {
background-color: @green !important;
}
/* Dim Green */
&[style^="color: rgb(52, 103, 4);"] {
color: fade(@green, 80%) !important;
}
/* Yellow and Bright Yellow */
&[style^="color: rgb(196, 160, 0);"],
&[style^="color: rgb(252, 233, 79);"] {
color: @yellow !important;
}
&[style*="background-color: rgb(196, 160, 0);"],
&[style*="background-color: rgb(252, 233, 79);"] {
background-color: @yellow !important;
}
/* Dim Yellow */
&[style^="color: rgb(131, 107, 0);"] {
color: fade(@yellow, 80%) !important;
}
/* Blue and Bright Blue */
&[style^="color: rgb(52, 101, 164);"],
&[style^="color: rgb(114, 159, 207);"] {
color: @blue !important;
}
&[style*="background-color: rgb(52, 101, 164);"],
&[style*="background-color: rgb(114, 159, 207);"] {
background-color: @blue !important;
}
/* Dim Blue */
&[style^="color: rgb(35, 67, 109);"] {
color: fade(@blue, 80%) !important;
}
/* Pink and Bright Pink */
&[style^="color: rgb(117, 80, 123);"],
&[style^="color: rgb(242, 0, 203);"] {
color: @pink !important;
}
&[style*="background-color: rgb(117, 80, 123);"],
&[style*="background-color: rgb(242, 0, 203);"] {
background-color: @pink !important;
}
/* Dim Pink */
&[style^="color: rgb(78, 53, 82);"] {
color: fade(@pink, 80%) !important;
}
/* Teal and Bright Teal */
&[style^="color: rgb(6, 152, 154);"],
&[style^="color: rgb(0, 181, 189);"] {
color: @teal !important;
}
&[style*="background-color: rgb(6, 152, 154);"],
&[style*="background-color: rgb(0, 181, 189);"] {
background-color: @teal !important;
}
/* Dim Teal */
&[style^="color: rgb(4, 101, 103);"] {
color: fade(@teal, 80%) !important;
}
/* White */
&[style^="color: rgb(211, 215, 207);"] {
color: if(@flavor = latte, @surface2, @subtext1) !important;
}
&[style*="background-color: rgb(211, 215, 207);"] {
background-color: if(@flavor = latte, @surface2, @subtext1) !important;
}
/* Bright White */
&[style^="color: rgb(238, 238, 236);"] {
color: if(@flavor = latte, @surface1, @subtext0) !important;
}
&[style*="background-color: rgb(238, 238, 236);"] {
background-color: if(@flavor = latte, @surface1, @subtext0) !important;
}
/* Dim White */
&[style^="color: rgb(141, 143, 138);"] {
color: fade(if(@flavor = latte, @surface2, @subtext1), 80%) !important;
}
}
#terminal div {
&[style*="color: rgb(16, 16, 16);"] {
color: @text !important;
}
&[style*="background-color: rgb(240, 240, 240);"] {
background-color: @crust !important;
}
}
body,
.dark {
background-color: @base;
color: @text;
}
a {
&,
&:hover,
&:focus {
color: @accent;
}
}
hr,
pre {
border-color: @surface0;
}
small,
.small {
color: @subtext0;
}
input,
button:not(.close, [class*="btn"], [data-toggle="dropdown"]) {
background-color: @crust;
border-color: @surface0;
&:hover,
&:focus {
background-color: @mantle;
}
i.glyphicon {
pointer-events: none;
}
}
blockquote {
border-color: @surface0;
footer,
small,
.small {
color: @subtext0;
}
}
.footer p {
color: @text;
}
.gsc-modal-background-image {
background-color: @base;
}
.gsc-results-wrapper-overlay {
background-color: @mantle;
color: @subtext0;
}
input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus {
border-color: @surface0;
}
.gsc-completion-container {
background-color: @crust;
border-color: @surface0;
}
.gsc-completion-selected {
background-color: @mantle;
}
input.gsc-input {
background-color: @mantle;
}
.gsc-input-box,
.gsc-results {
background-color: @mantle;
}
.gsc-option-menu-item-highlighted {
background-color: @base;
color: @text;
}
.gsc-selected-option-container {
background-color: @crust;
color: @text;
border-color: @surface0;
}
.gsc-webResult.gsc-result {
border-color: @surface0;
background-color: @mantle;
}
.gsc-search-button-v2 {
&,
&:hover,
&:focus {
border-color: @surface0;
background-color: @crust;
color: @text;
}
svg {
fill: @text;
}
}
.gsc-result-info,
.gsc-orderby-label,
.gsc-option-menu-item {
color: @subtext0;
}
.gcsc-find-more-on-google {
color: @accent;
}
.gcsc-find-more-on-google-magnifier {
fill: @accent;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
color: @text;
background-color: unset;
}
.gsc-control-cse .gsc-option-menu {
background-color: @crust;
}
.gs-webResult div.gs-visibleUrl {
color: @subtext0;
}
.gs-webResult.gs-result a.gs-title {
&,
&:hover,
&:focus,
b {
color: @accent;
}
}
.gs-webResult .gs-snippet {
color: @text;
}
.badge {
background-color: @crust;
&:hover,
&:focus {
background-color: @mantle;
}
}
.dashboard-panel__headline a {
text-decoration-color: @accent;
}
.dashboard-columns {
border-top-color: @surface0;
&::before {
background-color: @surface0;
}
.row > div {
border-color: @surface0;
}
}
.pagination > li {
> span,
> a {
background-color: @crust;
border-color: @surface0;
color: @text;
&:hover,
&:focus {
background-color: @mantle;
}
}
}
textarea {
background-color: @crust;
outline-color: @surface0;
border-color: none;
outline-style: solid;
&:focus {
outline-color: @accent;
}
}
.jumbotron {
background-color: @mantle;
}
.jumbotron > hr {
border-top-color: @mantle;
}
.top-nav {
background: @crust;
li a,
li button.btn-link {
color: @text;
}
button:focus,
a:focus,
li a:focus {
background-color: @crust;
}
}
.err {
border-color: @red;
}
.btn-success,
.open > .dropdown-toggle.btn-success {
&,
&:focus,
&.focus,
&:active,
&.active,
&:hover {
color: @mantle;
background-color: @green;
border-color: @surface0;
}
}
.btn-success .badge {
color: @green;
background-color: @crust;
}
tr.hoverable:hover {
background-color: @mantle;
}
td {
&.file_size,
&.file_timestamp {
color: @subtext0;
}
}
span[style="color: blue;"] {
color: @text !important;
}
[style="color: #888"],
[style="color: #444"] {
color: @text !important;
}
.btn-info,
.btn-primary,
.open > .dropdown-toggle.btn-info,
.open > .dropdown-toggle.btn-primary {
&,
&:focus,
&.focus,
&:active,
&.active,
&:hover {
color: @base;
background-color: @accent;
border-color: @surface0;
}
}
.label-primary {
background-color: @accent;
color: @crust;
}
.label-info {
background-color: @accent;
color: @crust;
}
.label-danger {
background-color: @red;
color: @crust;
}
.btn-danger {
background-color: @red;
border-color: @red;
color: @crust;
&:hover,
&:focus {
background-color: darken(@red, 5%);
color: @mantle;
}
}
.btn-warning {
background-color: @yellow;
border-color: @yellow;
color: @mantle;
&:hover,
&:focus {
background-color: darken(@yellow, 5%);
color: @mantle;
}
}
.edit_value {
color: @accent;
}
.btn-info .badge,
.btn-primary .badge {
color: @accent;
background-color: @crust;
}
.alert-success,
.alert-info,
.alert-warning,
.alert-danger {
border-color: @surface0;
&,
small {
color: @base;
}
button {
background-color: unset;
}
hr {
border-top-color: @surface0;
}
a {
color: @base;
text-decoration: underline;
}
.close {
&,
&:hover,
&:focus {
color: @crust;
}
}
}
.alert-success {
background-color: @green;
}
.alert-info {
background-color: @accent;
}
.alert-warning {
background-color: @yellow;
}
.alert-danger {
background-color: @red;
}
.close {
opacity: 100%;
text-shadow: none;
&,
&:hover,
&:focus {
color: @text;
background: none;
}
}
.form-control {
color: @text;
background-color: @crust;
border-color: @surface0;
box-shadow: inset 0 1px 1px @surface0;
&:focus {
border-color: @surface0;
box-shadow: inset 0 1px 1px @surface0;
}
&[disabled],
&[readonly] {
background-color: @mantle;
}
}
.help-block {
color: @text;
}
.pricing_table ul {
background-color: @base;
}
.pricing_table ul li {
background: @mantle;
}
.pricing_table ul li:first-child,
.account_type_header {
color: @text;
}
.sub_and_dark_blue,
.scheduled_task:not(.enabled) {
color: @subtext0;
}
#id_initializing_mysql_spinner {
background-color: @crust !important;
color: @text;
}
.directory_listing_table i.pale {
color: @subtext0;
opacity: 100%;
}
.pricing_table ul.Free li {
background-color: @mantle;
}
.col-md-12 {
div[style*="background-color"] {
background-color: @mantle !important;
}
h1[style*="color"] {
color: @text !important;
}
}
.table {
background-color: @base;
th,
td {
border-top-color: @surface0;
}
> thead th {
border-bottom-color: @surface0;
}
.success,
.info,
.warning,
.danger {
background-color: @base;
&,
td,
th {
&,
&:hover {
background-color: @base;
}
}
}
td.active,
th.active,
&.active td,
&.active th {
background-color: @mantle;
}
}
.table-bordered {
border-color: @surface0;
th,
td {
border-color: @surface0;
}
}
.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover {
background-color: @mantle;
}
.highlighted_feature_text {
color: @green;
}
.text-muted {
color: @subtext0;
}
.modal-header {
border-bottom-color: @surface0;
}
.modal-content {
background-color: @base;
border-color: @surface0;
box-shadow: 0 3px 9px @crust;
}
.modal-backdrop {
background-color: @crust;
}
.directories_listing_group h4,
.page-header,
.gsc-above-wrapper-area,
.nav-tabs,
.property_group_header {
border-bottom-color: @surface0;
}
.nav-tabs a {
&:hover,
&:focus {
border-color: @surface0 !important;
}
}
.popover {
background-color: @mantle;
border-color: @surface0;
box-shadow: none;
&.top > .arrow {
&,
&::after {
border-top-color: @mantle;
}
}
&.right > .arrow {
&,
&::after {
border-right-color: @mantle;
}
}
&.left > .arrow {
&,
&::after {
border-left-color: @mantle;
}
}
&.bottom > .arrow {
&,
&::after {
border-bottom-color: @mantle;
}
}
}
.popover-title {
background-color: @mantle;
border-bottom-color: @surface0;
}
.modal-footer {
border-top-color: @surface0;
}
.unsorted {
color: @subtext0;
}
.sorted-up,
.sorted-down {
color: @accent;
}
.ui-widget-content {
border-color: @surface0;
background: @mantle;
color: @text;
}
.ui-state-default {
border-color: @surface0;
background: @surface1;
color: @text;
}
.bootstrap-switch {
border-color: @surface0;
&.bootstrap-switch-focused {
border-color: @surface0;
box-shadow: none;
}
.bootstrap-switch-label {
color: @text;
background-color: @surface0;
}
.bootstrap-switch-handle-off,
.bootstrap-switch-handle-on {
color: @text;
background-color: @crust;
&.bootstrap-switch-success,
&.bootstrap-switch-warning,
&.bootstrap-switch-danger,
&.bootstrap-switch-primary {
color: @base;
}
&.bootstrap-switch-success {
background-color: @green;
}
&.bootstrap-switch-warning {
background-color: @yellow;
}
&.bootstrap-switch-danger {
background-color: @red;
}
&.bootstrap-switch-primary {
background-color: @accent;
}
}
}
.tooltip-inner {
color: @text;
background-color: @crust;
}
.tooltip {
&.right .tooltip-arrow {
border-right-color: @crust;
}
&.left .tooltip-arrow {
border-left-color: @crust;
}
&.top,
&.top-left,
&.top-right {
.tooltip-arrow {
border-top-color: @crust;
}
}
&.bottom,
&.bottom-left,
&.bottom-right {
.tooltip-arrow {
border-bottom-color: @crust;
}
}
}
.has-error {
.help-block,
.control-label,
.radio,
.checkbox,
.radio-inline,
.checkbox-inline,
label {
color: @red;
}
}
.success-stories-container {
background-color: @mantle;
color: @text;
h3 {
color: @text;
}
}
.gsc-control-cse {
border-color: @surface0;
background-color: @base;
}
.post_metadata {
color: @subtext0;
}
.ui-widget-header {
background-color: @base;
border-color: @surface0;
color: @text;
}
.fullscreen-main-navbar {
background-color: @mantle;
}
.dropdown-menu {
background-color: @mantle;
border-color: @surface0;
box-shadow: none;
> li > a {
color: @text;
&:hover,
&:focus {
background-color: @base;
}
}
}
.fullscreen-main-navbar button.btn-link {
&:hover,
&:focus {
background-color: @base;
}
}
.navbar-default .btn-link {
&,
&:hover,
&:focus {
color: @text;
}
}
.btn.btn-default {
border-color: @accent;
color: @accent;
background-color: @base;
&:hover,
&:focus {
background-color: @surface0;
}
}
.well {
background-color: @mantle;
border-color: @surface0;
}
.icon-bar {
background-color: @text;
}
.nav-tabs > li,
.nav-pills > li {
> a {
border-color: @surface0;
&,
&:hover,
&:focus {
color: @accent;
}
}
&.active > a {
&,
&:focus {
background-color: @mantle;
}
&:hover,
&:focus {
background-color: @crust;
}
}
&:not(.active) > a {
&:hover,
&:focus {
background-color: @mantle;
}
}
}
.ui-state-highlight {
border-color: @accent;
background: @accent;
color: @base;
}
.primary-navbar {
a,
form,
.active {
background-color: @base;
}
form .btn-link {
color: @accent;
}
.active a {
color: @text;
}
}
.post,
.topic {
background-color: @mantle;
border-color: @surface0;
}
.editable-click {
&,
&:hover,
&:focus {
border-bottom-color: @subtext0;
}
}
[style*="background: whitesmoke;"] {
background-color: @mantle !important;
}
@media (min-width: 768px) {
.modal-content {
box-shadow: 0 5px 15px @crust;
}
}
@media screen and (max-width: 767px) {
.table-responsive {
border-color: @surface0;
}
}
#id_main_screenshot {
box-shadow: 12px 12px 29px @surface1;
}
#id_hosting_details,
#id_education_details {
&,
h1,
h2,
h3 {
background-color: @mantle;
color: @text;
}
.btn {
color: @crust !important;
}
a {
color: @accent;
}
}
#id_develop_anywhere_details {
background-color: @base;
}
#id_support_details {
background-color: @base;
a {
color: @accent !important;
}
}
#id_company_info_strip {
color: @text;
}
.console_table .info_tooltip {
color: @accent;
}
#id_console_name {
color: @text;
}
.beginner_pane,
.pricing_pane {
background-color: @mantle;
}
#id_error_message,
#id_login_error {
color: @red;
}
.post_preview {
background-color: @base;
h3 {
color: @text;
}
}
.teacher-navbar {
background-color: @mantle;
color: @text;
}
.nav > li > a:focus {
background: none;
}
/* blog */
.site-header {
background-color: @crust;
}
h1,
h2,
h3,
h4,
code {
color: @text !important;
}
button code {
background: none !important;
color: inherit !important;
}
p,
.tipue_search_content_text,
.tipue_search_content_bold,
#tipue_search_error,
#tipue_search_results_count,
.post-meta {
color: @subtext0;
}
.navbar-default .navbar-toggle {
&:hover,
&:focus {
background-color: @mantle;
}
}
button:not(.btn-link, .btn, [data-toggle="dropdown"]),
.pagination a,
#tipue_search_foot_boxes li.current,
#tipue_search_foot_boxes li a {
background-color: @accent;
color: @crust;
border-color: @accent;
}
button:disabled,
.pagination .disabled {
background-color: darken(@accent, 5%);
border-color: darken(@accent, 5%);
}
#tipue_search_input,
form.navbar-search {
background-color: @mantle;
color: @text;
}
svg {
fill: @subtext0;
}
.fa-at,
.fa-twitter,
.fa-rss {
filter: @text-filter;
}
.hide_search_icon path {
stroke: @subtext0;
}
footer,
footer .wrap {
background-color: @crust;
color: @text;
border-color: @crust;
}
.pagination a,
#tipue_search_foot_boxes li.current,
#tipue_search_foot_boxes li a {
background-color: @accent;
color: @crust;
border-color: @accent;
}
img[src*="ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png"],
img[src*="/static/anywhere/images/staff.png"],
img[src*="/static/glyphicons/glyphicons_"],
img[src="/static/anywhere/images/PA-logo-snake-only.svg"],
.testimonial-content,
.quickstart_logo:not([src$="/django-logo-negative-small.png"]),
.ui-icon {
filter: @text-filter;
}
img[src*="/static/anywhere/images/cross.png"] {
filter: @red-filter;
}
img[src*="/static/anywhere/images/tick.png"] {
filter: @green-filter;
}
.quickstart_logo[src$="/django-logo-negative-small.png"] {
// Original image has background - can't filter
@svg: escape(
'<svg xmlns="http://www.w3.org/2000/svg" width="160" height="73" viewBox="0 0 260 90"><path d="M19.587 44.065c-.043 8.197 5.968 13.084 15.56 10.862V33.202c-9.713-2.958-15.52 3.027-15.56 10.863M35.441 1.789h13.21v62.533c-12.663 2.07-24.79 3.383-33.468-1.468-11.171-6.246-12.07-26.096-3.23-34.936 4.483-4.482 13.506-7.638 23.194-5.578V2.67c-.025-.417-.049-.832.294-.881m34.642 13.798h-13.21V1.789h13.21zm158.536 39.927c14.402 5.597 15.995-25.778 1.468-22.9-9.022 1.789-8.732 20.078-1.468 22.9m.587-33.762c10.998-1.176 19.296 3.678 22.606 11.156 5.648 12.76-.31 27.403-9.394 31.708-4.709 2.23-9.639 2.443-14.093 2.055-13.767-1.2-22.449-15.23-17.615-30.827.757-2.44 1.607-3.934 2.056-4.697 2.992-5.088 8.044-8.497 16.44-9.395M88.286 50.524c-3.654 6.14 5.527 7.612 11.45 5.871v-9.1c-4.551.635-9.73.339-11.45 3.229m23.193 14.385c-10.913.628-27.498 4.346-33.469-2.935-3.507-4.279-3.13-12.438 0-16.441 4.046-5.173 12.876-6.301 20.845-7.046.723-1.782.235-4.68-.587-5.872-7.29-1.857-14.531 1.02-19.67 3.229V25.569c7.762-3.566 25.74-7.321 31.12.88 2.825 4.308 1.76 11.821 1.76 18.496zm46.386.588h-13.21V48.469c0-5.607.906-12.716-2.057-14.973-2.32-1.769-7.824-.881-11.155 0v32h-13.212V24.688c13.506-3.508 37.883-7.27 39.634 9.688.864 8.361-.64 20.904 0 31.12m19.67-14.092c2.224 3.597 8.244 4.946 13.211 2.643a424 424 0 0 1-.293-21.139c-11.418-3.016-18.222 9.916-12.918 18.496m33.175-27.89c-1.176 3.522-2.896 6.498-4.403 9.688-1.362.305-2.542-.54-3.23 0-.301 14.311 3.048 33.712-2.642 44.038-3.426 6.217-9.734 10.205-19.377 10.862-7.024.48-12.477-.668-17.615-2.642V73.13c6.027 3.518 21.255 6.387 25.542-.881 1.261-2.139 1.181-4.349 1.761-7.633-2.76.145-5.439 1.423-8.807 1.468-13.846.183-22.412-10.841-19.083-26.13 1.288-5.913 4.753-10.675 9.395-13.504 9.642-5.877 24.463-5.43 38.46-2.936" fill="@{text}"/><path d="M70.083 22.574c-.014 9.728-.012 16.72-.013 28.538-.561 11.615-.43 20.864-4.684 26.421-.838 1.096-2.62 2.695-4.11 3.817-1.251.942-3.637 2.853-4.99 2.936-1.366.084-4.873-1.895-6.46-2.643-2.084-.981-4.01-2.285-6.165-2.935 5.025-3.114 9.796-5.449 11.743-11.744 1.694-5.474 1.468-13.407 1.468-21.138 0-7.634.034-16.509.034-23.249z" fill="@{text}"/></svg>'
);
content: url("data:image/svg+xml,@{svg}");
}
img[src$="/images/PA-logo.svg"] {
@svg: escape(
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 776.8 166"><path d="M197.99 41.73c-2.1-2.4-5.1-3.7-8.8-3.7s-6.5 1.2-8.7 3.7h.1q-3.3 3.75-3.3 9c0 3.7 1.2 6.8 3.2 9.2v-.1c2.1 2.5 5 3.7 8.7 3.7s6.7-1.2 8.9-3.7h-.1c2.2-2.5 3.2-5.5 3.2-9.1s-1.1-6.6-3.2-9m3 21c-3.1 3.2-7 5-11.9 5-4.6 0-8.9-1.9-11.9-4.9 0 0-.1 0-.1-.1v21.7h-4.3v-50h4.4v4.3l.1-.1c3.1-3.2 7-4.8 11.9-4.8s8.9 1.7 11.9 4.8c3.1 3.2 4.6 7.2 4.6 12.1s-1.7 9-4.7 12m42.2 17c-2.9 3.1-6.9 4.6-11.8 4.6q-5.85 0-11.4-3.6l1.5-4.3c2.2 1.6 4.4 2.6 6.4 3.1 1.3.3 2.6.5 3.6.5 3.7 0 6.5-1.2 8.5-3.5s3-5.1 3-8.9v-3.3c-2.3 2.2-5.3 3.2-9 3.2-4.3 0-7.7-1.6-10.1-4.4-2.2-2.7-3.2-6.2-3.2-10.5v-18.2h4.3v19.3c0 2.9.8 5.2 2.4 7h-.1c1.7 2 3.9 2.9 6.7 2.9s5-.9 6.6-2.8c1.6-1.7 2.4-4.1 2.4-7.1v-19.3h4.4v33.4c-.1 4.8-1.4 8.8-4.2 11.9m33.8-12.8c-8.5 0-12.6-3.9-12.6-11.7v-30.2h4.3v9.4h9.1v4.4h-9.1v16.2c0 5.1 2.7 7.8 8.3 7.8h2.7v4.1zm39.5.2v-19.2c0-2.7-.8-5.2-2.2-7.1-1.6-1.7-3.7-2.8-6.3-2.8-3.1 0-5.5 1.2-7.3 3.2-1.6 2.2-2.4 5-2.4 8.1v17.7h-4.3v-47.6h4.3v18.5c2.4-2.4 6.1-4.2 9.7-4.2 4.1 0 7.5 1.5 9.7 4.4 2 2.6 3.2 6.1 3.2 10.2v18.8zm42.9-25.5c-2.1-2.4-5.1-3.7-8.8-3.7-3.6 0-6.6 1.5-8.8 3.7-1.9 2.2-3.2 5.5-3.2 9 0 3.7 1.2 6.8 3.2 9.2 2.2 2.2 5.2 3.6 8.8 3.6 3.7 0 6.6-1.2 8.8-3.7h-.1c2.2-2.6 3.3-5.5 3.3-9.1s-1.1-6.6-3.2-9m3.2 21.2c-3.1 3.2-7 4.8-11.9 4.8-4.8 0-8.8-1.7-11.8-4.8-3.2-3.2-4.6-7.3-4.6-12.1 0-4.9 1.7-8.8 4.6-12 3.1-3.3 7-4.9 11.8-4.9 5 0 9 1.7 12 4.9s4.5 7.1 4.5 12c-.1 5-1.6 9-4.6 12.1m40.5 4.3v-19.2c0-2.9-.8-5.2-2.4-7.1l.1.1c-1.7-1.9-4-2.9-6.7-2.9-2.8 0-4.9.9-6.6 2.6-1.6 1.7-2.5 3.8-2.5 6.6v20l-4.3-.1v-32.8h4.3v2.8c2.3-2.1 5.5-3.3 9.1-3.3 4.3 0 7.6 1.5 10.1 4.5v-.1c2.2 2.5 3.3 6.1 3.3 10.5v18.4z" fill="@{accent}"/><path d="M449.89 41.63c-2.1-2.4-5.1-3.7-8.8-3.7-3.6 0-6.6 1.5-8.8 3.7-1.9 2.2-3.2 5.5-3.2 9 0 3.7 1.2 6.8 3.2 9.2 2.2 2.2 5.2 3.6 8.8 3.6 3.7 0 6.6-1.2 8.8-3.7h-.1c2.2-2.6 3.3-5.5 3.3-9.1s-1.1-6.6-3.2-9m3.2 25.5v-4.3l-.1.1c-3.1 3.2-5.2 4.8-10.4 4.8-4.8 0-10.4-1.7-13.4-4.8-3.2-3.2-4.6-7.3-4.6-12.1 0-4.9 1.7-8.8 4.6-12 3.1-3.3 7-4.9 11.8-4.9 4.7 0 9 1.8 11.9 4.8 0 0 .1 0 .1.1v-4.3h4.4v32.7h-4.3zm44.2 0v-19.2c0-2.9-.8-5.2-2.4-7.1l.1.1c-1.7-1.9-4-2.9-6.7-2.9-2.8 0-4.9.9-6.6 2.6-1.6 1.7-2.5 3.8-2.5 6.6v20l-4.3-.1v-32.8h4.3v2.8c2.3-2.1 5.5-3.3 9.1-3.3 4.3 0 7.6 1.5 10.1 4.5v-.1c2.2 2.5 3.3 6.1 3.3 10.5v18.4zm43.7 12.6c-2.9 3.1-6.9 4.6-11.8 4.6q-5.85 0-11.4-3.6l1.5-4.3c2.2 1.6 4.4 2.6 6.4 3.1 1.3.3 2.6.5 3.6.5 3.7 0 6.5-1.2 8.5-3.5s3-5.1 3-8.9v-3.3c-2.3 2.2-5.3 3.2-9 3.2-4.3 0-7.7-1.6-10.1-4.4-2.2-2.7-3.2-6.2-3.2-10.5v-18.2h4.3v19.3c0 2.9.8 5.2 2.4 7h-.1c1.7 2 3.9 2.9 6.7 2.9s5-.9 6.6-2.8c1.6-1.7 2.4-4.1 2.4-7.1v-19.3h4.4v33.4c0 4.8-1.3 8.8-4.2 11.9m53.5-15.6c-.9 2.4-2.2 3.7-4.1 3.7-2 0-3.3-1.2-4.2-3.7l-3.2-8.5c-1.1 2.8-2.1 5.8-3.2 8.5-.9 2.4-2.5 3.7-4.2 3.7-2 0-3.3-1.2-4.2-3.7l-11.1-29.7h4.6l10.4 27.8v-.1c.2.7.4.9.3.9.1 0 .1-.2.4-.9v.1c1.6-4.3 3.2-8.3 4.7-12.6-1.8-4.6-3.9-10.5-5.6-15.2h4.5l10.4 27.8v-.1c.2.7.3.9.3.9s.1-.2.3-.8l10.4-27.8h4.7zm47.7 3v-19.2c0-2.7-.8-5.2-2.2-7.1-1.6-1.7-3.7-2.8-6.3-2.8-3.1 0-5.5 1.2-7.3 3.2-1.6 2.2-2.4 5-2.4 8.1v17.7h-4.3v-47.6h4.3v18.5c2.4-2.4 6.1-4.2 9.7-4.2 4.1 0 7.5 1.5 9.7 4.4 2 2.6 3.2 6.1 3.2 10.2v18.8zm22.2-18.9h23.7c-.4-2.9-1.7-5.4-3.6-7.2-2.1-2-4.7-3.1-8.2-3.1-3.4 0-6.1 1.1-8.1 3.1-2.1 1.8-3.3 4.3-3.8 7.2m28.3 2.8c0 .3-.1 1.3-.1 1.4h-28.2c.4 3.2 1.7 5.8 3.7 7.7 2.2 2.1 5 3.2 8.5 3.2 1.9 0 3.9-.3 5.9-.9v.1c2.2-.7 3.9-1.9 5.5-3.4l3.2 3.1c-3.5 3.5-8.2 5.4-14.4 5.4-4.9 0-9-1.7-12-4.7-3.2-3.1-4.8-7.1-4.8-12.2 0-4.9 1.7-8.8 4.6-12 3.1-3.3 7-4.9 11.8-4.9s8.7 1.6 11.8 4.7 4.7 6.9 4.7 11.8c-.2.2-.1.3-.2.7m31.7-11.9-.7-.2c.1.1-.8-.1-1.4-.2-.4-.1-.7-.1-1.4-.2-2.4.2-4.9 1.3-6.6 3.7-1.8 2.3-2.7 5.7-2.7 10.1v14.7h-4.4v-32.6h4.4v4.2c2.4-2.4 6.2-4.4 10-4.4 0 0 .5.1 1.1.2s2.1.3 3.1.5v4.2zm14.2 9.106h23.7c-.4-2.9-1.7-5.4-3.6-7.2-2.1-2-4.7-3.1-8.2-3.1-3.4 0-6.1 1.1-8.1 3.1-2.2 1.8-3.3 4.3-3.8 7.2m28.2 2.8c0 .3-.1 1.3-.1 1.4h-28.2c.4 3.2 1.7 5.8 3.7 7.7 2.2 2.1 5 3.2 8.5 3.2 1.9 0 3.9-.3 5.9-.9v.1c2.2-.7 3.9-1.9 5.5-3.4l3.2 3.1c-3.5 3.5-8.2 5.4-14.4 5.4-4.9 0-9-1.7-12-4.7-3.2-3.1-4.8-7.1-4.8-12.2 0-4.9 1.7-8.8 4.6-12 3.1-3.3 7-4.9 11.8-4.9s8.7 1.6 11.8 4.7 4.7 6.9 4.7 11.8c-.1.2 0 .3-.2.7M69.69 103.93c-.5-.6-1.2-1-1.8-1.4-.5-.3-.7-.6-.6-1.3 1-5.9 1.9-11.8 2.8-17.8.6-4 1.2-8 1.9-12.2.9.6 1.8 1.2 2.6 1.8.2.2.1.5.1.7-.2 1.4-.4 2.9-.7 4.3-.5 3.2-1 6.5-1.5 9.7l-1.5 9.6c-.1.8-.2 1.7-.4 2.5.4.1.6-.2.9-.3 7.6-4 15.2-7.9 22.8-11.9l.6-.3c.2-.1.4-.2.6 0 .8.5 1.6 1.1 2.5 1.7-.4.2-.6.4-.9.5-8.8 4.6-17.5 9.2-26.3 13.8-.3.1-.6.2-.7.5zm-26.7-54c-.2 1.6-.5 3-.7 4.4-.7 4.6-1.5 9.1-2.2 13.7-.4 2.7-.9 5.4-1.3 8.1-.1.5-.3.7-.7.8-.8.2-1.7.5-2.5.8-.1-.2 0-.4 0-.6.8-5 1.6-9.9 2.4-14.9.8-4.8 1.5-9.7 2.3-14.5.1-.4.2-.7.7-.8.7-.2 1.3-.4 2-.6.4-.2.7-.1 1.1.2l5.1 5.1c5.4 5.4 10.9 10.8 16.3 16.1.1.1.2.3.4.4-1 .4-2 .6-2.9 1-.3.1-.5-.2-.6-.3-1.3-1.3-2.6-2.6-4-3.9-5-4.9-9.9-9.8-14.8-14.7-.2 0-.3-.1-.6-.3m26 15.5c-.8-.7-1.5-1.4-2.2-2.1-.2-.2-.1-.5 0-.7.6-1.8 1.2-3.6 1.9-5.4l6.6-18.9c.1-.2.2-.5.2-.7-.4-.1-.7.1-1 .2-8.2 2.6-16.3 5.1-24.5 7.7-1.3.4-.9.5-1.8-.4l-1.5-1.5c.2-.3.6-.3.9-.4 9.5-3 19-6 28.4-9 .7-.2 1.1-.1 1.6.4.3.4.8.8 1.2 1.2.4.3.4.7.3 1.1-1.1 3-2.1 6-3.2 9-2.2 6.3-4.4 12.6-6.6 18.8 0 .1-.1.4-.3.7m-1.7 6.3c-.2 1-.3 1.9-.4 2.9 0 .4-.3.4-.6.5-2.2.7-4.3 1.4-6.4 2-6.2 2-12.5 3.9-18.7 5.9-.2.1-.5.2-.8.3.2.3.5.5.8.6 7 4.8 14 9.7 21 14.5.6.4 1 .8.7 1.6-.2.7-.2 1.4-.4 2.1-.3 0-.5-.2-.7-.3-8.2-5.6-16.4-11.3-24.6-16.9-.5-.4-.7-.7-.6-1.4.1-.6.3-1.1.3-1.7 0-.5.3-.7.7-.8 9.7-3.1 19.5-6.1 29.2-9.2.1 0 .3 0 .5-.1m-22.2-61.3c-.1 1-.3 2-.4 2.9 0 .4-.4.4-.7.4-1.8.6-3.7 1.1-5.5 1.7-6.6 2-13.1 4-19.7 6-.2.1-.5.1-.7.4.3.2.5.4.8.6 7 4.9 13.9 9.9 20.9 14.8.5.4.7.7.6 1.4-.2.8-.3 1.5-.4 2.3-.3-.1-.5-.3-.8-.4l-24.3-17.1c-.6-.4-.8-.8-.6-1.4.1-.6.2-1.1.3-1.7 0-.4.2-.6.7-.8l6.9-2.1c7.4-2.2 14.7-4.5 22.1-6.7.2-.2.5-.2.8-.3m30 20.4c-.8.3-1.6.5-2.4.8-.5.2-.9.1-1.3-.3-2.7-2.8-5.5-5.5-8.3-8.3-3.3-3.3-6.6-6.6-10-9.9-.2-.2-.3-.5-.7-.6-.2 1-.4 2.1-.5 3.1-.8 4.7-1.5 9.4-2.3 14-.5 3-1 5.9-1.4 8.9-.1.5-.2.7-.7.8-.8.2-1.7.5-2.5.8-.1-.6.1-1.1.2-1.5l3-18.6c.5-3.3 1.1-6.6 1.6-9.9.1-.4.2-.6.6-.7.7-.2 1.3-.4 2-.6.5-.2.8-.1 1.2.3l8 8c4.3 4.3 8.7 8.6 13 12.9.1.2.4.4.5.8m3.682 42.481a20.4 20.4 0 0 1-.712-4.16c-.635-5.257-.08-10.33 1.965-15.2 3.138-7.6 8.544-13.236 15.913-16.83 3.631-1.752 7.526-2.983 11.586-3.701.279.32.151.712.13 1.011l.174 1.817c.072.406-.142.591-.548.663-2.65.617-5.313 1.433-7.797 2.562-6.722 2.939-11.852 7.492-15.12 14.08-2.209 4.357-3.135 9.003-2.878 13.933.109 1.31.217 2.622.426 3.94.072.405.05.705-.462.87-.819.243-1.745.58-2.677 1.015m13.858 9.69c.07-.997.032-1.902.102-2.9.028-.399.142-.591.647-.656 2.636-.417 5.186-1.04 7.57-2.177 8.794-3.896 14.57-10.51 16.928-19.868.963-3.742 1.129-7.54.795-11.372.014-.2-.065-.506-.05-.705.027-.4-.337-.926-.017-1.204.22-.286.72-.25 1.125-.323.713-.15 1.325-.308 2.044-.558.309 1.324.41 2.735.42 4.039a40 40 0 0 1-.294 8.5q-1.428 9.674-8.097 16.876c-4.766 5.08-10.696 8.174-17.413 9.609-1.232.415-2.45.63-3.76.74m29.26-57.199c.3.021.414-.171.62-.257 4.08-2.422 8.244-4.637 12.408-6.851.214-.186.52-.265.805-.044a77 77 0 0 0 2.789 1.698 3 3 0 0 1-.733.45c-5.205 2.744-10.501 5.38-15.705 8.125-.42.27-.74.55-1.068.927-1.912 2.974-3.93 6.04-5.843 9.015-.34.577-.34.577-.919.236s-1.055-.675-1.633-1.016-.577-.341-.243-.82l3.71-5.754c.782-1.149 1.465-2.304 2.247-3.452.22-.285.348-.677.376-1.076.304-5.793.702-11.48 1.107-17.265l.056-.798c.777.355 1.44.902 2.217 1.257.87.462 1.035.975.965 1.972-.358 3.685-.623 7.475-.881 11.166-.056.798-.211 1.59-.274 2.487" fill="@{text}"/><path d="M100.632 50.28c-.098 1.396-1.734 3.287-3.151 3.489-1.019.229-1.896-.133-2.545-.88s-.786-1.659-.424-2.536c.482-1.17 1.25-2.118 2.39-2.64.932-.436 1.83-.373 2.593.182.856.661 1.306 1.394 1.137 2.385m10.162 6.625c-.097 1.396-1.733 3.287-3.158 3.588-1.018.23-1.795-.125-2.545-.88q-.974-1.12-.43-2.435c.489-1.27 1.257-2.218 2.496-2.733 1.766-.879 3.77.564 3.637 2.46M11.89 25.83c.9.5 1.6 1.1 2.5 1.7.3.2.2.5.1.8l-.9 5.7c-1.1 6.8-2.2 13.5-3.3 20.3 0 .2-.2.5 0 .8.3-.2.6-.3.9-.5l22.5-12.3c.6-.3 1-.3 1.5.1.6.5 1.2.9 1.9 1.4-.2.3-.5.4-.7.5-8.7 4.8-17.4 9.5-26 14.3-.6.3-1 .4-1.5-.1-.4-.4-.9-.7-1.4-1-.4-.2-.5-.5-.4-.9.4-2.4.8-4.7 1.1-7.1 1.2-7.6 2.5-15.2 3.7-22.8q-.15-.45 0-.9m481.48 85.08c-.19-.28-.37-.56-.84-.56h-.47c-.47 0-.75.28-.84.56l-15.84 34.37c-.28.65.09 1.3.84 1.3h4.47c.84 0 1.3-.47 1.49-1.02l2.52-5.5h15.28l2.52 5.5c.37.75.75 1.02 1.49 1.02h4.47c.75 0 1.21-.65.84-1.3zm-6.33 23.47 5.03-11.18h.19l5.12 11.18zm54.87-23.47h-4.66c-.56 0-.93.47-.93.93v21.05h-.09l-21.24-22.54h-1.3c-.47 0-.93.37-.93.93v34.28c0 .47.47.93.93.93h4.66c.56 0 .93-.47.93-.93v-21.89h.09l21.33 23.38h1.21c.47 0 .93-.37.93-.93v-34.28c.09-.47-.37-.93-.93-.93m22.91 0c-.19-.28-.37-.56-.84-.56h-.47c-.47 0-.75.28-.84.56l-15.84 34.37c-.28.65.09 1.3.84 1.3h4.47c.84 0 1.3-.47 1.49-1.02l2.52-5.5h15.28l2.52 5.5c.37.75.75 1.02 1.49 1.02h4.47c.75 0 1.21-.65.84-1.3zm-6.33 23.47 5.03-11.18h.19l5.12 11.18zm49.93 3.07c-.28-.28-.84-.37-1.3 0-2.14 1.77-4.75 2.89-7.82 2.89-6.52 0-11.46-5.4-11.46-11.74 0-6.43 4.84-11.92 11.36-11.92 2.89 0 5.68 1.12 7.82 2.98a.9.9 0 0 0 1.3 0l3.07-3.17a.947.947 0 0 0-.09-1.4c-3.45-3.07-7.17-4.75-12.3-4.75-10.15 0-18.44 8.2-18.44 18.44 0 10.15 8.2 18.26 18.44 18.26 4.56 0 8.94-1.58 12.39-4.94.37-.37.47-1.02.09-1.4zm24.12-27.1c-10.15 0-18.26 8.2-18.26 18.44 0 10.15 8.1 18.26 18.26 18.26 10.15 0 18.35-8.1 18.35-18.26 0-10.25-8.19-18.44-18.35-18.44m0 30.09c-6.43 0-11.64-5.22-11.64-11.64 0-6.43 5.22-11.74 11.64-11.74s11.74 5.31 11.74 11.74c-.09 6.42-5.31 11.64-11.74 11.64m53.1-29.53h-4.66c-.56 0-.93.47-.93.93v21.05h-.09l-21.24-22.54h-1.3c-.47 0-.93.37-.93.93v34.28c0 .47.47.93.93.93h4.66c.56 0 .93-.47.93-.93v-21.89h.09l21.33 23.38h1.21c.47 0 .93-.37.93-.93v-34.28c0-.47-.47-.93-.93-.93m20.4 0h-12.11c-.47 0-.93.47-.93.93v33.72c0 .47.37.93.93.93h12.11c9.87 0 17.89-8.01 17.89-17.89-.01-9.68-8.02-17.69-17.89-17.69m-.56 29.43h-5.87v-23.29h5.78c6.61 0 11.46 5.03 11.46 11.64.09 6.62-4.76 11.65-11.37 11.65m52.54 5.03-15.74-34.28c-.19-.28-.37-.56-.84-.56h-.47c-.47 0-.75.28-.84.56l-15.84 34.28c-.28.65.09 1.3.84 1.3h4.47c.84 0 1.3-.47 1.49-1.02l2.52-5.5h15.28l2.52 5.5c.37.75.75 1.02 1.49 1.02h4.47c.55-.09.93-.65.65-1.3m-21.99-10.99 5.03-11.18h.19l5.12 11.18zm28.32 11.64h.28c.09 0 .19-.09.19-.19v-.93h.56l.37 1.02c0 .09.09.09.19.09h.37c.09 0 .19-.09.19-.19-.19-.28-.28-.65-.47-.93.28-.09.65-.37.65-.93 0-.65-.47-1.02-1.02-1.02h-1.21c-.09 0-.19.09-.19.19v2.7c0 .19 0 .19.09.19m.47-2.51h.75c.28 0 .37.19.37.37s-.19.37-.37.37h-.75z" fill="@{text}"/><path d="M765.28 147.51c1.68 0 2.98-1.3 2.98-2.98s-1.4-2.98-2.98-2.98c-1.68 0-2.98 1.4-2.98 2.98s1.31 2.98 2.98 2.98m0-5.49c1.3 0 2.42 1.12 2.42 2.42s-1.12 2.42-2.42 2.42-2.42-1.12-2.42-2.42 1.12-2.42 2.42-2.42m-360.96-30.4h3.37v12.1c0 1.14-.1 2.03-.1 2.03h.1s2.08-4.81 8.48-4.81c6.69 0 10.86 5.36 10.86 13.09 0 7.88-4.71 13.04-11.26 13.04-5.95 0-8.18-4.86-8.18-4.86h-.1s.1.84.1 2.03v2.23h-3.27zm11.21 32.48c4.41 0 8.03-3.72 8.03-10.07 0-6.1-3.22-10.02-7.88-10.02-4.17 0-8.08 2.98-8.08 10.07 0 5.01 2.58 10.02 7.93 10.02m15.58 8.63s1.39 1.14 2.98 1.14c2.18 0 3.72-1.79 4.71-4.07l1.54-3.52-10.41-24.75h3.72l7.34 18.2c.5 1.24.89 2.63.89 2.63h.1s.35-1.39.84-2.63l7.19-18.2h3.67l-12.3 30.15c-1.29 3.17-3.87 5.21-7.19 5.21-2.58 0-4.36-1.49-4.36-1.49z" fill="@{text}"/></svg>'
);
content: url("data:image/svg+xml;utf8,@{svg}");
}
}
}
/* deno-fmt-ignore */
@catppuccin: {
@latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };
@frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };
@macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };
@mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };
};
/* deno-fmt-ignore */
@catppuccin-filters: {
@latte: { @rosewater: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(1048%) hue-rotate(323deg) brightness(92%) contrast(86%); @flamingo: brightness(0) saturate(100%) invert(84%) sepia(44%) saturate(4533%) hue-rotate(310deg) brightness(98%) contrast(75%); @pink: brightness(0) saturate(100%) invert(60%) sepia(32%) saturate(775%) hue-rotate(266deg) brightness(93%) contrast(97%); @mauve: brightness(0) saturate(100%) invert(26%) sepia(59%) saturate(3315%) hue-rotate(255deg) brightness(94%) contrast(100%); @red: brightness(0) saturate(100%) invert(16%) sepia(78%) saturate(7275%) hue-rotate(342deg) brightness(84%) contrast(94%); @maroon: brightness(0) saturate(100%) invert(31%) sepia(56%) saturate(2395%) hue-rotate(331deg) brightness(99%) contrast(82%); @peach: brightness(0) saturate(100%) invert(38%) sepia(81%) saturate(1292%) hue-rotate(356deg) brightness(103%) contrast(99%); @yellow: brightness(0) saturate(100%) invert(74%) sepia(47%) saturate(4570%) hue-rotate(354deg) brightness(95%) contrast(83%); @green: brightness(0) saturate(100%) invert(51%) sepia(25%) saturate(4134%) hue-rotate(76deg) brightness(95%) contrast(66%); @teal: brightness(0) saturate(100%) invert(41%) sepia(45%) saturate(1101%) hue-rotate(139deg) brightness(100%) contrast(82%); @sky: brightness(0) saturate(100%) invert(47%) sepia(76%) saturate(2427%) hue-rotate(166deg) brightness(99%) contrast(97%); @sapphire: brightness(0) saturate(100%) invert(52%) sepia(41%) saturate(6982%) hue-rotate(160deg) brightness(102%) contrast(75%); @blue: brightness(0) saturate(100%) invert(30%) sepia(80%) saturate(1850%) hue-rotate(209deg) brightness(94%) contrast(105%); @lavender: brightness(0) saturate(100%) invert(48%) sepia(61%) saturate(538%) hue-rotate(194deg) brightness(102%) contrast(98%); @text: brightness(0) saturate(100%) invert(30%) sepia(10%) saturate(1259%) hue-rotate(196deg) brightness(97%) contrast(91%); @subtext1: brightness(0) saturate(100%) invert(36%) sepia(10%) saturate(890%) hue-rotate(196deg) brightness(98%) contrast(90%); @subtext0: brightness(0) saturate(100%) invert(47%) sepia(6%) saturate(1263%) hue-rotate(195deg) brightness(90%) contrast(81%); @overlay2: brightness(0) saturate(100%) invert(59%) sepia(7%) saturate(825%) hue-rotate(195deg) brightness(83%) contrast(91%); @overlay1: brightness(0) saturate(100%) invert(59%) sepia(14%) saturate(333%) hue-rotate(194deg) brightness(95%) contrast(89%); @overlay0: brightness(0) saturate(100%) invert(85%) sepia(7%) saturate(595%) hue-rotate(191deg) brightness(77%) contrast(81%); @surface2: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(482%) hue-rotate(189deg) brightness(82%) contrast(88%); @surface1: brightness(0) saturate(100%) invert(85%) sepia(8%) saturate(281%) hue-rotate(187deg) brightness(92%) contrast(88%); @surface0: brightness(0) saturate(100%) invert(96%) sepia(1%) saturate(5123%) hue-rotate(185deg) brightness(93%) contrast(83%); @base: brightness(0) saturate(100%) invert(89%) sepia(5%) saturate(140%) hue-rotate(182deg) brightness(109%) contrast(94%); @mantle: brightness(0) saturate(100%) invert(93%) sepia(19%) saturate(55%) hue-rotate(182deg) brightness(98%) contrast(92%); @crust: brightness(0) saturate(100%) invert(91%) sepia(1%) saturate(4489%) hue-rotate(196deg) brightness(106%) contrast(82%); };
@frappe: { @rosewater: brightness(0) saturate(100%) invert(90%) sepia(6%) saturate(734%) hue-rotate(321deg) brightness(95%) contrast(99%); @flamingo: brightness(0) saturate(100%) invert(88%) sepia(52%) saturate(817%) hue-rotate(293deg) brightness(113%) contrast(84%); @pink: brightness(0) saturate(100%) invert(76%) sepia(15%) saturate(844%) hue-rotate(280deg) brightness(107%) contrast(91%); @mauve: brightness(0) saturate(100%) invert(71%) sepia(25%) saturate(725%) hue-rotate(225deg) brightness(94%) contrast(91%); @red: brightness(0) saturate(100%) invert(67%) sepia(3%) saturate(7209%) hue-rotate(305deg) brightness(91%) contrast(99%); @maroon: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(957%) hue-rotate(307deg) brightness(109%) contrast(90%); @peach: brightness(0) saturate(100%) invert(68%) sepia(28%) saturate(662%) hue-rotate(335deg) brightness(96%) contrast(94%); @yellow: brightness(0) saturate(100%) invert(94%) sepia(88%) saturate(684%) hue-rotate(309deg) brightness(105%) contrast(80%); @green: brightness(0) saturate(100%) invert(89%) sepia(23%) saturate(582%) hue-rotate(42deg) brightness(87%) contrast(89%); @teal: brightness(0) saturate(100%) invert(91%) sepia(13%) saturate(986%) hue-rotate(110deg) brightness(85%) contrast(81%); @sky: brightness(0) saturate(100%) invert(75%) sepia(15%) saturate(623%) hue-rotate(141deg) brightness(109%) contrast(81%); @sapphire: brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(730%) hue-rotate(157deg) brightness(97%) contrast(76%); @blue: brightness(0) saturate(100%) invert(68%) sepia(16%) saturate(1070%) hue-rotate(185deg) brightness(96%) contrast(95%); @lavender: brightness(0) saturate(100%) invert(75%) sepia(20%) saturate(626%) hue-rotate(201deg) brightness(101%) contrast(89%); @text: brightness(0) saturate(100%) invert(83%) sepia(12%) saturate(582%) hue-rotate(191deg) brightness(98%) contrast(96%); @subtext1: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(411%) hue-rotate(190deg) brightness(96%) contrast(84%); @subtext0: brightness(0) saturate(100%) invert(82%) sepia(6%) saturate(1287%) hue-rotate(192deg) brightness(86%) contrast(85%); @overlay2: brightness(0) saturate(100%) invert(65%) sepia(36%) saturate(230%) hue-rotate(190deg) brightness(92%) contrast(82%); @overlay1: brightness(0) saturate(100%) invert(55%) sepia(12%) saturate(638%) hue-rotate(189deg) brightness(98%) contrast(87%); @overlay0: brightness(0) saturate(100%) invert(49%) sepia(13%) saturate(662%) hue-rotate(192deg) brightness(94%) contrast(84%); @surface2: brightness(0) saturate(100%) invert(41%) sepia(20%) saturate(469%) hue-rotate(191deg) brightness(93%) contrast(86%); @surface1: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(771%) hue-rotate(190deg) brightness(89%) contrast(85%); @surface0: brightness(0) saturate(100%) invert(28%) sepia(7%) saturate(1468%) hue-rotate(193deg) brightness(92%) contrast(95%); @base: brightness(0) saturate(100%) invert(20%) sepia(17%) saturate(747%) hue-rotate(192deg) brightness(96%) contrast(97%); @mantle: brightness(0) saturate(100%) invert(8%) sepia(7%) saturate(7271%) hue-rotate(198deg) brightness(88%) contrast(75%); @crust: brightness(0) saturate(100%) invert(7%) sepia(7%) saturate(7415%) hue-rotate(197deg) brightness(86%) contrast(79%); };
@macchiato: { @rosewater: brightness(0) saturate(100%) invert(88%) sepia(13%) saturate(322%) hue-rotate(321deg) brightness(102%) contrast(91%); @flamingo: brightness(0) saturate(100%) invert(82%) sepia(3%) saturate(3070%) hue-rotate(314deg) brightness(107%) contrast(88%); @pink: brightness(0) saturate(100%) invert(80%) sepia(23%) saturate(509%) hue-rotate(280deg) brightness(102%) contrast(92%); @mauve: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(903%) hue-rotate(222deg) brightness(104%) contrast(93%); @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(1541%) hue-rotate(305deg) brightness(110%) contrast(86%); @maroon: brightness(0) saturate(100%) invert(71%) sepia(10%) saturate(1331%) hue-rotate(306deg) brightness(93%) contrast(101%); @peach: brightness(0) saturate(100%) invert(73%) sepia(13%) saturate(1676%) hue-rotate(330deg) brightness(103%) contrast(92%); @yellow: brightness(0) saturate(100%) invert(87%) sepia(89%) saturate(321%) hue-rotate(314deg) brightness(101%) contrast(87%); @green: brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(1128%) hue-rotate(48deg) brightness(92%) contrast(85%); @teal: brightness(0) saturate(100%) invert(92%) sepia(10%) saturate(1176%) hue-rotate(110deg) brightness(87%) contrast(90%); @sky: brightness(0) saturate(100%) invert(78%) sepia(57%) saturate(230%) hue-rotate(142deg) brightness(96%) contrast(84%); @sapphire: brightness(0) saturate(100%) invert(74%) sepia(35%) saturate(438%) hue-rotate(156deg) brightness(92%) contrast(93%); @blue: brightness(0) saturate(100%) invert(67%) sepia(17%) saturate(1007%) hue-rotate(183deg) brightness(99%) contrast(94%); @lavender: brightness(0) saturate(100%) invert(74%) sepia(6%) saturate(2559%) hue-rotate(198deg) brightness(103%) contrast(94%); @text: brightness(0) saturate(100%) invert(81%) sepia(9%) saturate(726%) hue-rotate(192deg) brightness(104%) contrast(92%); @subtext1: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1453%) hue-rotate(193deg) brightness(94%) contrast(86%); @subtext0: brightness(0) saturate(100%) invert(75%) sepia(18%) saturate(361%) hue-rotate(190deg) brightness(91%) contrast(86%); @overlay2: brightness(0) saturate(100%) invert(67%) sepia(9%) saturate(814%) hue-rotate(191deg) brightness(92%) contrast(88%); @overlay1: brightness(0) saturate(100%) invert(49%) sepia(38%) saturate(203%) hue-rotate(190deg) brightness(101%) contrast(93%); @overlay0: brightness(0) saturate(100%) invert(46%) sepia(16%) saturate(552%) hue-rotate(193deg) brightness(93%) contrast(84%); @surface2: brightness(0) saturate(100%) invert(34%) sepia(16%) saturate(611%) hue-rotate(192deg) brightness(101%) contrast(87%); @surface1: brightness(0) saturate(100%) invert(30%) sepia(11%) saturate(1085%) hue-rotate(194deg) brightness(92%) contrast(89%); @surface0: brightness(0) saturate(100%) invert(18%) sepia(21%) saturate(880%) hue-rotate(193deg) brightness(97%) contrast(84%); @base: brightness(0) saturate(100%) invert(12%) sepia(42%) saturate(570%) hue-rotate(194deg) brightness(90%) contrast(90%); @mantle: brightness(0) saturate(100%) invert(6%) sepia(6%) saturate(7499%) hue-rotate(200deg) brightness(93%) contrast(85%); @crust: brightness(0) saturate(100%) invert(5%) sepia(8%) saturate(5346%) hue-rotate(202deg) brightness(98%) contrast(88%); };
@mocha: { @rosewater: brightness(0) saturate(100%) invert(92%) sepia(5%) saturate(704%) hue-rotate(320deg) brightness(99%) contrast(93%); @flamingo: brightness(0) saturate(100%) invert(81%) sepia(5%) saturate(987%) hue-rotate(315deg) brightness(107%) contrast(90%); @pink: brightness(0) saturate(100%) invert(86%) sepia(11%) saturate(1177%) hue-rotate(283deg) brightness(101%) contrast(92%); @mauve: brightness(0) saturate(100%) invert(65%) sepia(58%) saturate(255%) hue-rotate(224deg) brightness(96%) contrast(102%); @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(997%) hue-rotate(294deg) brightness(104%) contrast(91%); @maroon: brightness(0) saturate(100%) invert(66%) sepia(16%) saturate(1301%) hue-rotate(306deg) brightness(116%) contrast(84%); @peach: brightness(0) saturate(100%) invert(68%) sepia(57%) saturate(278%) hue-rotate(338deg) brightness(98%) contrast(101%); @yellow: brightness(0) saturate(100%) invert(90%) sepia(70%) saturate(380%) hue-rotate(313deg) brightness(102%) contrast(95%); @green: brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(2015%) hue-rotate(63deg) brightness(104%) contrast(78%); @teal: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(991%) hue-rotate(108deg) brightness(93%) contrast(90%); @sky: brightness(0) saturate(100%) invert(84%) sepia(21%) saturate(1302%) hue-rotate(164deg) brightness(106%) contrast(84%); @sapphire: brightness(0) saturate(100%) invert(74%) sepia(20%) saturate(876%) hue-rotate(156deg) brightness(96%) contrast(93%); @blue: brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(951%) hue-rotate(180deg) brightness(98%) contrast(100%); @lavender: brightness(0) saturate(100%) invert(73%) sepia(7%) saturate(1670%) hue-rotate(195deg) brightness(102%) contrast(99%); @text: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(879%) hue-rotate(190deg) brightness(100%) contrast(93%); @subtext1: brightness(0) saturate(100%) invert(84%) sepia(19%) saturate(381%) hue-rotate(193deg) brightness(91%) contrast(89%); @subtext0: brightness(0) saturate(100%) invert(84%) sepia(9%) saturate(767%) hue-rotate(192deg) brightness(84%) contrast(84%); @overlay2: brightness(0) saturate(100%) invert(63%) sepia(15%) saturate(428%) hue-rotate(191deg) brightness(96%) contrast(84%); @overlay1: brightness(0) saturate(100%) invert(56%) sepia(15%) saturate(455%) hue-rotate(192deg) brightness(90%) contrast(88%); @overlay0: brightness(0) saturate(100%) invert(44%) sepia(6%) saturate(1275%) hue-rotate(194deg) brightness(97%) contrast(88%); @surface2: brightness(0) saturate(100%) invert(34%) sepia(8%) saturate(1015%) hue-rotate(195deg) brightness(99%) contrast(89%); @surface1: brightness(0) saturate(100%) invert(25%) sepia(6%) saturate(1950%) hue-rotate(197deg) brightness(99%) contrast(86%); @surface0: brightness(0) saturate(100%) invert(19%) sepia(5%) saturate(2844%) hue-rotate(199deg) brightness(91%) contrast(93%); @base: brightness(0) saturate(100%) invert(7%) sepia(4%) saturate(7496%) hue-rotate(202deg) brightness(93%) contrast(87%); @mantle: brightness(0) saturate(100%) invert(6%) sepia(4%) saturate(7465%) hue-rotate(202deg) brightness(95%) contrast(90%); @crust: brightness(0) saturate(100%) invert(3%) sepia(13%) saturate(6863%) hue-rotate(220deg) brightness(95%) contrast(91%); };
};