Skip to content

Instantly share code, notes, and snippets.

View CharlieGreenman's full-sized avatar
🔎
Have you found my lost AI?

Charlie Greenman CharlieGreenman

🔎
Have you found my lost AI?
1.7k followers · 3.8k following
View GitHub Profile
@CharlieGreenman
CharlieGreenman / styles-file-structure.md
Created July 12, 2019 14:00
Razroo Styles Folder File Structure 
libs
├── common/
│   ├── styles/
│   │   └── _themes.scss
@CharlieGreenman
CharlieGreenman / _themes.scss
Created July 12, 2019 14:03
Razroo's Material Primary Blue color map
$razroo-primary-blue: (
50 : #e7f2f4,
100 : #c3dee4,
200 : #9cc8d3,
300 : #74b2c1,
400 : #56a2b3,
500 : #3891a6,
600 : #32899e,
700 : #2b7e95,
800 : #24748b,
@CharlieGreenman
CharlieGreenman / _themes.scss
Last active July 12, 2019 14:14
Razroo's Custom Material Theme Background
// Background palette for light themes.
$razroo-theme-background: (
status-bar: map_get($razroo-background-yellow, 300),
map_get($razroo-background-yellow , map_get($razroo-background-yellow),
map_get($razroo-background-yellow , rgba(map_get($razroo-background-yellow, 500), 0.04),
// TODO(kara): check style with Material Design UX
card: map_get($razroo-background-yellow , 500),
dialog: map_get($razroo-background-yellow , 500),
disabled-button: rgba(map_get($razroo-background-yellow, 500), 0.12), raised-button: map_get($razroo-background-yellow , 500),
focused-button: $dark-focused,
@CharlieGreenman
CharlieGreenman / _themes.scss
Created July 12, 2019 14:22
Custom Sass Razroo Theme Function
@function razroo-theme($primary, $accent, $warn: mat-palette($mat-red)) {
@return (
primary: $primary,
accent: $accent,
warn: $warn,
is-dark: false,
foreground: $mat-light-theme-foreground,
background: $razroo-theme-background,
);
}
@CharlieGreenman
CharlieGreenman / styles.scss
Created July 12, 2019 14:25
Angular Material Theme Override + HTML/Body background-color Change Based On Razroo's Theme
$razroo-theme: razroo-theme(mat-palette($razroo-primary-blue), mat-palette($razroo-secondary-red));
// Inject $razroo-theme across angular-material-theme
@include angular-material-theme($razroo-theme);
html, body {
width: 100%;
height: 100%;
background-color: map_get($razroo-background-yellow, 50);
}
@CharlieGreenman
CharlieGreenman / styles-file-structure.md
Created July 12, 2019 14:28
Material Overrides Folder/File Structure 
libs
├── common/
│   ├── styles/
│   │   ├── material-overrides/
│   │   │   ├── _dialog.scss
│   │   │   └── _material-overrides.scss
│   │   └── _themes.scss
@CharlieGreenman
CharlieGreenman / styles-file-structure.md
Created July 12, 2019 14:28
Material Overrides Folder/File Structure 
libs
├── common/
│   ├── styles/
│   │   ├── material-overrides/
│   │   │   ├── _dialog.scss
│   │   │   └── _material-overrides.scss
│   │   └── _themes.scss
@CharlieGreenman
CharlieGreenman / styles-file-structure.md
Created July 12, 2019 14:28
Material Overrides Folder/File Structure 
libs
├── common/
│   ├── styles/
│   │   ├── material-overrides/
│   │   │   ├── _dialog.scss
│   │   │   └── _material-overrides.scss
│   │   └── _themes.scss
@CharlieGreenman
CharlieGreenman / get_ip_address.sh
Created July 25, 2019 08:47
How to get ip address for your current ubuntu server
ip addr show eth0 | grep inet | awk '{ print $2; }' | sed 's/\/.*$//'
@CharlieGreenman
CharlieGreenman / get_ip_address.sh
Created July 25, 2019 08:47
How to get ip address for your current ubuntu server
ip addr show eth0 | grep inet | awk '{ print $2; }' | sed 's/\/.*$//'