danix
's git repository
home
/
my projects
/
gitweb-theme-danix.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Adding custom fonts
[gitweb-theme-danix.git]
/
gitweb-danixland
/
gitweb.css
diff --git
a/gitweb-danixland/gitweb.css
b/gitweb-danixland/gitweb.css
index
c8b4945
..
a157fdc
100644
(file)
--- a/
gitweb-danixland/gitweb.css
+++ b/
gitweb-danixland/gitweb.css
@@
-1,3
+1,7
@@
+/* Fonts
+------------------------------------------------------------------------- */
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap');
+
/* Reset
------------------------------------------------------------------------- */
/* Reset
------------------------------------------------------------------------- */
@@
-49,6
+53,7
@@
a { outline: none; }
--fg: #393E46;
--link: #CF4DCE;
--border: 34,40,49,0.035;
--fg: #393E46;
--link: #CF4DCE;
--border: 34,40,49,0.035;
+ --accent: #FD7014;
}
@media screen and (prefers-color-scheme: dark) {
:root {
}
@media screen and (prefers-color-scheme: dark) {
:root {
@@
-60,7
+65,7
@@
a { outline: none; }
}
}
-/* General
- light theme
+/* General
---------------------------------------------------------------------------- */
html {
---------------------------------------------------------------------------- */
html {
@@
-69,7
+74,7
@@
html {
}
body {
}
body {
- font: 13px Helvetica,arial,freesans,clean,sans-serif;
+ font: 13px
'Montserrat',
Helvetica,arial,freesans,clean,sans-serif;
line-height: 1.4;
margin: 0 0 105px;
background-color: var(--bg);
line-height: 1.4;
margin: 0 0 105px;
background-color: var(--bg);
@@
-78,7
+83,7
@@
body {
/* Monospaced Fonts */
.sha1, .mode, .diff_tree .list, .pre, .diff, .patchset {
/* Monospaced Fonts */
.sha1, .mode, .diff_tree .list, .pre, .diff, .patchset {
- font-family: 'Consolas','Bitstream Vera Sans Mono',monospace;
+ font-family: '
Red Hat Mono','
Consolas','Bitstream Vera Sans Mono',monospace;
}
a:link, a:visited {
}
a:link, a:visited {
@@
-147,7
+152,7
@@
td, th {
}
.page_header a:link, .page_header a:visited {
}
.page_header a:link, .page_header a:visited {
- color:
#4183C4
;
+ color:
var(--link)
;
text-decoration: none;
padding: 3px;
font-weight: bold;
text-decoration: none;
padding: 3px;
font-weight: bold;
@@
-180,13
+185,13
@@
td, th {
height: 80px;
line-height: 80px;
margin-top: 15px;
height: 80px;
line-height: 80px;
margin-top: 15px;
- background:
#f1f1f1
;
- border-top: 2px solid
#ddd
;
- border-bottom: 1px solid
#ddd
;
+ background:
var(--bg)
;
+ border-top: 2px solid
var(--border)
;
+ border-bottom: 1px solid
var(--border)
;
}
.page_footer_text {
}
.page_footer_text {
- color:
#666
;
+ color:
var(--fg)
;
display: inline;
float: left;
margin-left: 25px;
display: inline;
float: left;
margin-left: 25px;
@@
-233,8
+238,8
@@
a.rss_logo:hover {
.index_include {
width: 95%;
margin: 0 auto 15px;
.index_include {
width: 95%;
margin: 0 auto 15px;
- background: -moz-linear-gradient(center top ,
#FFFFFF 0%, #F5F5F5
100%) repeat scroll 0 0 transparent;
- border: 1px solid
#DFDFDF
;
+ background: -moz-linear-gradient(center top ,
var(--bg) 0%, var(--bg-alt)
100%) repeat scroll 0 0 transparent;
+ border: 1px solid
var(--border)
;
padding: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
@@
-251,7
+256,7
@@
a.rss_logo:hover {
.history {
width: 95%;
margin: 0 auto 15px auto;
.history {
width: 95%;
margin: 0 auto 15px auto;
- border: 1px solid
#d8d8d8
;
+ border: 1px solid
var(--border)
;
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
@@
-780,3
+785,21
@@
td.pre, div.pre, div.diff {
.kwc { color:#d4663d; }
.kwd { color:#2928ff; }
.kwc { color:#d4663d; }
.kwd { color:#2928ff; }
+/*
+ * Styling for my custom added sections
+ */
+
+/* Header */
+div.site-header {
+ background-color: var(--bg-alt);
+ color: var(--fg);
+ padding: 1em;
+}
+div.site-header h1 {
+ text-transform: uppercase;
+ font-size: 2em;
+}
+div.site-header h1 span.evident {
+ background-color: var(--accent);
+ color: var(--bg);
+}