Skip to content

Instantly share code, notes, and snippets.

@1RandomDev

1RandomDev/flame_custom.css

Forked from Teraskull/flame_custom.css
Last active May 14, 2023 15:15
Show Gist options
  • Save 1RandomDev/c38bfb0eb23e46c633d4ced75416843b to your computer and use it in GitHub Desktop.
Save 1RandomDev/c38bfb0eb23e46c633d4ced75416843b to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. 1RandomDev revised this gist May 14, 2023. 1 changed file with 8 additions and 0 deletions.
    8 changes: 8 additions & 0 deletions flame_custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,11 @@
    /* Display Application URLs in lowercase */
    .AppCard_AppCardDetails__tbAhY * {
    text-transform: none;
    }
    .BookmarkCard_BookmarkCard__1GmHc h3 {
    text-transform: none !important;
    }

    /* Settings button style */
    .Home_SettingsButton__Qvn8C {
    border-radius: 0.5rem !important;
  2. 1RandomDev revised this gist May 14, 2023. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion flame_custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -37,7 +37,7 @@ body:before {
    content: "";
    position: fixed;
    overflow: hidden;
    background-image: url("uploads/wallpaper-1286235.webp");
    background-image: url("uploads/wallpaper-1286235.webp"); /* https://wallpaperaccess.com/full/1286235.jpg */
    background-size: cover;
    z-index: -999;
    height: 100%;
  3. 1RandomDev revised this gist May 14, 2023. 1 changed file with 3 additions and 17 deletions.
    20 changes: 3 additions & 17 deletions flame_custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,28 +1,16 @@
    /* Hide Application URLs */
    .AppCard_AppCardDetails__tbAhY {
    height: 50%;
    }

    .AppCard_AppCardDetails__tbAhY span {
    display: none !important;
    }


    /* Settings button style */
    .Home_SettingsButton__Qvn8C {
    border-radius: 0.5rem !important;
    background-color: #DFD9D6 !important;
    }


    /* Wide Application tiles */
    .AppCard_AppCard__1V2_0 {
    padding: 15px !important;
    padding: 12px !important;
    margin-bottom: 0 !important;
    border-radius: 0.7rem !important;
    }


    /* Application tile hover color */
    .AppCard_AppCard__1V2_0:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
    @@ -35,7 +23,6 @@
    }
    }


    /* Background image */
    body {
    position: absolute;
    @@ -50,7 +37,7 @@ body:before {
    content: "";
    position: fixed;
    overflow: hidden;
    background-image: url("https://wallpaperaccess.com/full/1286235.jpg");
    background-image: url("uploads/wallpaper-1286235.webp");
    background-size: cover;
    z-index: -999;
    height: 100%;
    @@ -62,7 +49,6 @@ body:before {
    opacity: 0.6;
    }


    /* Truncate Title and URL */
    .AppCard_AppCardIcon__8ZZTq {
    min-width: 35px;
    @@ -76,4 +62,4 @@ body:before {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    }
    }
  4. @Teraskull Teraskull revised this gist Dec 17, 2021. 1 changed file with 26 additions and 5 deletions.
    31 changes: 26 additions & 5 deletions flame_custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -2,6 +2,7 @@
    .AppCard_AppCardDetails__tbAhY {
    height: 50%;
    }

    .AppCard_AppCardDetails__tbAhY span {
    display: none !important;
    }
    @@ -13,25 +14,28 @@
    background-color: #DFD9D6 !important;
    }

    /* Wide Application tiles*/

    /* Wide Application tiles */
    .AppCard_AppCard__1V2_0 {
    padding: 15px !important;
    margin-bottom: 0 !important;
    border-radius: 0.7rem !important;
    }


    /* Application tile hover color */
    .AppCard_AppCard__1V2_0:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
    }

    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .AppCard_AppCard__1V2_0:hover {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    backdrop-filter: blur(15px);
    background-color: rgba(0, 0, 0, 0.3) !important;
    }
    }


    /* Background image */
    body {
    position: absolute;
    @@ -41,18 +45,35 @@ body {
    right: 0;
    height: 100%;
    }

    body:before {
    content: "";
    position: fixed;
    overflow:hidden;
    overflow: hidden;
    background-image: url("https://wallpaperaccess.com/full/1286235.jpg");
    background-size: cover;
    z-index: -999;
    height: 100%;
    width: 100%;
    transform: scale(1.1);

    /* Change the following only: */
    filter: blur(0.2rem);
    opacity: 0.6;
    }


    /* Truncate Title and URL */
    .AppCard_AppCardIcon__8ZZTq {
    min-width: 35px;
    }

    .AppCard_AppCard__1V2_0 {
    min-width: 0
    }

    .AppCard_AppCardDetails__tbAhY {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    }
  5. @Teraskull Teraskull created this gist Dec 7, 2021.
    58 changes: 58 additions & 0 deletions flame_custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,58 @@
    /* Hide Application URLs */
    .AppCard_AppCardDetails__tbAhY {
    height: 50%;
    }
    .AppCard_AppCardDetails__tbAhY span {
    display: none !important;
    }


    /* Settings button style */
    .Home_SettingsButton__Qvn8C {
    border-radius: 0.5rem !important;
    background-color: #DFD9D6 !important;
    }

    /* Wide Application tiles*/
    .AppCard_AppCard__1V2_0 {
    padding: 15px !important;
    margin-bottom: 0 !important;
    border-radius: 0.7rem !important;
    }

    /* Application tile hover color */
    .AppCard_AppCard__1V2_0:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
    }
    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .AppCard_AppCard__1V2_0:hover {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.3) !important;
    }
    }

    /* Background image */
    body {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    }
    body:before {
    content: "";
    position: fixed;
    overflow:hidden;
    background-image: url("https://wallpaperaccess.com/full/1286235.jpg");
    background-size: cover;
    z-index: -999;
    height: 100%;
    width: 100%;
    transform: scale(1.1);

    /* Change the following only: */
    filter: blur(0.2rem);
    opacity: 0.6;
    }