steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 11:34:21 +00:00
Code Activity

Merge branch 'gestione-amber'

Browse source 
# Conflicts:
#	src/targets/amber.apache.css
#	src/targets/amber.apache.css.map
#	src/targets/hacker.apache.css.map
#	src/targets/paper.apache.css.map
#	src/targets/royalblue.apache.css.map
#	src/targets/skeleton.apache.css.map
#	src/targets/skeleton.module.css.map
#	src/targets/skeleton.root.css.map
#	src/targets/sophon.apache.css.map
This commit is contained in:
Steffo 2021-10-21 20:07:11 +02:00
commit d590b52024
Signed by: steffo
GPG key ID: 6965406171929D01
10 changed files with 22 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.idea/inspectionProfiles/Project_Default.xml
View file

@ -6,8 +6,9 @@
<option name="myIgnoreVendorSpecificProperties" value="false" /> <option name="myIgnoreVendorSpecificProperties" value="false" />
<option name="myCustomPropertiesList"> <option name="myCustomPropertiesList">
<value> <value>
<list size="1"> <list size="2">
<item index="0" class="java.lang.String" itemvalue="text-decoration-thickness" /> <item index="0" class="java.lang.String" itemvalue="text-decoration-thickness" />
<item index="1" class="java.lang.String" itemvalue="scrollbar-color" />
</list> </list>
</value> </value>
</option> </option>

5
index.html
View file

@ -10,11 +10,6 @@
<link rel="stylesheet" href="src/targets/sophon.root.css"> <link rel="stylesheet" href="src/targets/sophon.root.css">
<link rel="stylesheet" href="src/targets/amber.root.css"> <link rel="stylesheet" href="src/targets/amber.root.css">
<title>Bluelib 3</title> <title>Bluelib 3</title>
<style>
body {
margin: 4px !important;
}
</style>
</head> </head>
<body class="theme-bluelib"> <body class="theme-bluelib">
<hgroup> <hgroup>

9
src/rules/skeleton.less vendored
View file

@ -299,6 +299,8 @@
// Thanks, CSS variables! // Thanks, CSS variables!
color: @cA; color: @cA;
// Get the scrollbar color from the theme
scrollbar-color: @rgb-foreground @rgb-background;
} }
//</editor-fold> //</editor-fold>
@ -346,8 +348,6 @@
display: grid; display: grid;
justify-content: stretch; justify-content: stretch;
align-items: stretch; align-items: stretch;
width: 100%;
} }
// A layout with a single container spanning the whole screen. // A layout with a single container spanning the whole screen.
@ -434,7 +434,7 @@
/// ===== Panels ===== /// ===== Panels =====
/// Panels are the main sectioning elements available in Bluelib. /// Panels are the main sectioning elements available in Bluelib.
/// Many instance of them should be present on the page! /// Many instances of them should be present on the page!
/// They should group small amounts of tightly related content, which can be understood more or less separately from the rest of the page. /// They should group small amounts of tightly related content, which can be understood more or less separately from the rest of the page.
//<editor-fold desc="Rules: Panels"> //<editor-fold desc="Rules: Panels">
@ -451,6 +451,9 @@
// Panels should try to fill the most space possible // Panels should try to fill the most space possible
width: 100%; width: 100%;
// And should be wide at least 312px
min-width: 312px;
background-color: @c0; background-color: @c0;
border-color: @c1; border-color: @c1;

3
src/targets/hacker.apache.css
View file

@ -67,6 +67,7 @@ body,
body *, body *,
.bluelib * { .bluelib * {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
} }
body, body,
.bluelib, .bluelib,
@ -95,7 +96,6 @@ body .layout,
display: grid; display: grid;
justify-content: stretch; justify-content: stretch;
align-items: stretch; align-items: stretch;
width: 100%;
} }
body .layout-fill, body .layout-fill,
.bluelib .layout-fill { .bluelib .layout-fill {
@ -188,6 +188,7 @@ body .panel,
padding: 8px; padding: 8px;
border-radius: 4px; border-radius: 4px;
width: 100%; width: 100%;
min-width: 312px;
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125); border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
} }

3
src/targets/paper.apache.css
View file

@ -67,6 +67,7 @@ body,
body *, body *,
.bluelib * { .bluelib * {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
} }
body, body,
.bluelib, .bluelib,
@ -95,7 +96,6 @@ body .layout,
display: grid; display: grid;
justify-content: stretch; justify-content: stretch;
align-items: stretch; align-items: stretch;
width: 100%;
} }
body .layout-fill, body .layout-fill,
.bluelib .layout-fill { .bluelib .layout-fill {
@ -188,6 +188,7 @@ body .panel,
padding: 8px; padding: 8px;
border-radius: 4px; border-radius: 4px;
width: 100%; width: 100%;
min-width: 312px;
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125); border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
} }

3
src/targets/royalblue.apache.css
View file

@ -67,6 +67,7 @@ body,
body *, body *,
.bluelib * { .bluelib * {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
} }
body, body,
.bluelib, .bluelib,
@ -95,7 +96,6 @@ body .layout,
display: grid; display: grid;
justify-content: stretch; justify-content: stretch;
align-items: stretch; align-items: stretch;
width: 100%;
} }
body .layout-fill, body .layout-fill,
.bluelib .layout-fill { .bluelib .layout-fill {
@ -188,6 +188,7 @@ body .panel,
padding: 8px; padding: 8px;
border-radius: 4px; border-radius: 4px;
width: 100%; width: 100%;
min-width: 312px;
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125); border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
} }

3
src/targets/skeleton.apache.css
View file

@ -67,6 +67,7 @@ body,
body *, body *,
.bluelib * { .bluelib * {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
} }
body, body,
.bluelib, .bluelib,
@ -95,7 +96,6 @@ body .layout,
display: grid; display: grid;
justify-content: stretch; justify-content: stretch;
align-items: stretch; align-items: stretch;
width: 100%;
} }
body .layout-fill, body .layout-fill,
.bluelib .layout-fill { .bluelib .layout-fill {
@ -188,6 +188,7 @@ body .panel,
padding: 8px; padding: 8px;
border-radius: 4px; border-radius: 4px;
width: 100%; width: 100%;
min-width: 312px;
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125); border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
} }

3
src/targets/skeleton.module.css
View file

@ -65,6 +65,7 @@
.bluelib *, .bluelib *,
.bluelib .all { .bluelib .all {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
} }
.bluelib, .bluelib,
.bluelib *, .bluelib *,
@ -86,7 +87,6 @@
display: grid; display: grid;
justify-content: stretch; justify-content: stretch;
align-items: stretch; align-items: stretch;
width: 100%;
} }
.bluelib .layout-fill { .bluelib .layout-fill {
padding: 4px; padding: 4px;
@ -164,6 +164,7 @@
padding: 8px; padding: 8px;
border-radius: 4px; border-radius: 4px;
width: 100%; width: 100%;
min-width: 312px;
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125); border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
} }

3
src/targets/skeleton.root.css
View file

@ -67,6 +67,7 @@ body,
body *, body *,
.bluelib * { .bluelib * {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
} }
body, body,
.bluelib, .bluelib,
@ -95,7 +96,6 @@ body .layout,
display: grid; display: grid;
justify-content: stretch; justify-content: stretch;
align-items: stretch; align-items: stretch;
width: 100%;
} }
body .layout-fill, body .layout-fill,
.bluelib .layout-fill { .bluelib .layout-fill {
@ -188,6 +188,7 @@ body .panel,
padding: 8px; padding: 8px;
border-radius: 4px; border-radius: 4px;
width: 100%; width: 100%;
min-width: 312px;
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125); border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
} }

3
src/targets/sophon.apache.css
View file

@ -67,6 +67,7 @@ body,
body *, body *,
.bluelib * { .bluelib * {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
} }
body, body,
.bluelib, .bluelib,
@ -95,7 +96,6 @@ body .layout,
display: grid; display: grid;
justify-content: stretch; justify-content: stretch;
align-items: stretch; align-items: stretch;
width: 100%;
} }
body .layout-fill, body .layout-fill,
.bluelib .layout-fill { .bluelib .layout-fill {
@ -188,6 +188,7 @@ body .panel,
padding: 8px; padding: 8px;
border-radius: 4px; border-radius: 4px;
width: 100%; width: 100%;
min-width: 312px;
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125); border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
} }