Back to Bear's Default Theme
Reverting to defaults: starting with my Bear Blog's theme and other things in my inventory.
I had app fatigue and told myself it was time to throw in the towel on this blog's design tinkering. I have lost count on how many times I've changed the theme and re-arranged my blog.
As for this blog, I removed all of the additional scripts and am using the defaults. The built-in embedded posts/links are enough to make my ideal blog interactive.
I have decluttered a significant amount of things in my life, both physically and digitally. And I have never felt so free!
A new special arrangement has been made to stick with the current design between me and my wife. Before it was just money as penalty. Now, it's not just money that is at stake. 👀
I know that I've got to spend more time re-reading my drafts, some of them are dying to get published. And I'm the only one getting in the way.
Here's my recent CSS theme for Bear Blog, by the way. It's a (slightly) modified version of the Default theme.
:root {
--width: 720px;
--font-main: Verdana, sans-serif;
--font-secondary: Verdana, sans-serif;
--font-scale: 1em;
--background-color: #fff;
--heading-color: #222;
--text-color: #444;
--link-color: #3273dc;
--visited-color: #8b6fcb;
--code-background-color: #f2f2f2;
--code-color: #222;
--blockquote-color: #222;
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #01242e;
--heading-color: #eee;
--text-color: #ddd;
--link-color: #8cc2dd;
--visited-color: #8b6fcb;
--code-background-color: #000;
--code-color: #ddd;
--blockquote-color: #ccc;
}
}
body {
font-family: var(--font-secondary);
font-size: var(--font-scale);
margin: auto;
padding: 20px;
max-width: var(--width);
text-align: left;
background-color: var(--background-color);
word-wrap: break-word;
overflow-wrap: break-word;
line-height: 1.5;
color: var(--text-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-main);
color: var(--heading-color);
line-height: 1.4; /* reduce space between new line headers */
}
a {
color: var(--link-color);
cursor: pointer;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
nav a {
margin-right: 8px;
}
strong,
b {
color: var(--heading-color);
}
button {
margin: 0;
cursor: pointer;
}
time {
font-family: monospace;
font-style: normal;
font-size: 15px;
}
main {
line-height: 1.6;
}
table {
width: 100%;
}
hr {
border: 0;
border-top: 1px dashed;
}
img {
max-width: 100%;
}
code {
font-family: monospace;
padding: 2px;
background-color: var(--code-background-color);
color: var(--code-color);
border-radius: 3px;
}
blockquote {
border-left: 1px solid #999;
color: var(--blockquote-color);
padding-left: 20px;
font-style: italic;
}
footer {
padding: 25px 0;
text-align: center;
}
.title:hover {
text-decoration: none;
}
.title h1 {
font-size: 1.5em;
}
.inline {
width: auto !important;
}
.highlight,
.code {
padding: 1px 15px;
background-color: var(--code-background-color);
color: var(--code-color);
border-radius: 3px;
margin-block-start: 1em;
margin-block-end: 1em;
overflow-x: auto;
}
/* blog post list */
ul.blog-posts {
list-style-type: none;
padding: unset;
}
ul.blog-posts li {
display: flex;
}
ul.blog-posts li span {
flex: 0 0 130px;
}
ul.blog-posts li a:visited {
color: var(--visited-color);
}
/* added css */
summary {
cursor: pointer;
}
figcaption {
font-size: smaller;
display: block;
width: 100%;
text-align: center;
font-size: smaller;
}
ul.blog-posts li {
padding-bottom: 10px;
}
/* Table styling */
table {
border-collapse: collapse;
width: 100%;
font-family: Arial, sans-serif;
}
th,
td {
padding: 12px;
text-align: left;
border-bottom: 1px solid #ddd;
}
/* The hover effect */
tr:hover {
background-color: #f5f5f5;
}
.blog small .tags a {
font-size: medium;
margin: 5px;
}
footer span:last-of-type {
display: none;
}
body {
display: flex;
flex-direction: column;
min-height: 90vh;
height: 100%;
}
main {
flex: 1;
}
.tags-page .tags a,
.blog-posts .tags a {
font-size: larger;
margin: 5px;
}
.bear {
font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
}
The last three lines were from Finley's blog I read a few weeks ago.