MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
budibase/packages/builder/src/global.css

57 lines
1.7 KiB
CSS
Raw Normal View History

Add theme editor component to top bar
2020-10-30 11:41:44 +01:00
html {
Enabling the dark side
2020-10-29 21:42:34 +01:00
/* Light theme */
--background: #FFFFFF;
Top nav redesign New BB logo added, and sizing changed. Nav items margin changed to reflect designs Nav items color changed to reflect new simplified color scheme Bottom border added Nav background color changed *Global styles is a work in progress.
2020-05-23 10:49:25 +02:00
--ink: #393C44;
Add theme editor component to top bar
2020-10-30 11:41:44 +01:00
}
html.dark {
Enabling the dark side
2020-10-29 21:42:34 +01:00
/* Dark theme */
Add theme editor component to top bar
2020-10-30 11:41:44 +01:00
--theme-hue: 208;
--theme-saturation: 9%;
--theme-brightness: 16%;
--ink: hsl(var(--theme-hue), var(--theme-saturation), 90%);
--background: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-brightness));
--grey-1: hsl(var(--theme-hue), var(--theme-saturation), calc(var(--theme-brightness) + 2%));
--grey-2: hsl(var(--theme-hue), calc(var(--theme-saturation) + 1%), calc(var(--theme-brightness) + 4%));
--grey-3: hsl(var(--theme-hue), var(--theme-saturation),calc(var(--theme-brightness) + 7%));
--grey-4: hsl(var(--theme-hue), var(--theme-saturation), calc(var(--theme-brightness) + 10%));
--grey-5: hsl(var(--theme-hue), var(--theme-saturation), calc(var(--theme-brightness) + 25%));
--grey-6: hsl(var(--theme-hue), var(--theme-saturation), calc(var(--theme-brightness) + 30%));
--grey-7: hsl(var(--theme-hue), var(--theme-saturation), calc(var(--theme-brightness) + 55%));
--grey-8: hsl(var(--theme-hue), var(--theme-saturation), calc(var(--theme-brightness) + 60%));
--grey-9: hsl(var(--theme-hue), var(--theme-saturation), calc(var(--theme-brightness) + 70%));
moving builder into web...
2019-07-13 11:35:57 +02:00
}
html, body {
Enabling the dark side
2020-10-29 21:42:34 +01:00
font-family: var(--font-sans);
CSS update UI refresh Font changed to Inter Colors reflect BBUI Panel background removed
2020-06-23 09:19:16 +02:00
color: var(--ink);
moving builder into web...
2019-07-13 11:35:57 +02:00
padding: 0;
margin: 0;
CSS update UI refresh Font changed to Inter Colors reflect BBUI Panel background removed
2020-06-23 09:19:16 +02:00
height: 100%;
width: 100%;
moving builder into web...
2019-07-13 11:35:57 +02:00
}
component library modules and definitions refactor - moved to backend. More routing and middleware reorganisation
2020-05-02 16:29:10 +02:00
#app {
height: 100%;
bugfix: right nav scrolling
2020-06-01 23:04:32 +02:00
box-sizing: border-box;
overflow-y: hidden;
component library modules and definitions refactor - moved to backend. More routing and middleware reorganisation
2020-05-02 16:29:10 +02:00
}
UI structure
2020-03-12 15:23:29 +01:00
.hoverable:hover {
cursor: pointer;
removed uk-margin and swapped with new bb-margin classes
2020-08-22 22:34:46 +02:00
}
uk-table removed, uk margin styles add to global
2020-08-23 10:31:39 +02:00
/* Top bottom spacing */
removed uk-margin and swapped with new bb-margin classes
2020-08-22 22:34:46 +02:00
.bb-margin-m {
margin-bottom: var(--spacing-m);
}
* + .bb-margin-m {
margin-top: var(--spacing-m);
}
.bb-margin-xl {
margin-bottom: var(--spacing-xl);
}
* + .bb-margin-xl {
margin-top: var(--spacing-xl);
move table styles from global.css to budibase.css
2020-08-23 10:44:30 +02:00
}