This commit is contained in:
Hanson.xyz Dev
2026-01-04 17:50:08 -06:00
parent 7e45ce0756
commit acc8ac87a0
4131 changed files with 232562 additions and 250244 deletions
+158 -20
View File
@@ -5,7 +5,9 @@ body {
--akismet-color-dark-grey: #646970;
--akismet-color-grey-80: #2c3338;
--akismet-color-grey-100: #101517;
--akismet-color-grey-border: #dcdcde;
--akismet-color-white: #fff;
--akismet-color-dark-green: #2d6a40;
--akismet-color-mid-green: #357b49;
--akismet-color-light-green: #4eb26a;
--akismet-color-mid-red: #e82c3f;
@@ -31,6 +33,7 @@ body {
#akismet-plugin-container {
background-color: var(--akismet-color-light-grey);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialiased;
}
#akismet-plugin-container a {
@@ -69,10 +72,26 @@ body {
padding-left: 0.2em;
}
.akismet-button, .akismet-button:hover {
background-color: var(--akismet-color-mid-green);
.akismet-button,
.akismet-button:hover {
border: 0;
color: #fff;
color: var(--akismet-color-white);
}
.akismet-button {
background-color: var(--akismet-color-mid-green);
}
.akismet-button:hover {
background-color: var(--akismet-color-dark-green);
}
.akismet-external-link::after {
content: "↗";
display: inline-block;
padding-left: 2px;
text-decoration: none;
vertical-align: text-top;
}
/* Need this specificity to override the existing header rule */
@@ -84,9 +103,13 @@ body {
text-transform: none;
}
.akismet-new-snapshot .akismet-new-snapshot__number {
.akismet-new-snapshot__number {
color: var(--akismet-color-charcoal);
display: block;
font-size: 32px;
font-weight: 400;
letter-spacing: -1px;
line-height: 1.5em;
text-align: left;
}
@@ -152,6 +175,10 @@ body {
border: 0;
}
.akismet-box:not(:first-child) {
margin-top: 1rem;
}
.akismet-box,
.akismet-card {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16);
@@ -340,6 +367,133 @@ body {
margin: 0.5em 0;
}
/* Setup */
.akismet-setup-instructions__heading {
font-size: 1.375rem;
font-weight: 700;
padding-block-end: 0;
}
h3.akismet-setup-instructions__subheading {
color: var(--akismet-color-dark-grey);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
margin: 0 0 1.25rem;
padding-block-start: 1rem;
}
.akismet-setup-instructions__feature-list {
list-style: none;
margin: 1rem 0.5rem 1.5rem;
max-width: 640px;
padding: 0 1rem;
}
.akismet-setup-instructions__feature {
align-items: start;
display: flex;
margin-block-end: 1rem;
text-align: left;
}
.akismet-setup-instructions__icon {
height: 20px;
width: 20px;
}
.akismet-setup-instructions__body {
flex: 1;
padding-inline-start: 0.5rem;
}
.akismet-setup-instructions__title {
color: #1d2327;
font-size: 1rem;
font-weight: 600;
line-height: 1.3;
margin: 0;
text-align: left;
}
p.akismet-setup-instructions__text {
color: var(--akismet-color-grey-80);
font-size: 0.875rem;
line-height: 1.5;
margin: 0.25rem 0 0;
padding: 0;
text-align: left;
}
.akismet-setup-instructions__button,
.akismet-setup-instructions__button:hover,
.akismet-setup-instructions__button:visited {
font-size: 1rem;
margin-inline-start: 1.5rem;
}
.akismet-setup__connection {
background: var(--akismet-color-light-grey);
border: 1px solid var(--akismet-color-grey-border);
border-radius: 8px;
margin: 1rem 1rem 2rem 1rem;
padding: 1rem;
}
.akismet-setup__connection-action:not(:last-child) {
margin-bottom: 1rem;
}
.akismet-setup__connection-user {
display: flex;
}
.akismet-setup__connection-avatar {
align-items: center;
display: flex;
gap: 12px;
margin-bottom: 12px;
}
.akismet-setup__connection-avatar-image {
border-radius: 50%;
}
.akismet-setup__connection-account-name {
color: var(--akismet-color-charcoal);
font-size: 0.9rem;
overflow-wrap: anywhere;
}
.akismet-setup__connection-account-email {
margin-top: 0.1rem;
overflow-wrap: anywhere;
}
.akismet-setup__connection-action {
margin-left: auto;
}
.akismet-setup__connection-button {
text-align: center;
width: 100%;
}
p.akismet-setup__connection-action-intro,
p.akismet-setup__connection-action-description {
color: var(--akismet-color-dark-grey);
font-size: 0.875rem;
padding: 0;
}
p.akismet-setup__connection-action-intro {
margin: 0 0 1rem 0;
}
p.akismet-setup__connection-action-description {
margin: 1rem 0 0;
}
/* Setup - API key input */
.akismet-enter-api-key-box {
margin: 1.5rem 0;
@@ -467,22 +621,6 @@ h3.akismet-enter-api-key-box__header {
margin-top: 1em;
}
.akismet-settings__external-link::after {
content: "↗";
display: inline-block;
padding-left: 2px;
text-decoration: none;
vertical-align: text-top;
}
.akismet-compatible-plugins__external-link::after {
content: "↗";
display: inline-block;
padding-left: 2px;
text-decoration: none;
vertical-align: text-top;
}
.akismet-compatible-plugins__show-more {
all: unset;
cursor: pointer;