diff --git a/styles/arch-linux/catppuccin.user.css b/styles/arch-linux/catppuccin.user.css
index 5b44759f1..68c0fa34a 100644
--- a/styles/arch-linux/catppuccin.user.css
+++ b/styles/arch-linux/catppuccin.user.css
@@ -78,6 +78,45 @@
}
/* Start styling your website here: */
+ background-color: @mantle;
+ body {
+ background-color: @mantle !important;
+ color: @text
+ }
+ .box {
+ background-color: @base;
+ border-color: @accent-color !important;
+ }
+
+/* archnavbar */
+
+ #archnavbar {
+ background-color: @base !important;
+ border-bottom-color: @accent-color !important;
+ }
+ #archnavbarlogo, #logo {
+ @svg: escape(
+ ''
+ );
+ background: url("data:image/svg+xml,@{svg}") !important;
+ background-size: 190px 40px !important;
+ }
+ #archnavbar ul li.anb-selected a {
+ color: @accent-color !important;
+ }
+ #archnavbarlist li a {
+ color: @accent-color !important
+ }
+ #archdev-navbar li {
+ a {
+ color: @accent-color !important
+ }
+ button {
+ color: @accent-color !important
+ }
+ }
+
+/* Wiki page */
#content table,
#content h1,
#content h2,
@@ -89,6 +128,9 @@
#content tt {
color: @text !important;
}
+ .vector-page-toolbar-container {
+ border-color: @accent-color !important;
+ }
body.skin-vector-2022 .vector-sticky-header {
color: @text !important;
@@ -149,10 +191,7 @@
background-color: @base !important;
}
- #archnavbar {
- background-color: @base !important;
- border-bottom-color: @accent-color !important;
- }
+
.mw-parser-output {
background-color: @base !important;
}
@@ -188,13 +227,7 @@
background-color: @base;
}
- #archnavbarlogo {
- @svg: escape(
- ''
- );
- background: url("data:image/svg+xml,@{svg}") !important;
- background-size: 190px 40px !important;
- }
+
.cdx-text-input__input:enabled:focus {
border-color: @blue;
box-shadow: @blue !important;
@@ -344,10 +377,6 @@
background: linear-gradient(rgba(255, 255, 255, 0), @base) !important;
}
- #archnavbar ul li.anb-selected a {
- color: @accent-color !important;
- }
-
.archwiki-template-message {
background-color: @base;
}
@@ -421,14 +450,7 @@
border-color: @accent-color !important
}
- #archnavbarlist li {
- a {
- color: @text !important
- }
- a:hover {
- color: @accent-color !important
- }
- }
+
.anb-selected {
color: @subtext1 !important;
@@ -539,27 +561,15 @@
background-color: @surface0 !important;
}
-/* AUR */
-
- background-color: @base;
- body {
- background-color: @base;
- color: @text
- }
- div.box {
- background-color: @surface1;
- border-color: @accent-color
- }
-
+ .mw-heading1, h1, .mw-heading2, h2{
+ border-bottom-color: @accent-color !important
+ }
- // archdev-navbar
- #archdev-navbar li a {
- color: @accent-color !important
- }
- #archdev-navbar li button {
- color: @accent-color !important
- }
+ #news h4 {
+ border-bottom-color: @accent-color !important;
+ }
+/* AUR */
// idk
content {
@@ -670,7 +680,7 @@
color: @text ! important
}
td {
- background-color: @surface1;
+ background-color: @base;
}
span.error {
color: @red !important
@@ -680,19 +690,32 @@
}
// pkginfo
- #pkginfo a.keyword {
+ #pkginfo {
+ a.keyword {
background-color: @crust !important
+ }
+ td {
+ background-color: @surface1 !important;
+ }
}
// pkgdetails
- #pkgdetails #actionlist {
+
+ #pkgdetails {
+ background-color: @surface1;
+ #actionlist {
background-color: @surface0;
color: @text;
border-color: @accent-color;
+
+
+
+ input.button.text-button {
+ color: @accent-color
+ }
+ }
}
- #pkgdetails #actionlist input.button.text-button {
- color: @accent-color
- }
+
#elsewhere {
background-color: @surface0 !important;
border-color: @accent-color !important;
@@ -746,6 +769,12 @@
color : @accent-color !important
}
}
+
+ // summary
+
+ .nohover th {
+ background-color: @mantle !important;
+ }
// log
span.age-hours {
color: @teal !important
@@ -774,14 +803,19 @@
background-color: @base
}
td {
- background-color: @base
+ background-color: @mantle
}
tr {
border-color: @accent-color !important;
}
}
- table.diffstat tr {
- border-color: @accent-color;
+ table.diffstat {
+ tr {
+ border-color: @accent-color;
+ }
+ td {
+ background-color: @surface1 !important;
+ }
}
div.head {
color: @text !important;
@@ -799,11 +833,35 @@
border-color: @accent-color !important;
}
+ .commit-info {
+ th {
+ background-color: @mantle !important;
+ }
+ td {
+ background-color: @mantle !important;
+ }
+
+ div.cgit-panel td {
+ background-color: @red !important;
+ }
+ }
+
+ .diffstat-summary {
+ color: @text !important;
+ }
+
+ .cgit-panel td {
+ background-color: @surface1 !important;
+ }
+
// stats
- table.stats {
+ .stats {
th {
background-color: @surface0 !important;
}
+ td {
+ background-color: @surface1 !important;
+ }
td.sum {
color: @red !important
}
@@ -811,23 +869,46 @@
/* Security page */
+ hr {
+ border-color: @accent-color !important;
+ }
span.purple {
color: @mauve !important
}
span.red {
color: @red !important;
}
+ span.orange {
+ color: @peach !important
+ }
span.light_orange {
- color: @peach !important;
+ color: @flamingo !important;
}
span.green {
color: @green !important;
}
+ .styled-table.full.size td {
+ border-color: @accent-color !important;
+ }
+
/* Home page */
- dl.newslist dt {
- color: @text !important;
+ dl.newslist {
+ dt {
+ color: @text !important;
+ }
+ dd {
+ border-color: @accent-color !important;
+ }
+ }
+ #news pre{
+ background-color: fadeout(hsla(90, 90%, 65%, 0.3), 10%) !important;
+ border-color: fadeout(hsla(90, 90%, 75%, 0.3), 10%);
+ code {
+ background-color: transparent;
+ color: @subtext1 !important
+ }
}
/* Forum page */
@@ -840,14 +921,6 @@
}
}
- div#brdmenu.inbox {
- background-color: @base !important;
- }
-
- .box {
- border-color: @accent-color !important;
- }
-
.blocktable {
h2 {
color: @text !important;
@@ -873,6 +946,7 @@
background-color: @surface0 !important;
}
td {
+ background-color: @surface1 !important;
border-color: @accent-color !important;
}
a {
@@ -897,6 +971,10 @@
}
}
+ div#brdmenu.inbox {
+ background-color: @base !important;
+ }
+
.tclcon a {
background-color: transparent !important;
}