Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Ablesons
three.js
提交
59c85b4b
T
three.js
项目概览
Ablesons
/
three.js
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
T
three.js
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
未验证
提交
59c85b4b
编写于
10月 14, 2019
作者:
M
Mr.doob
提交者:
GitHub
10月 14, 2019
浏览文件
操作
浏览文件
下载
差异文件
Merge pull request #17729 from mrdoob/darkmode
Docs/Examples: Implemented dark mode support.
上级
86995cda
ae9a6a91
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
67 addition
and
18 deletion
+67
-18
docs/page.css
docs/page.css
+14
-0
files/main.css
files/main.css
+53
-18
未找到文件。
docs/page.css
浏览文件 @
59c85b4b
:root
{
color-scheme
:
light
dark
;
--color-blue
:
#049EF4
;
--text-color
:
#444
;
...
...
@@ -12,18 +14,30 @@
--icon-size
:
20px
;
}
@media
(
prefers-color-scheme
:
dark
)
{
:root
{
--text-color
:
#bbb
;
--border-style
:
1px
solid
#444
;
}
}
@font-face
{
font-family
:
'Roboto Mono'
;
src
:
local
(
'Roboto Mono'
),
local
(
'RobotoMono-Regular'
),
url('../files/RobotoMono-Regular.woff2')
format
(
'woff2'
);
font-style
:
normal
;
font-weight
:
400
;
}
@font-face
{
font-family
:
'Inter'
;
font-style
:
normal
;
font-weight
:
400
;
src
:
local
(
'Inter-Regular'
),
url("../files/Inter-Regular.woff2?v=3.6")
format
(
"woff2"
);
}
@font-face
{
font-family
:
'Inter'
;
font-style
:
normal
;
...
...
files/main.css
浏览文件 @
59c85b4b
:root
{
color-scheme
:
light
dark
;
--background-color
:
#fff
;
--color-blue
:
#049EF4
;
--text-color
:
#444
;
--secondary-text-color
:
#9e9e9e
;
...
...
@@ -13,12 +17,26 @@
--icon-size
:
20px
;
}
@media
(
prefers-color-scheme
:
dark
)
{
:root
{
--background-color
:
#222
;
--text-color
:
#bbb
;
--secondary-text-color
:
#666
;
--border-style
:
1px
solid
#444
;
}
}
@font-face
{
font-family
:
'Roboto Mono'
;
src
:
local
(
'Roboto Mono'
),
local
(
'RobotoMono-Regular'
),
url('../files/RobotoMono-Regular.woff2')
format
(
'woff2'
);
font-style
:
normal
;
font-weight
:
400
;
}
@font-face
{
font-family
:
'Roboto Mono'
;
src
:
local
(
'Roboto Mono Medium'
),
local
(
'RobotoMono-Medium'
),
url('../files/RobotoMono-Medium.woff2')
format
(
'woff2'
);
...
...
@@ -45,7 +63,7 @@ body {
font-family
:
'Roboto Mono'
,
monospace
;
margin
:
0px
;
color
:
var
(
--text-color
);
background-color
:
#ffffff
;
background-color
:
var
(
--background-color
)
;
}
a
{
...
...
@@ -119,10 +137,14 @@ h1 a {
width
:
48px
;
height
:
48px
;
display
:
none
;
background-color
:
var
(
--text-color
);
background-size
:
var
(
--icon-size
);
background-position
:
50%
50%
;
background-repeat
:
no-repeat
;
background-image
:
url(../files/ic_close_black_24dp.svg)
;
-webkit-mask-image
:
url(../files/ic_close_black_24dp.svg)
;
-webkit-mask-position
:
50%
50%
;
-webkit-mask-repeat
:
no-repeat
;
mask-image
:
url(../files/ic_close_black_24dp.svg)
;
mask-position
:
50%
50%
;
mask-repeat
:
no-repeat
;
cursor
:
pointer
;
margin-right
:
0px
;
}
...
...
@@ -136,7 +158,9 @@ h1 a {
}
#panel
.searchFocused
#filter
{
background-image
:
none
;
-webkit-mask-image
:
none
;
mask-image
:
none
;
background-color
:
inherit
;
padding-left
:
0
;
}
...
...
@@ -147,10 +171,14 @@ h1 a {
margin-left
:
4px
;
display
:
none
;
cursor
:
pointer
;
background-color
:
var
(
--text-color
);
background-size
:
var
(
--icon-size
);
background-position
:
50%
50%
;
background-repeat
:
no-repeat
;
background-image
:
url(../files/ic_menu_black_24dp.svg)
;
-webkit-mask-image
:
url(../files/ic_menu_black_24dp.svg)
;
-webkit-mask-position
:
50%
50%
;
-webkit-mask-repeat
:
no-repeat
;
mask-image
:
url(../files/ic_menu_black_24dp.svg)
;
mask-position
:
50%
50%
;
mask-repeat
:
no-repeat
;
}
#panel
#sections
{
...
...
@@ -193,7 +221,7 @@ h1 a {
height
:
var
(
--header-height
);
padding
:
0
0
0
var
(
--panel-padding
);
position
:
relative
;
background
:
white
;
background
:
var
(
--background-color
)
;
}
#panel
#inputWrapper
:after
{
position
:
absolute
;
...
...
@@ -213,10 +241,14 @@ h1 a {
color
:
var
(
--text-color
);
outline
:
none
;
border
:
0px
;
background-color
:
var
(
--text-color
);
background-size
:
var
(
--icon-size
);
background-image
:
url(../files/ic_search_black_24dp.svg)
;
background-position
:
0
50%
;
background-repeat
:
no-repeat
;
-webkit-mask-image
:
url(../files/ic_search_black_24dp.svg)
;
-webkit-mask-position
:
0
50%
;
-webkit-mask-repeat
:
no-repeat
;
mask-image
:
url(../files/ic_search_black_24dp.svg)
;
mask-position
:
0
50%
;
mask-repeat
:
no-repeat
;
font-family
:
'Roboto Mono'
,
monospace
;
}
...
...
@@ -225,13 +257,16 @@ h1 a {
font-size
:
1rem
;
line-height
:
1rem
;
font-weight
:
500
;
color
:
#444
;
color
:
var
(
--text-color
)
;
border
:
0px
;
background-
image
:
url(ic_arrow_drop_down_black_24dp.svg
)
;
background-
color
:
var
(
--text-color
);
background-size
:
var
(
--icon-size
);
background-repeat
:
no-repeat
;
background-position
:
right
center
;
background-color
:
white
;
-webkit-mask-image
:
url(ic_arrow_drop_down_black_24dp.svg)
;
-webkit-mask-position
:
right
center
;
-webkit-mask-repeat
:
no-repeat
;
mask-image
:
url(ic_arrow_drop_down_black_24dp.svg)
;
mask-position
:
right
center
;
mask-repeat
:
no-repeat
;
padding
:
2px
24px
4px
24px
;
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
...
...
@@ -488,7 +523,7 @@ iframe {
right
:
0
;
top
:
0
;
bottom
:
0
;
background
:
white
;
background
:
var
(
--background-color
)
;
box-shadow
:
0
0
8px
rgba
(
0
,
0
,
0
,
.1
);
width
:
calc
(
100vw
-
60px
);
max-width
:
360px
;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录