lky100047
diff --git a/‎data/osa-12/1-graafiset-kayttoliittymat.md‎
Lines changed: 1 addition & 3 deletions b/‎data/osa-12/1-graafiset-kayttoliittymat.md‎
Lines changed: 1 addition & 3 deletions
diff --git a/‎gatsby-config.js‎
Lines changed: 3 additions & 36 deletions b/‎gatsby-config.js‎
Lines changed: 3 additions & 36 deletions
@@ -24,7 +24,7 @@ Käytämme graafisten käyttöliittymien luomiseen Javan [JavaFx](https://en.wik
 
 Graafisten käyttöliittymien luomiseen käytetään JavaFX-nimistä kirjastoa. Linux-koneilla joudut -- riippuen Javan asennuksesta -- asentamaan myös openjfx-kirjaston. Tämän asentaminen onnistuu Ubuntussa (komentoriviltä) komennolla:
 
-```console
+```bash
 user@kone:~$ sudo apt-get install openjfx
 ```
 
@@ -128,5 +128,3 @@ Käyttöliittymäkomponentit lisätään niiden asettelusta vastaavan olion -- e
 
 
 Käyttöliittymän rakenne on siis lyhyesti seuraava. Ikkuna sisältää Scene-olion. Scene-olio sisältää käyttöliittymäkomponenttien asettelusta vastaavan olion. Käyttöliittymäkomponenttien asettelusta vastaava olio voi sisältää sekä käyttöliitymäkomponentteja, että käyttöliittymäkomponenttien asettelusta vastaavia olioita.
-
-
@@ -1,5 +1,5 @@
 const red = require("@material-ui/core/colors/red").default
-const blue = require("@material-ui/core/colors/blue").default
+const blue = require("@material-ui/core/colors/red").default
 
 module.exports = {
   siteMetadata: {
@@ -104,7 +104,7 @@ module.exports = {
               }
             }
           },
-          `gatsby-remark-component`
+          `@rstacruz/gatsby-remark-component`
         ]
       }
     },
@@ -147,42 +147,9 @@ module.exports = {
     {
       resolve: "gatsby-transformer-moocfi-exercises"
     },
+    `gatsby-plugin-top-layout`,
     {
       resolve: 'gatsby-plugin-material-ui',
-      options: {
-        theme: {
-          palette: {
-            primary: {
-              light: blue[300],
-              main: blue[500],
-              dark: blue[700],
-            },
-            secondary: {
-              light: red[300],
-              main: red[500],
-              dark: red[700],
-            },
-          },
-          typography: {
-            useNextVariants: true,
-          },
-          overrides: {
-            MuiButton: {
-              root: {
-                textTransform: "none",
-              },
-            },
-            MuiTypography: {
-              body2: {
-                fontSize: "16px",
-              },
-              subheading: {
-                fontSize: "18px",
-              },
-            },
-          },
-        }
-      }
     },
     `gatsby-plugin-meta-redirect` // make sure to put last in the array
   ]