0
mirror of https://github.com/valentineus/popov.link.git synced 2025-07-03 16:10:26 +03:00

Updated theme

Signed-off-by: Valentin Popov <info@valentineus.link>
This commit is contained in:
2020-01-23 13:44:05 +04:00
parent 3e0efb5d50
commit b837e8c89e
10 changed files with 246 additions and 230 deletions

9
_scss/base/_fonts.scss Normal file
View File

@ -0,0 +1,9 @@
@font-face {
font-display: swap;
font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
src: url('/assets/fonts/open-sans/open-sans-regular.ttf') format('truetype'),
url('/assets/fonts/open-sans/open-sans-regular.woff') format('woff'),
url('/assets/fonts/open-sans/open-sans-regular.woff2') format('woff2');
}

View File

@ -1,20 +1,4 @@
$color00: #000;
$color01: #000080;
$color02: #0000cf;
$color03: #00a000;
$color04: #204a87;
$color05: #3465a4;
$color06: #4e9a06;
$color07: #5c35cc;
$color08: #800080;
$color09: #8f5902;
$color10: #a40000;
$color11: #c4a000;
$color12: #c00;
$color13: #ce5c00;
$color14: #ef2929;
$color15: #f57900;
$color16: #f8f8f8;
$color17: #ffc;
$color00: rgb(255, 0, 0);
$color01: rgb(255, 255, 204);
@import 'highlight/main';

View File

@ -1,11 +1,11 @@
$color-bg-alt: rgba(0, 0, 0, .09);
$color-bg: rgb(255, 255, 255);
$color-blossom: rgb(0, 51, 153);
$color-fade: rgb(51, 102, 204);
$color-html: rgb(255, 255, 255);
$color-text: rgb(0, 0, 0);
$color-bg: rgb(250, 250, 250);
$color-blossom: rgb(0, 108, 160);
$color-fade: rgb(13, 78, 120);
$color-html: rgb(250, 250, 250);
$color-text: rgb(85, 85, 85);
$font-family-sans-serif: '-apple-system', BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Arial', sans-serif;
$font-size-base: 1.6rem;
$font-family-sans-serif: 'Open Sans', sans-serif;
$font-size-base: 1.6em;
@import 'sakura/main';

View File

@ -1,310 +1,139 @@
.highlight {
.bp {
color: $color05;
}
.c {
color: $color09;
font-style: italic;
}
.c1 {
color: $color09;
font-style: italic;
}
.cm {
color: $color09;
font-style: italic;
}
.cp {
color: $color09;
font-style: italic;
}
.cs {
color: $color09;
font-style: italic;
}
.err {
border: 1px solid $color14;
color: $color10;
}
.g {
color: $color00;
}
.gd {
color: $color10;
border: 1px solid $color00;
}
.ge {
color: $color00;
font-style: italic;
}
.gh {
color: $color01;
font-weight: bold;
}
.gi {
color: $color03;
}
.go {
color: $color00;
font-style: italic;
}
.gp {
color: $color09;
}
.gr {
color: $color14;
}
.gs {
color: $color00;
font-weight: bold;
}
.gt {
color: $color10;
.gs {
font-weight: bold;
}
.gu {
color: $color08;
font-weight: bold;
}
.hll {
background-color: $color17;
}
.il {
color: $color02;
font-weight: bold;
background-color: $color01;
}
.k {
color: $color04;
font-weight: bold;
}
.kc {
color: $color04;
font-weight: bold;
}
.kd {
color: $color04;
font-weight: bold;
}
.kn {
color: $color04;
font-weight: bold;
}
.kp {
color: $color04;
font-weight: bold;
}
.kr {
color: $color04;
font-weight: bold;
}
.kt {
color: $color04;
font-weight: bold;
}
.l {
color: $color00;
}
.ld {
color: $color00;
}
.m {
color: $color02;
font-weight: bold;
}
.mf {
color: $color02;
font-weight: bold;
}
.mh {
color: $color02;
font-weight: bold;
}
.mi {
color: $color02;
font-weight: bold;
}
.mo {
color: $color02;
font-weight: bold;
}
.n {
color: $color00;
}
.na {
color: $color11;
}
.nb {
color: $color04;
}
.nc {
color: $color00;
}
.nd {
color: $color07;
font-weight: bold;
}
.ne {
color: $color12;
font-weight: bold;
}
.nf {
color: $color00;
}
.ni {
color: $color13;
}
.nl {
color: $color15;
}
.nn {
color: $color00;
}
.no {
color: $color00;
}
.nt {
color: $color04;
font-weight: bold;
}
.nv {
color: $color00;
.nn {
font-weight: bold;
}
.nx {
color: $color00;
}
.o {
color: $color13;
.nt {
font-weight: bold;
}
.ow {
color: $color04;
font-weight: bold;
}
.p {
color: $color00;
font-weight: bold;
}
.py {
color: $color00;
}
.s {
color: $color06;
font-style: italic;
}
.s1 {
color: $color06;
font-style: italic;
}
.s2 {
color: $color06;
font-style: italic;
}
.sb {
color: $color06;
font-style: italic;
}
.sc {
color: $color06;
font-style: italic;
}
.sd {
color: $color09;
font-style: italic;
}
.se {
color: $color06;
font-style: italic;
font-weight: bold;
}
.sh {
color: $color06;
font-style: italic;
}
.si {
color: $color06;
font-style: italic;
font-weight: bold;
}
.sr {
color: $color06;
font-style: italic;
}
.ss {
color: $color06;
font-style: italic;
}
.sx {
color: $color06;
}
.vc {
color: $color00;
}
.vg {
color: $color00;
}
.vi {
color: $color00;
}
.w {
color: $color16;
text-decoration: underline;
}
.x {
color: $color00;
font-style: italic;
}
}

View File

@ -7,22 +7,16 @@ body {
background-color: $color-bg;
color: $color-text;
font-size: $font-size-base;
line-height: 1.6em;
line-height: 1.4em;
margin: auto;
max-width: 72em;
padding: 32px;
max-width: 64em;
padding: 4em;
}
@media (max-width: 684px) {
body {
font-size: $font-size-base * .85;
padding: 8px;
}
}
@media (max-width: 382px) {
body {
font-size: $font-size-base * .75;
padding: 2em;
}
}
@ -81,13 +75,11 @@ hr {
a {
color: $color-blossom;
text-decoration: none;
&:active,
&:focus,
&:hover {
color: $color-fade;
text-decoration: none;
}
}
@ -170,7 +162,7 @@ input[type='button'] {
color: $color-bg;
cursor: pointer;
display: inline-block;
padding: 5px 10px;
padding: 1em;
text-align: center;
text-decoration: none;
white-space: nowrap;
@ -198,8 +190,8 @@ input[type] {
box-shadow: none;
box-sizing: border-box;
color: $color-text;
margin-bottom: 10px;
padding: 6px 10px;
margin: .5em;
padding: 1em;
&:focus {
border: 1px solid $color-blossom;