owlboard-svelte/src/lib/train/styles-toc.svelte

<script lang="ts">
    export let toc: string
    export let full: boolean = false;

    import { tocs as map } from "$lib/stores/tocMap";

    let text: string

    $: {
        if (full) {
            text = map.get(toc.toLowerCase()) || toc;
        } else {
            text = toc;
        }
    }

</script>

<span class="{toc.toLocaleLowerCase()}">{text}</span>

<style>
    span {
        padding: 4px;
        border-radius: 5px;
        border-style: solid;
        border-width: 1px;
        background-color: white;
        color: black;
    }
    .gw { /* GWR */
        background-color: #07352d;
        color: white;
        border-color: #041d18;
    }
    .sw, .il { /* SWR & Island Line */
        background-color: rgb(17, 23, 23);
        color: white;
    }
    .nt { /* Northern */
        background-color: rgb(38, 34, 98);
        color: white;
    }
    .aw { /* TfW */
        background-color: red;
        color: white;
    }
    .cc { /* c2c */
        background-color: rgb(168, 25, 127);
        color: white;
    }
    .cs { /* Caledonian Sleeper */
        background-color: #033c3c;
        color: white;
    }
    .ch { /* Chiltern Railways */
        background-color: white;
        color: blue;
    }
    .xc { /* CrossCountry */
        background-color: rgb(76, 18, 58);
        color: white;
    }
    .em { /* EMR */
        background-color: rgb(69, 29, 69);
        color: white;
    }
    .es { /* Eurostar */
        background-color: rgb(13, 13, 98);
        color: yellow;
    }
    .zz { /* Freight, Charters, etc */
        background-color: rgba(255, 255, 255, 0);
        color: white;
    }
    .ht { /* Hull Trains */
        background-color: rgb(160, 0, 136);
        color: rgb(19, 19, 173);
    }
    .gn { /* GTR Great Northern */
        background-color: rgb(79, 0, 128);
        color: white;
    }
    .tl { /* GTR Thameslink */
        background-color: rgb(191, 25, 183);
        color: white;
    }
    .gc { /* Grand Central */
        background-color: rgb(40, 40, 40);
        color: rgb(219, 123, 5);
    }
    .le, .ga { /*Greater Anglia */
        background-color: rgb(122, 124, 154);
        color: rgb(151, 0, 0);
        border-color: red;
    }
    .hx { /* Heathrow Express */
        background-color: rgb(181, 142, 211);
        color: black;
    }
    .ls { /* Locomotive Services Limited */
        background-color: white;
        color: black;
    }
    .lm { /* West Midlands Railway */
        background-color: rgb(120, 120, 120);
        border-color: rgb(230, 150, 0);
        color: white;
    }
    .lo { /*London Overground */
        background-color: rgb(231, 150, 0);
        color: rgb(0, 0, 210)
    }
    .lt { /* London Underground (when on Network Rail Metals) */
        background-color: rgb(203, 17, 17);
        color: rgb(0, 0, 210);
    }
    .me { /* Merseyrail */ 
        background-color: rgb(229, 229, 16);
        color: rgb(96, 96, 96);
    }
    .lr { /* NR On-Track Machines */
        background-color: yellow;
        color: black;
    }
    .tw { /* Tyne & Wear Metro (when on Network Rail Metals) */
        background-color: rgb(212, 169, 0);
        color: black;
    }
    .sr { /* ScotRail */
        background-color: rgb(16, 16, 200);
        color: white;
    }
    .sj { /* South Yorkshire (Sheffield) SuperTram (When on network rail metals) */
        background-color: rgb(255, 185, 56);
        color: rgb(58, 58, 255);
    }
    .se { /* Southeastern */
        background-color: darkblue;
        color: rgb(107, 152, 207);
    }
    .sn { /* GTR (Southern) */
        background-color: rgb(11, 74, 11);
        color: rgb(231, 231, 188);
    }
    .xr { /* Elizabeth Line (EastWest CrossRail) */
        background-color: rgb(91, 0, 171);
        color: rgb(207, 207, 255);
    }
    .tp { /* TransPennine Express */
        background-color: rgb(197, 130, 238);
        color: rgb(0, 98, 226)
    }
    .vt { /* Avanti West Coast */
        background-color: rgb(37, 37, 86);
        color: rgb(230, 96, 0);
    }
    .gr { /* LNER */
        background-color: rgb(202, 0, 0);
        color: white;
    }
    .wc { /* West Coast Railway (Spot Hire/Charter) */
        background-color: maroon;
        color: rgb(225, 190, 92);
    }
    .ty { /* Vintage Trains (Tour Operator) */
        background-color: green;
        color: white;
    }
    .ld { /* Lumo */
        background-color: whitesmoke;
        color: blue;
    }
    .so { /* Rail Adventure */
        background-color: rgb(93, 93, 93);
        color: rgb(93, 195, 93)
    }
    .ln { /* Grand Union Trains */ 
        background-color: rgb(89, 89, 89);
        color: white;
    }
    .uk {
        background-color: whitesmoke;
        color: black;
    }
</style>