修改目录

casdoor/casnode/css/basic.css

@@ -0,0 +1,10 @@
+html {
+    padding: 0;
+    margin: 0
+}
+
+body {
+    padding: 0;
+    margin: 0;
+    font-family: helvetica neue, luxi sans, dejavu sans, segoe ui, hiragino sans gb, microsoft yahei, sans-serif
+}

casdoor/casnode/css/desktop.css

@@ -0,0 +1,57 @@
+body {
+    min-width: 820px
+}
+
+h1 {
+    font-size: 24px;
+    font-weight: 500;
+    line-height: 150%;
+    margin: 0 0 10px;
+    padding: 0
+}
+
+.topic_content img, .reply_content img {
+    max-width: 100% !important
+}
+
+.editor_syntax {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none
+}
+
+.editor_syntax_label_left {
+    float: left;
+    margin-top: 7px;
+    margin-right: 7px
+}
+
+.editor_syntax_label_right {
+    float: right;
+    margin-top: 7px;
+    margin-left: 7px
+}
+
+.sidebar_compliance {
+    background-color: #f2f2f2;
+    padding: 5px;
+    font-size: 10px;
+    color: #333;
+    line-height: 100%
+}
+
+.thank_area > a {
+    visibility: hidden
+}
+
+.thank_area:hover > a {
+    visibility: visible
+}
+
+img {
+    max-width: 100%;
+}
+
+body {
+    min-width: 820px;
+}

casdoor/casnode/css/mobile.css

@@ -0,0 +1,170 @@
+body {
+    -webkit-text-size-adjust: none
+}
+
+h1 {
+    font-size: 22px;
+    font-weight: 500;
+    line-height: 120%;
+    margin: 5px 0 10px;
+    padding: 0
+}
+
+#Wrapper .content {
+    min-width: 300px;
+    width: auto;
+    padding: 5px
+}
+
+#Top {
+    padding: 0 5px
+}
+
+#Top .content {
+    min-width: 310px;
+    width: auto
+}
+
+#Bottom .content {
+    min-width: 310px;
+    width: auto
+}
+
+.header {
+    padding: 5px
+}
+
+.cell {
+    padding: 5px;
+    word-break: break-word
+}
+
+.cell_ops {
+    padding: 6px
+}
+
+.subtle {
+    padding: 5px
+}
+
+.inner {
+    padding: 5px;
+    word-break: break-word
+}
+
+.caution {
+    padding: 5px
+}
+
+.sl {
+    width: 210px;
+    font-size: 16px
+}
+
+.ml {
+    width: 210px
+}
+
+.mll {
+    width: 100%;
+    height: initial;
+    padding: 5px;
+    box-sizing: border-box;
+    font-size: 16px
+}
+
+.sls {
+    font-size: 16px
+}
+
+.mle {
+    width: 100%;
+    padding: 5px;
+    box-sizing: border-box;
+    font-size: 16px
+}
+
+.tall {
+    height: 220px
+}
+
+.imgly {
+    max-width: 280px
+}
+
+a.tab:link, a.tab:visited, a.tab:active {
+    display: inline-block;
+    font-size: 13px;
+    line-height: 16px;
+    padding: 5px 6px;
+    margin-right: 5px;
+    border-radius: 3px;
+    color: #555
+}
+
+a.tab:hover {
+    background-color: #f5f5f5;
+    color: #000;
+    text-decoration: none
+}
+
+a.tab_current:link, a.tab_current:visited, a.tab_current:active {
+    display: inline-block;
+    font-size: 13px;
+    line-height: 16px;
+    padding: 5px 6px;
+    margin-right: 5px;
+    border-radius: 3px;
+    background-color: #334;
+    color: #fff
+}
+
+a.tab_current:hover {
+    background-color: #445;
+    color: #fff;
+    text-decoration: none
+}
+
+.imgly {
+    max-width: 100%
+}
+
+.markdown_body > p > img {
+    max-width: 100%
+}
+
+.editor_syntax_label_left {
+    display: none
+}
+
+.editor_syntax_label_right {
+    display: none
+}
+
+.select2-search__field {
+    font-size: 16px
+}
+
+.status_editor {
+    font-size: 16px
+}
+
+.settings.privacy .privacy-settings-form > div > .settings-explanation {
+    grid-area: 2/1/3/3
+}
+
+.settings.privacy .privacy-settings-form > div > span {
+    justify-self: start
+}
+
+.box-transparent {
+    margin-bottom: 5px
+}
+
+.member-activity-bar {
+    width: 100%
+}
+
+img {
+    max-width: 100%;
+}

casdoor/casnode/css/night.css

@@ -0,0 +1,910 @@
+:root {
+    --box-background-color: #18222d;
+    --box-background-alt-color: #393f4e;
+    --box-background-hover-color: #001d25;
+    --box-background-darker-color: #001d25;
+    --box-foreground-color: #d1d5d9;
+    --box-border-color: #22303f;
+    --box-border-focus-color: #3e5874;
+    --menu-shadow-color: rgba(200, 200, 255, 0.2);
+    --ads-list-foreground-color: var(--box-foreground-color);
+    --link-color: #9caec7;
+    --link-visited-color: #393f4e;
+    --link-hover-color: #a9bcd6;
+    --color-gray: #738292;
+    --color-fade: #b2c3d4
+}
+
+body {
+    background-color: #22303f
+}
+
+#logo, #logoMobile {
+    background-image: url(https://cdn.jsdelivr.net/gh/casbin/static@latest/img/logo_dark.png) !important
+}
+
+#Wrapper {
+    background-color: #22303f
+}
+
+#Top {
+    background-color: #18222d;
+    border-bottom: 1px solid #22303f
+}
+
+#search-container {
+    background-color: #001d25;
+    border-color: #001d25
+}
+
+#search-container.active {
+    border-color: #3e5874
+}
+
+#search-container::before {
+    background-image: url(/static/img/search_icon_dark.png)
+}
+
+#search-container #search {
+    color: var(--box-foreground-color)
+}
+
+#search-container #search-result {
+    box-shadow: 0 2px 25px var(--menu-shadow-color)
+}
+
+#search-container #search-result .search-item {
+    color: #b2c3d4
+}
+
+#Tabs {
+    background-color: #18222d
+}
+
+#SecondaryTabs {
+    background-color: #001d25
+}
+
+#Bottom {
+    color: #9099aa;
+    background-color: #18222d
+}
+
+#DigitalOcean {
+    background-image: url(/static/img/do_logo_white.png)
+}
+
+#qbar {
+    background-image: url(https://cdn.jsdelivr.net/gh/casbin/static@latest/img/qbar_dark%402x.png);
+    transition: background-image .15s
+}
+
+.qbar_focus {
+    background-image: url(https://cdn.jsdelivr.net/gh/casbin/static@latest/img/qbar_dark_focus%402x.png) !important
+}
+
+#q {
+    color: #d1d5d9
+}
+
+h1 {
+    color: #d1d5d9
+}
+
+h2 {
+    border-color: #22303f
+}
+
+hr {
+    color: #22303f;
+    background-color: #22303f
+}
+
+a:active, a:link, a:visited {
+    color: #9caec7
+}
+
+a:hover {
+    color: #a9bcd6
+}
+
+a.topic-link:active, a.topic-link:link {
+    color: #9caec7
+}
+
+a.topic-link:visited {
+    color: #393f4e
+}
+
+a.topic-link:hover {
+    color: #a9bcd6
+}
+
+a.op:active, a.op:link, a.op:visited {
+    border: 1px solid transparent;
+    color: #9caec7;
+    background-color: transparent
+}
+
+a.op:hover {
+    border: 1px solid transparent;
+    color: #a9bcd6;
+    background-color: #393f4e
+}
+
+a.vote:active, a.vote:link, a.vote:visited {
+    border: 1px solid #9caec7;
+    color: #9caec7;
+    background-color: transparent
+}
+
+a.vote:hover {
+    border: 1px solid #a9bcd6;
+    color: #a9bcd6;
+    background-color: transparent
+}
+
+a.count_livid:active, a.count_livid:link {
+    background-color: #393f4e;
+    color: #d1d5d9
+}
+
+a.count_livid:visited, a.count_orange:visited {
+    background-color: #001d25;
+    color: #393f4e
+}
+
+.cell:hover a.thank:hover, .inner:hover a.thank:hover {
+    background-color: #001d25;
+    color: #a9bcd6
+}
+
+a.top:link, a.top:visited {
+    color: #9caec7;
+    text-decoration: none
+}
+
+a.top:hover {
+    color: #a9bcd6;
+    text-decoration: none
+}
+
+a.top:active {
+    color: #6b7788;
+    text-decoration: none
+}
+
+a.black:link, a.black:visited {
+    color: #9caec7
+}
+
+a.black:hover {
+    color: #a9bcd6
+}
+
+a.tab:active, a.tab:link, a.tab:visited {
+    color: #9caec7
+}
+
+a.tab:hover {
+    background-color: #393f4e;
+    color: #a9bcd6
+}
+
+a.tab_current:active, a.tab_current:link, a.tab_current:visited {
+    background-color: #393f4e;
+    color: #a9bcd6
+}
+
+.tab-alt:hover {
+    border-color: var(--box-border-color)
+}
+
+.tab-alt.active {
+    border-color: var(--box-foreground-color)
+}
+
+.page_normal:active, .page_normal:link, .page_normal:visited {
+    background-color: transparent;
+    border: 1px solid #22303f
+}
+
+.page_normal:hover {
+    color: #d1d5d9
+}
+
+.page_current:active, .page_current:link, .page_current:visited {
+    background-color: #393f4e;
+    border: 1px solid #393f4e;
+    color: #d1d5d9
+}
+
+.page_input {
+    border: 1px solid #22303f;
+    background-color: transparent;
+    color: #d1d5d9
+}
+
+.page_input:focus {
+    border: 1px solid #22303f;
+    color: #d1d5d9
+}
+
+.box {
+    background-color: #18222d;
+    color: #d1d5d9;
+    border-bottom: none
+}
+
+.box-transparent {
+    color: #d1d5d9
+}
+
+.cell_ops {
+    background-color: #18222d;
+    color: #d1d5d9;
+    border-bottom: 1px solid #22303f
+}
+
+.cell_tab:hover {
+    color: #a9bcd6;
+    border-bottom: 3px solid #a9bcd6
+}
+
+.cell_tab_current:link, .cell_tab_current:visited {
+    border-bottom: 3px solid #9caec7
+}
+
+.dock_area {
+    background-color: #001d25;
+    background-image: none
+}
+
+.subtle {
+    background-color: #18222d;
+    border-left: 3px solid #393f4e;
+    border-bottom: 1px solid #22303f
+}
+
+.payload {
+    background-color: #001d25
+}
+
+.item_title {
+    text-shadow: none
+}
+
+.cell {
+    border-bottom: 1px solid #22303f
+}
+
+.cell:last-child {
+    border-bottom: none
+}
+
+.valley {
+    border-bottom: 1px solid #22303f
+}
+
+.cell_tabs {
+    border-bottom: 1px solid #22303f
+}
+
+.header {
+    border-bottom: 1px solid #22303f
+}
+
+.outdated {
+    background-color: #393f4e;
+    color: #001d25;
+    border-color: #393f4e
+}
+
+.topic_content {
+    color: #d1d5d9
+}
+
+.topic_stats {
+    color: #b2c3d4;
+    text-shadow: none
+}
+
+.topic_info {
+    color: #738292
+}
+
+.reply_content {
+    color: #d1d5d9
+}
+
+.item_node {
+    border-color: #9caec7
+}
+
+.item_node:hover {
+    border-color: #a9bcd6;
+    color: #a9bcd6
+}
+
+.item_node:active {
+    background-color: #001d25
+}
+
+.tag:link, .tag:visited {
+    background-color: #001d25;
+    color: #9caec7
+}
+
+.tag:hover {
+    background-color: #393f4e;
+    color: #a9bcd6
+}
+
+a.node:active, a.node:link, a.node:visited {
+    background-color: #393f4e;
+    color: #9caec7
+}
+
+a.node:hover {
+    background-color: #9caec7;
+    color: #001d25
+}
+
+div.node:hover {
+    background-color: #001d25;
+    box-shadow: none
+}
+
+.note_item {
+    border-bottom: 1px solid #22303f
+}
+
+.note_item:hover {
+    background-color: #001d25
+}
+
+.note_editor {
+    color: #d1d5d9
+}
+
+a.dark:active, a.dark:link, a.dark:visited {
+    color: #6b7788
+}
+
+a.dark:hover {
+    color: #a9bcd6
+}
+
+.balance_area, a.balance_area:link, a.balance_area:visited {
+    background: #606c88;
+    background: -moz-linear-gradient(top, #606c88 0, #3f4c6b 100%);
+    background: -webkit-linear-gradient(top, #606c88 0, #3f4c6b 100%);
+    background: linear-gradient(to bottom, #606c88 0, #3f4c6b 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#606c88", endColorstr="#3f4c6b", GradientType=0);
+    color: #d1d5d9;
+    text-shadow: none
+}
+
+.ml, .mle, .mll, .sl, .sll, .sls {
+    background-color: #18222d;
+    border: 1px solid #393f4e;
+    color: #d1d5d9
+}
+
+::-webkit-input-placeholder {
+    color: #60606f
+}
+
+:-moz-placeholder {
+    color: #60606f
+}
+
+::-moz-placeholder {
+    color: #60606f
+}
+
+:-ms-input-placeholder {
+    color: #60606f
+}
+
+.new-title-input {
+    background-color: #18222d;
+    border: none;
+    color: #d1d5d9
+}
+
+.new-title-input:focus {
+    border: none;
+    background-color: #001d25
+}
+
+.ml:focus, .mle:focus, .mll:focus, .sl:focus, .sll:focus, .sls:focus {
+    border: 1px solid #3e5874;
+    background-color: #001d25
+}
+
+.no {
+    background-color: #001d25;
+    color: #b2c3d4
+}
+
+.topic_buttons {
+    background: #18222d;
+    background: -moz-linear-gradient(top, #18222d 0, #001d25 100%);
+    background: -webkit-linear-gradient(top, #18222d 0, #001d25 100%);
+    background: linear-gradient(to bottom, #18222d 0, #001d25 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$box-background-color", endColorstr="$box-background-darker-color", GradientType=0)
+}
+
+a.tab:active, a.tb:link, a.tb:visited {
+    text-shadow: none;
+    color: #9caec7
+}
+
+a.tb:hover {
+    background-color: #393f4e;
+    color: #a9bcd6
+}
+
+.social_label:link, .social_label:visited {
+    background-color: #22303f
+}
+
+.social_label:hover {
+    background-color: #393f4e;
+    color: #a9bcd6
+}
+
+.social_label:active {
+    background-color: #001d25;
+    color: #a9bcd6
+}
+
+.super.button {
+    background-image: none;
+    background: #18222d;
+    background: linear-gradient(to bottom, #9caec7 0, #6b7788 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$link-primary-color", endColorstr="$link-darker-color", GradientType=0);
+    text-shadow: none;
+    color: #18222d;
+    border: none;
+    border-top: 1px solid #b2c3d4;
+    box-shadow: none;
+    border-radius: 3px;
+    padding: 4px 15px;
+    font-weight: 500;
+    line-height: 22px
+}
+
+.normal.button:hover:enabled {
+    background: linear-gradient(to bottom, #99abc5 0, #697585 100%) !important;
+    text-shadow: none;
+    border: none;
+    border-top: 1px solid #b2c3d4;
+    font-weight: 500;
+    box-shadow: 0 0 0 2px rgba(178, 195, 212, .1)
+}
+
+.normal.button:active:enabled {
+    background-color: #22303f;
+    background: linear-gradient(to bottom, #7b93b5 0, #555e6b 100%) !important;
+    text-shadow: none;
+    border: none;
+    border-top: 1px solid #91aac2;
+    font-weight: 500
+}
+
+.normal_page_right.button {
+    text-shadow: none;
+    border-left: 1px solid rgba(36, 48, 64, .6)
+}
+
+.normal_page_right.button:disabled {
+    background-color: transparent !important;
+    box-shadow: none
+}
+
+.disable_now {
+    color: rgba(34, 48, 63, .5) !important;
+    background-color: transparent !important
+}
+
+.hover_now {
+    background: linear-gradient(to bottom, #8fa3c0 0, #626d7d 100%) !important;
+    text-shadow: none !important;
+    box-shadow: none !important;
+    border-top: 1px solid #a5b9cd !important
+}
+
+.active_now {
+    background: linear-gradient(to bottom, #758eb1 0, #505966 100%) !important;
+    color: #a9bcd6;
+    border-top: 1px solid #98afc5 !important
+}
+
+.special.button {
+    color: #fc0;
+    border: none;
+    background: linear-gradient(to bottom, #fc0 0, #d6ab00 100%);
+    transition: color .1s, border .1s;
+    color: #000;
+    border-top: 1px solid rgba(255, 255, 255, .7);
+    text-shadow: 0 1px 0 rgba(255, 255, 255, .25)
+}
+
+.special.button:hover {
+    text-shadow: none;
+    color: #333;
+    border: none;
+    background: linear-gradient(to bottom, #ebbc00 0, #c29b00 100%);
+    border-top: 1px solid rgba(255, 255, 255, .7);
+    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
+    box-shadow: 0 0 0 2px rgba(255, 204, 0, .25)
+}
+
+.special.button:active {
+    background: linear-gradient(to bottom, #d6ab00 0, #ad8a00 100%);
+    border: none;
+    border-top: 1px solid rgba(255, 255, 255, .7);
+    text-shadow: 0 1px 0 rgba(255, 255, 255, .25)
+}
+
+.inverse.button {
+    border: none
+}
+
+.inverse.button:hover {
+    box-shadow: none;
+    text-shadow: none;
+    border: none;
+    color: #22303f
+}
+
+.inverse.button:active {
+    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .45);
+    box-shadow: 0 2px 5px rgba(0, 0, 0, .5) inset
+}
+
+table.data td.h, table.data th.h {
+    border-right: 1px solid #22303f;
+    border-bottom: 1px solid #22303f;
+    text-shadow: none;
+    background: #18222d;
+    background: -moz-linear-gradient(top, #18222d 0, #001d25 100%);
+    background: -webkit-linear-gradient(top, #18222d 0, #001d25 100%);
+    background: linear-gradient(to bottom, #18222d 0, #001d25 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$box-background-color", endColorstr="$box-background-darker-color", GradientType=0)
+}
+
+table.data td.d {
+    border-right: 1px solid #22303f;
+    border-bottom: 1px solid #22303f
+}
+
+.backstage_node_access {
+    border-bottom: 1px solid #22303f
+}
+
+.backstage_node_access_op {
+    background-color: #001d25
+}
+
+.node_impressions {
+    border-bottom: 1px solid #22303f
+}
+
+.node_impressions_numbers {
+    background-color: #001d25
+}
+
+.sidebar_compliance {
+    background-color: #001d25;
+    padding: 5px;
+    font-size: 10px;
+    color: #d1d5d9;
+    line-height: 100%
+}
+
+a.img_sq, a.img_sqm {
+    background-color: transparent;
+    transition: background-color .2s
+}
+
+a.img_sq:hover, a.img_sqm:hover {
+    background-color: #001d25
+}
+
+.message {
+    background-color: #18222d;
+    border-bottom: 1px solid #22303f;
+    border-left: none;
+    color: #fc0
+}
+
+#MySQL {
+    border-top: 2px solid #22303f
+}
+
+#nodes-sidebar {
+    background-color: #18222d
+}
+
+.bs_left {
+    border-bottom: 1px solid #22303f;
+    border-right: 1px solid #22303f
+}
+
+.bs_left2 {
+    border-bottom: 1px solid #22303f;
+    border-left: 1px solid #22303f;
+    border-right: 1px solid #22303f
+}
+
+.bs_right {
+    border-bottom: 1px solid #22303f;
+    background-color: #001d25
+}
+
+.alt {
+    background-color: #001d25
+}
+
+.grid_item {
+    background-color: #18222d;
+    transition: background-color .1s
+}
+
+.grid_item:hover {
+    background-color: #001d25
+}
+
+.status_editor {
+    color: #d1d5d9
+}
+
+.status {
+    border-bottom: 1px solid #22303f
+}
+
+.status:hover {
+    background-color: #001d25
+}
+
+.status:hover .status_ops {
+    color: #fff
+}
+
+.status:hover .s_ops:link {
+    color: #a9bcd6
+}
+
+.s_ops:active, .s_ops:link, .s_ops:visited {
+    color: #d1d5d9
+}
+
+.status:hover .s_ops:link {
+    color: #d1d5d9
+}
+
+.status:hover .s_ops:hover {
+    color: #a9bcd6
+}
+
+.fade {
+    color: #b2c3d4
+}
+
+.thanked {
+    display: inline-block;
+    background-color: #001d25;
+    color: #b2c3d4;
+    border-radius: 3px
+}
+
+.topic_thanked {
+    font-size: 11px;
+    color: #b2c3d4;
+    text-shadow: none
+}
+
+#Singleton {
+    border-bottom: 1px solid #22303f
+}
+
+#Navcol {
+    background-color: #001d25
+}
+
+#Maincol {
+    background-color: #18222d;
+    color: #d1d5d9
+}
+
+#Rightcol {
+    background-color: #001d25
+}
+
+#page-outline-title {
+    background-color: #001d25;
+    color: var(--box-foreground-color)
+}
+
+.page-outline-item:hover {
+    background-color: #18222d;
+    color: #d1d5d9
+}
+
+ul.nav li a.nav_item_current, ul.nav li a.nav_item_current:visited {
+    background-color: #18222d;
+    color: #d1d5d9
+}
+
+ul.nav li a.nav_item:hover {
+    background-color: #22303f;
+    color: #a9bcd6
+}
+
+.footnotes {
+    background-color: #393f4e;
+    color: #b2c3d4
+}
+
+.markdown_body table tr {
+    border-top: 1px solid #22303f;
+    background-color: #18222d
+}
+
+.markdown_body table tr:nth-child(2n) {
+    background-color: #001d25
+}
+
+.markdown_body table tr th {
+    border: 1px solid #393f4e;
+    background-color: #393f4e;
+    color: #fff
+}
+
+.markdown_body table tr td {
+    border: 1px solid #22303f
+}
+
+a.black_alt:link, a.black_alt:visited {
+    color: #9caec7
+}
+
+a.black_alt:hover {
+    color: #a9bcd6
+}
+
+.convert_input {
+    background-color: #18222d;
+    border: 1px solid #22303f;
+    color: var(--box-foreground-color)
+}
+
+.item_hot_topic_title {
+    text-shadow: none
+}
+
+#ico-select-language {
+    filter: invert(100%)
+}
+
+.member-activity-bar {
+    background-color: #001d25
+}
+
+.member-activity-start {
+    background-color: #9caec7
+}
+
+.ago {
+    color: #738292
+}
+
+.gray {
+    color: #738292
+}
+
+.status_time {
+    color: #738292
+}
+
+.CodeMirror {
+    border: 1px solid #22303f
+}
+
+.image-edit-left {
+    background-color: #001d25
+}
+
+.lang-selector:link, .lang-selector:visited {
+    border-bottom: 1px solid #22303f
+}
+
+.lang-selector:hover {
+    background-color: #001d25
+}
+
+.light-toggle:hover {
+    text-decoration: none
+}
+
+pre {
+    background-color: #1d1f21
+}
+
+.reply-box-sticky {
+    background-color: var(--box-background-alt-color)
+}
+
+#undock-button {
+    display: none
+}
+
+#no-comments-yet {
+    text-shadow: none;
+    border: 2px dashed rgba(216, 216, 255, .2);
+    color: rgba(216, 216, 255, .2)
+}
+
+#site-search {
+    background-image: url(/static/img/search-bg-night.png?v=1)
+}
+
+.settings.block .block-stat:nth-child(2n) {
+    background-color: var(--box-background-darker-color)
+}
+
+.settings.privacy .privacy-settings-form > div:nth-child(2n) {
+    background-color: var(--box-background-darker-color)
+}
+
+.game-screenshots {
+    background-color: var(--box-background-hover-color)
+}
+
+#my-nodes {
+    background-color: #18222d
+}
+
+.fav-node {
+    background-color: #18222d;
+    transition: background-color .1s
+}
+
+.fav-node:hover {
+    background-color: #001d25
+}
+
+.image-grid a.image-grid-item {
+    background-color: transparent
+}
+
+.image-grid a.image-grid-item:hover {
+    background-color: var(--box-background-darker-color)
+}
+
+.image-view {
+    background-color: transparent
+}
+
+.image-view:hover {
+    background-color: var(--box-background-darker-color)
+}
+
+.image-edit .image-edit-info {
+    background-color: var(--box-background-darker-color)
+}
+
+.CodeMirror-sizer {
+    background-color: #22303f;
+}
+
+.CodeMirror-scroll {
+    background-color: #22303f;
+}
+
+.react-codemirror2 {
+    background-color: #22303f;
+}

casdoor/casnode/css/tomorrow.css

@@ -0,0 +1,41 @@
+.hljs-comment, .hljs-quote {
+    color: #8e908c
+}
+
+.hljs-variable, .hljs-template-variable, .hljs-tag, .hljs-name, .hljs-selector-id, .hljs-selector-class, .hljs-regexp, .hljs-deletion {
+    color: #c82829
+}
+
+.hljs-number, .hljs-built_in, .hljs-builtin-name, .hljs-literal, .hljs-type, .hljs-params, .hljs-meta, .hljs-link {
+    color: #f5871f
+}
+
+.hljs-attribute {
+    color: #eab700
+}
+
+.hljs-string, .hljs-symbol, .hljs-bullet, .hljs-addition {
+    color: #718c00
+}
+
+.hljs-title, .hljs-section {
+    color: #4271ae
+}
+
+.hljs-keyword, .hljs-selector-tag {
+    color: #8959a8
+}
+
+.hljs {
+    display: block;
+    overflow-x: auto;
+    color: #4d4d4c
+}
+
+.hljs-emphasis {
+    font-style: italic
+}
+
+.hljs-strong {
+    font-weight: 700
+}