Commit

Author:

Hash:

Timestamp:

+8 -31 +/-2 browse

Kevin Schoon [me@kevinschoon.com]

7daff58b500a2a3c83fa07e23b7a1aa38fe2c026

Thu, 09 Jul 2026 08:18:55 +0000 (11 hours ago)

eliminate excessive borders around various web components
1diff --git a/ayllu-web/themes/base.css b/ayllu-web/themes/base.css
2index 902b05a..0860666 100644
3--- a/ayllu-web/themes/base.css
4+++ b/ayllu-web/themes/base.css
5 @@ -49,10 +49,10 @@ table {
6 }
7
8 nav {
9- border: solid 2px;
10-
11 text-decoration: none;
12
13+ padding: 3px;
14+
15 display: flex;
16 flex-direction: row;
17 justify-content: space-between;
18 @@ -142,23 +142,10 @@ section.manual>section>table.head {
19
20 .info-bar {
21 margin-top: 5px;
22- border-radius: revert;
23- border-top: 2px solid;
24- border-right: 2px solid;
25- border-left: 2px solid;
26 padding: 5px;
27 font-family: monospace;
28 }
29
30- .info-bar.inner {
31- border-right: none;
32- border-left: none;
33- }
34-
35- .info-bar.single {
36- border-bottom: 2px solid;
37- }
38-
39 .info-bar::before {
40 content: "";
41 height: 20px;
42 @@ -180,7 +167,6 @@ section.clone>section.title {
43 #control-panel {
44 display: none;
45 padding: .5em;
46- border: 2px solid;
47 }
48
49 #code-viewer {
50 @@ -395,10 +381,6 @@ footer.rss {
51
52 .lower-half {
53 overflow: scroll;
54- border-right: solid 2px;
55- border-left: solid 2px;
56- border-bottom: solid 2px;
57- border-radius: unset;
58 }
59
60 table {
61 @@ -406,7 +388,6 @@ table {
62 background: none;
63 white-space: nowrap;
64 font-family: monospace;
65- font-size: 120%;
66 }
67
68 code.highlighted {
69 @@ -433,10 +414,6 @@ li.active {
70 text-decoration: underline;
71 }
72
73- :where(td, th) {
74- padding: 5px;
75- }
76-
77 :where(:is(td, th):not([align])) {
78 text-align: left;
79 }
80 diff --git a/ayllu-web/themes/rose-pine.css b/ayllu-web/themes/rose-pine.css
81index 11394fc..8379176 100644
82--- a/ayllu-web/themes/rose-pine.css
83+++ b/ayllu-web/themes/rose-pine.css
84 @@ -44,8 +44,8 @@ https://rosepinetheme.com/palette/ingredients/
85 --ayllu-background-secondary: var(--rp-dawn-surface);
86 --ayllu-section-background: var(--rp-dawn-surface);
87 --ayllu-background-tertiary: var(--rp-dawn-overlay);
88- --ayllu-nav-background: var(--rp-dawn-overlay);
89- --ayllu-table-header-background: var(--rp-dawn-highlight-high);
90+ --ayllu-nav-background: var(--rp-dawn-highlight-high);
91+ --ayllu-table-header-background: var(--rp-dawn-overlay);
92 --ayllu-table-row-primary: var(--rp-dawn-surface);
93 --ayllu-table-row-secondary: var(--rp-dawn-highlight-low);
94 --ayllu-positive: var(--rp-dawn-foam);
95 @@ -53,7 +53,7 @@ https://rosepinetheme.com/palette/ingredients/
96 --ayllu-pending: var(--rp-dawn-gold);
97 --ayllu-undefined: var(--rp-dawn-subtle);
98 --ayllu-selected: var(--rp-dawn-gold);
99- --ayllu-infobar-background: var(--rp-dawn-overlay);
100+ --ayllu-infobar-background: var(--rp-dawn-highlight-high);
101 --ayllu-infobar-chip-background: var(--rp-dawn-rose);
102 --ayllu-control-panel-background: var(--rp-dawn-overlay);
103 --ayllu-selectable-text-background-badge: var(--rp-dawn-highlight-med);
104 @@ -83,8 +83,8 @@ https://rosepinetheme.com/palette/ingredients/
105 --ayllu-background-secondary: var(--rp-surface);
106 --ayllu-section-background: var(--rp-surface);
107 --ayllu-background-tertiary: var(--rp-overlay);
108- --ayllu-nav-background: var(--rp-surface);
109- --ayllu-table-header-background: var(--rp-highlight-high);
110+ --ayllu-nav-background: var(--rp-highlight-high);
111+ --ayllu-table-header-background: var(--rp-highlight-med);
112 --ayllu-table-row-primary: var(--rp-surface);
113 --ayllu-table-row-secondary: var(--rp-highlight-low);
114 --ayllu-positive: var(--rp-foam);
115 @@ -92,7 +92,7 @@ https://rosepinetheme.com/palette/ingredients/
116 --ayllu-pending: var(--rp-gold);
117 --ayllu-undefined: var(--rp-foam);
118 --ayllu-selected: var(--rp-muted);
119- --ayllu-infobar-background: var(--rp-surface);
120+ --ayllu-infobar-background: var(--rp-highlight-high);
121 --ayllu-infobar-chip-background: var(--rp-rose);
122 --ayllu-control-panel-background: var(--rp-overlay);
123 --ayllu-selectable-text-background-badge: var(--rp-highlight-med);