admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Improve styling

Browse Source
This commit is contained in:
Felix Malfait
2023-04-20 22:57:55 +02:00
parent ae5a73b347
commit 1e3540863a
2 changed files with 32 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/docusaurus.config.js
View File

@ -51,10 +51,10 @@ const config = {
// Replace with your project's social card // Replace with your project's social card
image: 'img/docusaurus-social-card.jpg', image: 'img/docusaurus-social-card.jpg',
navbar: { navbar: {
title: 'Twenty', /*title: 'Twenty',*/
logo: { logo: {
alt: 'Twenty Logo', alt: 'Twenty',
src: 'img/logo.svg', src: 'https://twenty.com/wp-content/uploads/2023/03/Screenshot-2023-03-07-at-22.21.44-2.png',
}, },
items: [ items: [
{ {

43
docs/src/css/custom.css
View File

@ -1,3 +1,6 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
/** /**
* Any CSS included here will be global. The classic template * Any CSS included here will be global. The classic template
* bundles Infima by default. Infima is a CSS framework designed to * bundles Infima by default. Infima is a CSS framework designed to
@ -6,26 +9,27 @@
/* You can override the default Infima variables here. */ /* You can override the default Infima variables here. */
:root { :root {
--ifm-color-primary: #2e8555; --ifm-global-radius: 8px;
--ifm-color-primary-dark: #29784c; --ifm-code-font-size: var(14px);
--ifm-color-primary-darker: #277148; --ifm-font-family-base: "Inter",BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;
--ifm-color-primary-darkest: #205d3b; --ifm-font-family-monospace: 'Roboto Mono',SFMono-Regular, Menlo, Monaco, Consolas,'Liberation Mono', 'Courier New', monospace;
--ifm-color-primary-light: #33925d; --ifm-font-size-base: var(14px);
--ifm-color-primary-lighter: #359962; --ifm-base-spacing: 16px;
--ifm-color-primary-lightest: #3cad6e; --ifm-line-height-base: var(--twenty-body-regular-line-height);
--ifm-font-weight-base: var(--twenty-body-regular-font-weight);
--ifm-color-primary: #11181c;
--ifm-code-font-size: 95%; --ifm-code-font-size: 95%;
--docsearch-key-gradient: none !important;
--docsearch-key-shadow: 0 0 0 0.5px var(--docsearch-muted-color) !important;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
--ifm-toc-padding-vertical: 0.5rem;
--ifm-breadcrumb-border-radius: 8px;
--ifm-navbar-link-color: #687076;
} }
/* For readability concerns, you should choose a lighter palette in dark mode. */ /* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] { [data-theme='dark'] {
--ifm-color-primary: #25c2a0; --ifm-color-primary: #fff;
--ifm-color-primary-dark: #21af90;
--ifm-color-primary-darker: #1fa588;
--ifm-color-primary-darkest: #1a8870;
--ifm-color-primary-light: #29d5b0;
--ifm-color-primary-lighter: #32d8b4;
--ifm-color-primary-lightest: #4fddbf;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
} }
@ -40,3 +44,14 @@ html {
font-size: 16px; font-size: 16px;
} }
.DocSearch-Button {
border-radius: 8px !important;
}
.navbar__items--right svg > path {
fill: #687076 !important;
}
.DocSearch-Button-Placeholder {
padding: 0 100px 0 6px !important;
}