mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-24 10:27:10 +02:00
98 lines
1.8 KiB
CSS
98 lines
1.8 KiB
CSS
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
}
|
|
|
|
:root {
|
|
--white: rgb(255, 255, 255);
|
|
--light: rgb(219, 219, 219);
|
|
--grey: rgb(128, 128, 128);
|
|
--dark: rgb(1, 0, 34);
|
|
--black: rgb(24, 24, 24);
|
|
|
|
--red: #ff000d;
|
|
--blue: #00A8FF;
|
|
--green: rgb(0, 167, 28);
|
|
--purple: rgb(132, 0, 255);
|
|
--orange: rgb(255, 164, 27);
|
|
|
|
--primary: var(--black);
|
|
--secondary: var(--dark);
|
|
--tertiary: var(--light);
|
|
--bg: var(--white);
|
|
}
|
|
|
|
[data-theme="dark"] {
|
|
--primary: var(--white);
|
|
--secondary: var(--light);
|
|
--tertiary: var(--dark);
|
|
--bg: var(--black);
|
|
}
|
|
|
|
html {
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
-ms-overflow-style: scrollbar;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
body {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
-webkit-overflow-scrolling: touch;
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
font-family: 'Segoe UI', sans-serif;
|
|
font-size: var(--s);
|
|
font-weight: 300;
|
|
color: var(--secondary);
|
|
}
|
|
|
|
hr {
|
|
box-sizing: content-box;
|
|
height: 0;
|
|
overflow: visible;
|
|
}
|
|
|
|
.mini-app {
|
|
display: grid;
|
|
grid-template-rows: auto 2rem;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
background-color: var(--bg);
|
|
overflow: hidden;
|
|
border-radius: 0.4rem;
|
|
border: solid thin var(--tertiary);
|
|
padding-top: 0.6rem;
|
|
padding-right: 0.25rem;
|
|
background-color: rgb(240, 241, 245);
|
|
}
|
|
|
|
.mini-app.focused {
|
|
border: solid thin var(--grey);
|
|
}
|
|
|
|
.mini-app.loading {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
[data-theme="dark"] .mini-app {
|
|
background-color: rgb(54, 54, 54);
|
|
}
|
|
|
|
.app-bottom-bar {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 0.2rem 0.5rem;
|
|
font-size: 0.8rem;
|
|
color: var(--grey);
|
|
} |