mirror of
https://github.com/ragestudio/comty.git
synced 2025-06-09 18:44:16 +00:00
improve night mode
This commit is contained in:
parent
5a83e2c11c
commit
bbf51f1f7d
@ -29,6 +29,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
.ant-input {
|
||||
color: var(--background-color-contrast);
|
||||
}
|
||||
|
||||
.textArea {
|
||||
border-radius: 8px !important;
|
||||
transition : all 150ms ease-in-out !important;
|
||||
|
||||
@ -1,17 +1,27 @@
|
||||
.settings {
|
||||
display: flex;
|
||||
display : flex;
|
||||
flex-direction: column;
|
||||
|
||||
> div {
|
||||
>div {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.group {
|
||||
display: flex;
|
||||
display : flex;
|
||||
flex-direction: column;
|
||||
color : var(--background-color-contrast);
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: var(--background-color-contrast);
|
||||
}
|
||||
|
||||
.content {
|
||||
> div {
|
||||
>div {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
}
|
||||
@ -20,69 +30,80 @@
|
||||
.settingItem {
|
||||
padding: 0 20px;
|
||||
|
||||
> div {
|
||||
>div {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
display : flex;
|
||||
align-items: center;
|
||||
color : var(--background-color-contrast);
|
||||
|
||||
h4{
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin: 0;
|
||||
color : var(--background-color-contrast);
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 11px;
|
||||
color: var(--background-color-contrast);
|
||||
margin: 0;
|
||||
color : var(--background-color-contrast);
|
||||
margin : 0;
|
||||
}
|
||||
|
||||
> div {
|
||||
>div {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.component {
|
||||
--ignore-dragger: true;
|
||||
padding: 0 20px;
|
||||
padding : 0 20px;
|
||||
|
||||
span {
|
||||
color: var(--background-color-contrast);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
width : 100%;
|
||||
|
||||
padding-top: 20px;
|
||||
padding-top : 20px;
|
||||
padding-bottom: 20px;
|
||||
|
||||
display: flex;
|
||||
display : flex;
|
||||
flex-direction: column;
|
||||
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-items : center;
|
||||
|
||||
> div {
|
||||
>div {
|
||||
margin-bottom: 10px;
|
||||
|
||||
font-family: "Space Mono", monospace;
|
||||
font-size: 10px;
|
||||
font-size : 10px;
|
||||
|
||||
display: flex;
|
||||
display : flex;
|
||||
flex-direction: row;
|
||||
|
||||
align-items: center;
|
||||
align-items : center;
|
||||
justify-content: center;
|
||||
|
||||
.ant-tag {
|
||||
height: 18px;
|
||||
height : 18px;
|
||||
line-height: 18px;
|
||||
font-size: 10px;
|
||||
font-size : 10px;
|
||||
}
|
||||
|
||||
> div {
|
||||
>div {
|
||||
padding: 0 7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -19,6 +19,21 @@
|
||||
}
|
||||
}
|
||||
|
||||
.ant-menu-item {
|
||||
color: var(--background-color-contrast);
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
span,
|
||||
p {
|
||||
color: var(--background-color-contrast);
|
||||
}
|
||||
}
|
||||
|
||||
.ant-menu,
|
||||
.ant-menu ul {
|
||||
background : transparent !important;
|
||||
@ -84,7 +99,7 @@
|
||||
display : flex;
|
||||
align-items : center;
|
||||
justify-content: center;
|
||||
|
||||
|
||||
img {
|
||||
user-select : none;
|
||||
--webkit-user-select: none;
|
||||
@ -92,7 +107,7 @@
|
||||
width : 80%;
|
||||
max-height: 80px;
|
||||
}
|
||||
|
||||
|
||||
&.collapsed {
|
||||
img {
|
||||
max-width: 40px;
|
||||
|
||||
@ -5,29 +5,29 @@
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
|
||||
width: 0;
|
||||
height: 0;
|
||||
width : 0;
|
||||
height : 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
position: absolute;
|
||||
z-index: 200;
|
||||
z-index : 200;
|
||||
|
||||
height: 6px;
|
||||
margin: 5px 10px 5px 5px;
|
||||
height : 6px;
|
||||
margin : 5px 10px 5px 5px;
|
||||
transition: all 200ms ease-in-out;
|
||||
|
||||
border: 4px solid rgba(0, 0, 0, 0);
|
||||
border : 4px solid rgba(0, 0, 0, 0);
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-clip: padding-box;
|
||||
background-clip : padding-box;
|
||||
|
||||
-webkit-border-radius: 7px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button {
|
||||
width: 0;
|
||||
height: 0;
|
||||
width : 0;
|
||||
height : 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -36,33 +36,33 @@
|
||||
}
|
||||
|
||||
html {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
overflow : hidden;
|
||||
height : 100%;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
background-color: var(--background-color-primary) !important;
|
||||
|
||||
svg {
|
||||
margin-right: 10px;
|
||||
margin-right : 10px;
|
||||
vertical-align: -0.125em;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
overflow: hidden;
|
||||
overflow : hidden;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
-webkit-app-region: no-drag;
|
||||
-webkit-app-region : no-drag;
|
||||
|
||||
height: 100%;
|
||||
|
||||
user-select: none;
|
||||
user-select : none;
|
||||
--webkit-user-select: none;
|
||||
|
||||
scroll-behavior: smooth;
|
||||
text-rendering: optimizeLegibility !important;
|
||||
text-rendering : optimizeLegibility !important;
|
||||
|
||||
background-color: var(--background-color-primary) !important;
|
||||
font-family: "Varela Round", sans-serif;
|
||||
font-family : "Varela Round", sans-serif;
|
||||
}
|
||||
|
||||
#root {
|
||||
@ -71,7 +71,7 @@ body {
|
||||
position: fixed;
|
||||
overflow: hidden;
|
||||
|
||||
width: 100%;
|
||||
width : 100%;
|
||||
height: 100%;
|
||||
|
||||
background-color: var(--background-color-primary) !important;
|
||||
@ -79,11 +79,11 @@ body {
|
||||
|
||||
#nprogress {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100vw;
|
||||
top : 0;
|
||||
width : 100vw;
|
||||
|
||||
.bar {
|
||||
height: 2px;
|
||||
height : 2px;
|
||||
background: #48acf0;
|
||||
}
|
||||
}
|
||||
@ -91,26 +91,26 @@ body {
|
||||
.ant-layout,
|
||||
.content_layout,
|
||||
.app_layout {
|
||||
background: var(--background-color-primary) !important;
|
||||
background : var(--background-color-primary) !important;
|
||||
background-color: var(--background-color-primary) !important;
|
||||
|
||||
position: relative;
|
||||
position : relative;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
max-height: 100vh;
|
||||
|
||||
overflow: hidden;
|
||||
overflow : hidden;
|
||||
transition: all 150ms ease-in-out;
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: block;
|
||||
display : block;
|
||||
position: absolute;
|
||||
|
||||
width: 14px;
|
||||
height: 18px;
|
||||
z-index: 200;
|
||||
width : 14px;
|
||||
height : 18px;
|
||||
z-index : 200;
|
||||
transition: all 200ms ease-in-out;
|
||||
}
|
||||
|
||||
@ -119,15 +119,15 @@ body {
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: none !important;
|
||||
width: 0;
|
||||
height: 0;
|
||||
width : 0;
|
||||
height : 0;
|
||||
z-index: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.layout_page {
|
||||
position: relative;
|
||||
position : relative;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
height: 100%;
|
||||
@ -141,7 +141,7 @@ body {
|
||||
@media (max-width: 768px) {
|
||||
.layout_page {
|
||||
padding: 10px;
|
||||
margin: 0;
|
||||
margin : 0;
|
||||
}
|
||||
|
||||
h1,
|
||||
@ -152,23 +152,24 @@ body {
|
||||
h6,
|
||||
span,
|
||||
p {
|
||||
user-select: none;
|
||||
user-select : none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fade-transverse-active {
|
||||
transition: all 250ms;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
height : 100%;
|
||||
width : 100%;
|
||||
}
|
||||
|
||||
.fade-transverse-enter {
|
||||
opacity: 0;
|
||||
opacity : 0;
|
||||
transform: translateX(-30px);
|
||||
}
|
||||
|
||||
.fade-transverse-leave {
|
||||
opacity: 0;
|
||||
opacity : 0;
|
||||
transform: translateX(30px);
|
||||
}
|
||||
|
||||
@ -176,60 +177,62 @@ body {
|
||||
.fade-scale-enter-active {
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.fade-scale-enter {
|
||||
opacity: 0;
|
||||
opacity : 0;
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.fade-scale-leave {
|
||||
opacity: 0;
|
||||
opacity : 0;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
|
||||
.app_initialization {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
width : 100vw;
|
||||
height : 100vh;
|
||||
padding: 50px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
display : flex;
|
||||
flex-direction : column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-items : center;
|
||||
|
||||
> div {
|
||||
width: 100%;
|
||||
>div {
|
||||
width : 100%;
|
||||
height: fit-content;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
display : flex;
|
||||
flex-direction : column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-items : center;
|
||||
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.app_crash_wrapper {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width : 100vw;
|
||||
height : 100vh;
|
||||
display : flex;
|
||||
flex-direction : column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-items : center;
|
||||
}
|
||||
|
||||
// Fixments
|
||||
.ant-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
display : flex;
|
||||
align-items : center;
|
||||
justify-content: center;
|
||||
|
||||
user-select: none;
|
||||
user-select : none;
|
||||
--webkit-user-select: none;
|
||||
}
|
||||
|
||||
.ant-result-extra {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
display : flex;
|
||||
align-items : center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@ -244,6 +247,8 @@ body {
|
||||
}
|
||||
|
||||
*:not(input):not(textarea) {
|
||||
-webkit-user-select: none; /* disable selection/Copy of UIWebView */
|
||||
-webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
|
||||
-webkit-user-select : none;
|
||||
/* disable selection/Copy of UIWebView */
|
||||
-webkit-touch-callout: none;
|
||||
/* disable the IOS popup when long-press on a link */
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user