Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
知鸟1号
tabler
提交
ab661938
T
tabler
项目概览
知鸟1号
/
tabler
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
T
tabler
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
ab661938
编写于
1月 12, 2020
作者:
C
codecalm
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
dark mode improvements
上级
edad3ac0
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
57 addition
and
22 deletion
+57
-22
pages/_includes/layout/sidebar.html
pages/_includes/layout/sidebar.html
+1
-1
pages/tmp-dark.html
pages/tmp-dark.html
+34
-0
scss/_dark.scss
scss/_dark.scss
+3
-13
scss/_variables.scss
scss/_variables.scss
+11
-7
scss/layout/_layout.scss
scss/layout/_layout.scss
+1
-1
scss/ui/_buttons.scss
scss/ui/_buttons.scss
+7
-0
未找到文件。
pages/_includes/layout/sidebar.html
浏览文件 @
ab661938
...
...
@@ -19,7 +19,7 @@
</div>
</div>
<div
class=
"mt-auto hide-sidebar-folded"
>
<div
class=
"mt-auto hide-sidebar-folded
pt-3
"
>
{% include ui/button.html text="Logout" color="primary" icon="log-out" block=true %}
</div>
</div>
...
...
pages/tmp-dark.html
0 → 100644
浏览文件 @
ab661938
---
tmp: true
page-title: Dark
---
<div
class=
"row row-md"
>
{% for i in (0..1) %}
<div
class=
"col py-4 {% if i > 0 %} theme-dark{% endif %}"
>
<div
class=
"card m-0"
>
<header
class=
"card-header"
>
<h3
class=
"card-title"
>
Card title
</h3>
</header>
<div
class=
"card-body"
>
<h3>
H3 header
</h3>
<h4>
H4 header
</h4>
<h5>
H5 header
</h5>
<h6>
H6 header
</h6>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusamus adipisci consectetur cupiditate, doloribus error ex expedita fuga incidunt laboriosam pariatur perferendis possimus praesentium quisquam reiciendis tempora ut! Cumque, fuga!
</p>
{% include ui/progress.html value=60 size="sm" class="mb-3" %}
<div>
{% include ui/button.html color="primary" %}
{% include ui/button.html color="secondary" %}
{% include ui/button.html color="danger" %}
{% include ui/button.html color="success" %}
{% include ui/button.html color="warning" %}
</div>
</div>
<footer
class=
"card-footer"
>
Card footer
</footer>
</div>
</div>
{% endfor %}
</div>
scss/_dark.scss
浏览文件 @
ab661938
...
...
@@ -17,23 +17,13 @@ $dark-border-color: rgba($border-color, .01);
.sidebar
,
.topbar
{
color
:
inherit
;
background
:
rgba
(
$white
,
.02
);
border-color
:
$dark-border-color
;
background
:
$dark
;
}
.progress
,
.form-control-light
{
background
:
$dark-border-color
;
}
.example
,
.card-footer
,
.card-header
,
.table
th
,
.markdown
table
th
,
.table
td
,
.markdown
table
td
,
.dropdown-menu
{
border-color
:
$dark-border-color
;
}
.text-body
{
color
:
#afbdd1
!
important
;
}
...
...
@@ -52,13 +42,13 @@ $dark-border-color: rgba($border-color, .01);
}
@media
not
print
{
body
.theme-dark
{
.theme-dark
{
@include
dark-mode
;
}
}
@media
(
prefers-color-scheme
:
dark
)
{
body
.auto-theme-dark
{
.auto-theme-dark
{
@include
dark-mode
;
}
}
scss/_variables.scss
浏览文件 @
ab661938
...
...
@@ -17,9 +17,11 @@ $light: #f5f7fb !default;
$dark
:
#354052
!
default
;
$light-black
:
rgba
(
$dark
,
.4
)
!
default
;
$light-mix
:
rgba
(
mix
(
$light
,
$dark
,
64%
)
,
.24
)
!
default
;
$light-white
:
rgba
(
$light
,
.4
)
!
default
;
$min-black
:
rgba
(
$dark
,
.02
)
!
default
;
$min-white
:
rgba
(
$light
,
.02
)
!
default
;
$min-black
:
rgba
(
$dark
,
.024
)
!
default
;
$min-white
:
rgba
(
$light
,
.024
)
!
default
;
$gray-100
:
$light
!
default
;
$gray-200
:
mix
(
$light
,
$dark
,
98%
)
!
default
;
...
...
@@ -50,8 +52,10 @@ $body-bg: $light !default;
$body-color
:
$dark
!
default
;
$text-muted
:
mix
(
$body-color
,
#fff
,
64%
)
!
default
;
$border-color
:
rgba
(
$body-color
,
.16
)
!
default
;
$hover-bg
:
$gray-200
!
default
;
$border-color
:
rgba
(
mix
(
$body-color
,
#fff
,
75%
)
,
.24
)
!
default
;
$hover-bg
:
$light-white
!
default
;
$active-bg
:
rgba
(
$blue
,
.06
)
!
default
;
$primary
:
$blue
!
default
;
...
...
@@ -150,8 +154,8 @@ $spacers: (
1
:
$spacer
*
.25
,
2
:
$spacer
*
.5
,
3
:
$spacer
,
4
:
$spacer
*
1
.
2
5
,
5
:
$spacer
*
1
.5
,
4
:
$spacer
*
1
.5
,
5
:
$spacer
*
2
,
6
:
$spacer
*
3
,
7
:
$spacer
*
6
,
8
:
$spacer
*
9
,
...
...
@@ -308,7 +312,7 @@ $toast-header-color: $text-muted !default;
$yiq-contrasted-threshold
:
200
!
default
;
//progress
$progress-bg
:
$
gray-200
!
default
;
$progress-bg
:
$
light-mix
!
default
;
$progress-height
:
.75rem
!
default
;
//ribbons
...
...
scss/layout/_layout.scss
浏览文件 @
ab661938
...
...
@@ -292,7 +292,7 @@ Sidebar
line-height
:
$navbar-height
;
width
:
$sidenav-width
;
position
:
fixed
;
position
:
absolute
;
top
:
0
;
left
:
0
;
}
...
...
scss/ui/_buttons.scss
浏览文件 @
ab661938
.btn-secondary
{
@include
button-variant
(
$white
,
$border-color
,
$dark
);
background-image
:
linear-gradient
(
-180deg
,
rgba
(
0
,
0
,
0
,
0
)
,
rgba
(
$dark
,
.04
)
100%
);
box-shadow
:
none
!
important
;
.bg-dark
&
,
.theme-dark
&
{
@include
button-variant
(
$min-white
,
$border-color
,
$light
,
rgba
(
0
,
0
,
0
,
0
)
,
$border-color
,
$light
);
background-image
:
none
;
}
}
.btn-outlined-secondary
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录